/*** ELEMENTAL STYLES ***/ *{margin: 0; padding: 0; border: 0;} body, html {margin: 0; padding: 0px; border: 0; color: #000; height: 100%;} body {background: #506776; font-size: 16px; font-weight: 300; font-family: 'Ubuntu', sans-serif;} a {color: #00aeef; text-decoration: none;} a:hover {color: #4f687b;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 2px; background-color: #ccc; margin-bottom: 1.1em;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} h1, h2, h3, h4, h5, h6 {margin: 0 0 7px 0; line-height: 1.1em;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 40px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} h2 {font-size: 26px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} h3 {font-size: 21px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} h4 {font-size: 16px; margin: 10px 0 0 0; color: #00aeef; font-weight: 400; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} h5 {font-size: 15px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;;} h6 {font-size: 14px; color: #4f687b; font-weight: 400; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} /*** CLASSES ***/ .clear {clear: both;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text {font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} /* Buttons */ .blueBtn {display: block; background-color: #00aeef; color: #fff; font-size: 16px; text-transform: uppercase; padding: 16px 0; width: 230px; text-align: center; font-weight: 400!important; border-radius: 8px;} .blueBtn:hover {color: #000!important; background-color: #ffde00;} .blueBtn:active {position: relative; top: 1px; left: 1px;} .blueBtnSmall {display: block; background-color: #00aeef; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 25px; text-align: center; font-weight: 400!important; border-radius: 8px;} .blueBtnSmall:hover {color: #000!important; background-color: #ffde00;} .blueBtnSmall:active {position: relative; top: 1px; left: 1px;} /** Gallery Styles **/ .gallery .gallery-item {margin: 1.1em 0;} .gallery .gallery-item img {border: 1px solid #7e8a94; border-radius: 10px; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;} .gallery .gallery-item:hover {opacity: 0.6; filter: alpha(opacity=60);} .wp-caption-text {font-size: 11px; color: #444; padding: 0 10px; line-height: 15px; text-align: center; margin-top: 3px;} /** Select Two Styels **/ body .select2-container--default .select2-selection--single {border-color: #000; border-radius: 6px; height: auto; overflow: visible;} body .select2-container--default .select2-selection--single:focus {outline: none;} body .select2-selection__rendered {padding: 5px 20px 5px 8px;} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, body .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 5px 4px 0 4px;} body .select2-container--default .select2-selection--single .select2-selection__arrow {background: #00aeef; border-radius: 0 5px 5px 0; height: 39px;} body .select2-container--open .select2-selection {background: #00aeef;} body .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #000; font-style: normal; font-family: 'Ubuntu', serif; font-weight: 400; font-size: 15px;} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__placeholder {color: #ffde00; font-weight: 500; font-style: normal;} body .select2-container--open .select2-selection {border-radius: 6px 6px 0 0; border-bottom: 0;} body .select2-results {background: #00aeef;} body .select2-dropdown {border: 0; margin-left: 1px;} body .select2-results__option {color: #fff; font-family: 'Ubuntu', serif; font-weight: 400;} body .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #00aeef; font-weight: 700;} body .select2-container--default .select2-results__option[aria-selected=true] {background-color: #00aeef; color: #ffde00; font-weight: 700;} body .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 29px;} /*** LAYOUT STYLES ***/ .grayCircle {background: #edf0f2;} /*** HEADER STYLES ***/ /* Search */ #mainSearch {display: none;} /* Utility Navigation */ #utilityNavWrapper {display: none;} /* Mobile Navigation */ #openMobileMenu {display: none;} #mobileNav {display: none;} /* Logo & Main Navigation */ #headerWrapper {position: relative; z-index: 1; padding-bottom: 10px; border-bottom: 1px solid #000;} #headerWrapper .print {display: block; margin: 0 auto;} #topNav {display: none;} /*** HOMEPAGE STYLES ***/ /* Slideshow */ #slideshowOuter {display: none;} /*** HOMEPAGE STYLES ***/ #homeMiddle {padding: 40px 0 0; color: #000; position: relative;} #homeIntro {text-transform: uppercase;} #homeIntro h1 {font-size: 38px; font-weight: 500; color: #000; font-family: 'Ubuntu', sans-serif;} #homeIntro h2 {font-size: 24px; font-family: 'Ubuntu', sans-serif;} #homeIntro h2 span {font-weight: 400;} #homeIntro h2:first-of-type {font-style: italic;} #homeIntro h2:last-of-type {color: #000; font-weight: 700;} /* Accordion */ #homeTabs {margin-top: 40px;} #homeTabs, #homeTabs a {color: #000;} #homeTabs ul {list-style: none;} #homeTitleTabs {display: none;} #homeContentTabs > .tab {display: none;} #homeContentTabs section {display: none; padding-left: 18px; min-height: 450px;} #homeContentTabs section.active {display: table; vertical-align: top;} #homeContentTabs section .leftNav {display: none;} #homeContentTabs section .rightContent {width: auto; font-weight: 300; font-size: 16px;} #homeContentTabs section .rightContent > ul li, #homeContentTabs section .rightContent > ul li:first-of-type{display: none;} #homeContentTabs section .rightContent > ul li.active {display: block;} #homeContentTabs section .rightContent h4 {font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; font-size: 36px; margin-bottom: 10px; color: #000; text-transform: capitalize;} #homeContentTabs section .rightContent img.alignright {border-radius: 8px;} #homeContentTabs section .rightContent a.blueBtn {display: none;} #homeContentTabs section .rightContent p.desc {display: none;} #homeContentTabs section .rightContent .mobileThumbnails {display: none;} /* Diagram */ #diagramWrapper {display: none;} /*** PAGE STYLES ***/ #ppWrap img.alignright {display: none;} /* Blue */ #blueWrapper .title {padding: 30px 0 0; color: #000; font-size: 40px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} #blueWrapper .snippet {width: auto; color: #000;} #content {padding: 40px 0;} body.page-template-template-bulletins #content img, body.page-template-template-articles #content img, body.blog #content img {display: block; margin: 0 auto; max-width: 100%; height: auto;} #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} #content ul ul, #content ol ol {padding-left: 30px; margin-bottom: 0;} /* Breadcrumbs */ #breadcrumbs {display: none;} /* Pagination Styles */ #content .pagination {display: none;} #content .next-prev {display: none;} /* About - Mission Styles */ #missionContent {color: #000; text-align: center;} #missionContent h1 {font-size: 23px; color: #000; font-weight: 700; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} #missionContent .bar {width: 84px; height: 2px; margin: 30px auto; background: #000;} #missionContent .circles {display: none;} /* Blog Template Sidebar */ #postsWrapper .post {margin: 40px 0; border-bottom: 1px solid #7e8a94;} #postsWrapper .post .date {margin: 0 30px 10px 30px;} #postsWrapper .post h1 {font-size: 26px; font-family: 'Ubuntu', sans-serif; margin: 0 30px 15px 30px;} #postsWrapper .post h1 a {color: #4f687b;} #postsWrapper .post h1 a:hover {color: #00aeef;} #postsWrapper .post img {border-radius: 10px; border: 1px solid #4f687b;} #postsWrapper .post img:hover {opacity: 0.75; filter: alpha(opacity=75);} #postsWrapper .post .entry {margin: 15px 30px 40px 30px;} #postsWrapper img.attachment-blog_featured {display: block; margin: 0 auto;} /* Map Styles height: 585px; */ #mapWrapper {display: none;} #content a.back {display: none;} /* Search Styles */ .search .hentry {margin: 30px 0; border-bottom: 1px solid #7e8a94;} .search .hentry h2 {margin: 0 0 4px;} body.search #content .pagination {float: none; text-align: center;} #stateSelect {display: none;} #stateSelect + span {display: none;} #stateSelectMobile {display: none;} #stateSelectMobile + span {display: none;} /*** PRODUCT STYLES ***/ /* Listing Styles */ #productsWrapper {display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0 10px;} #productsWrapper .product {width: 270px; padding: 20px 15px; font-size: 14px; font-weight: 400;} #productsWrapper .product img {border: 1px solid #7e8a94; display: block;} #productsWrapper .product .nameWrap {display: table; width: 270px; min-height: 65px; background: #00aeef; color: #fff; text-align: center; float: left; border-left: 1px solid #7e8a94; border-right: 1px solid #7e8a94; border-bottom: 1px solid #7e8a94;} #productsWrapper .product .name {display: table-cell; vertical-align: middle; text-align: center; padding: 10px 15px;} /* Mobile Terms */ #mobile_pp_terms {display: none;} /* Black Search Styles */ #productSearchWrapper {display: none;} /* Category Side Styles */ #catWrapper #mobileBlueContent {display: none;} #catSidebar {display: none;} #blueContent {color: #000; margin: 0 0 30px 0;} /* Individual Product Accordion */ #partInfo #partNumber {float: left;} #partInfo #partPrice {text-align: right; font-size: 40px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; float: right;} #partInfo #partPrice .small {font-size: 14px; font-weight: 500; font-family: 'Ubuntu', sans-serif; font-style: italic;} #partInfo #mobileProductImage {display: none;} #productTabs {margin-top: 40px;} #productTabs .line {width: 32px; height: 2px; margin: 20px 0; background: #9ea7ae;} #content #productTitleTabs {padding: 0; margin-bottom: 40px; border-bottom: 1px solid #7e8a94;} #productTitleTabs li {display: inline-block;} #productTitleTabs li a {display: block; padding: 12px 27px; letter-spacing: 1px; text-transform: uppercase; color: #a9b2b9; font-size: 18px; font-weight: 700; background: #7e8a94; border-radius: 6px 6px 0 0;} #productTitleTabs li a:hover, #productTitleTabs li.active a {color: #fff; background: #00aeef;} #productContentTabs section {display: none; padding-left: 18px;} #productContentTabs section.active {display: block;} #productContentTabs #specs {width: 39.38%; max-width: 300px; float: left;} #productContentTabs #files {width: 42%; max-width: 320px; float: right; padding-right: 60px;} #productContentTabs #files .fileCol {width: 160px; padding-bottom: 40px; text-align: center; float: left;} #productContentTabs #files .fileCol img:hover {opacity: 0.75; filter: alpha(opacity=75);} #productContentTabs #files .fileCol a {text-transform: uppercase; font-size: 16px; font-weight: 400;} /*** SIDEBAR STYLES ***/ #sidebar {display: none;} /*** FORM STYLES ***/ /** Forms General **/ .contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact textarea {box-sizing: border-box; width: 100%;} .contact p {margin-bottom: 10px;} .contact input.wpcf7-captchar, .contact .area, .contact .input {padding: 4px 8px;} .contact span.wpcf7-form-control-wrap {display: inline-block; width: 100%;} .contact img.wpcf7-captchac {position: relative; top: 4px; vertical-align: top; padding-right: 10px;} .contact span, .contact img {} /** Contact Page Form **/ #form_contact {clear: both; padding-top: 20px;} #form_contact span.cnt-fname, #form_contact span.cnt-phone {margin-right: 4%;} #form_contact span.cnt-fname, #form_contact span.cnt-phone, #form_contact span.cnt-lname, #form_contact span.cnt-email {width: 48%;} #form_contact span.cnt-captcha {width: 38%;} #form_contact #cnt-submit {float: right;} /*** FOOTER STYLES ***/ #footerWrapper ul {list-style: none;} #mainFooter {border-top: 1px solid #000; text-align: center;} #footerCols {border-bottom: 1px solid #fff; padding: 30px; font-size: 14px;} #footerCols .footerCol {display: none;} /* Ensure we only show _4_ widgets */ #footerCols .footerCol.widget-3 {display: block;} #footerCols .footerCol a {color: #000;} #footerCols .footerCol .colTitle {display: block; font-weight: 500; font-size: 14px; text-transform: uppercase; margin-bottom: 18px;} #footerBot {margin-top: 12px;} #footerBot #mobileFooterNav {display: none;} #footerBot #footerNav {display: none;} #footerBot #credits {text-align: center; font-size: 14px; font-weight: 300;}