h1 { font: 300 36px "open-sans",sans-serif; color: rgba(0,0,0,1); text-align: center; } h2 { text-indent: -10000px; overflow: hidden; width: 281px; height: 239px; margin: -120px auto 0 auto; &.products { background: url('../img/badge-products.png') no-repeat; } &.services { background: url('../img/badge-services.png') no-repeat; } &.promos { background: url('../img/badge-promos.png') no-repeat; width: 282px; height: 241px; } } h2.carousel { } h3 { font: 300 36px "open-sans",sans-serif; color: rgba(0,0,0,1); margin-bottom: 0px; } h4 { font: 600 42px "futura-pt",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: uppercase; } h5 { font: 300 23px "open-sans",sans-serif; line-height: normal; color: rgba(161,161,161,1); margin: 0px 0 60px 0; } h6 { font: 300 22px "open-sans",sans-serif; line-height: normal; color: rgba(0,0,0,1); margin: 0px 0 10px 0; } p { font: 300 18px "open-sans",sans-serif; line-height: 22px; color: rgba(125,125,125,1); margin: 0 0 34px 0; } a { } img.alignright { float: right; padding: 0 0 0 30px; } article { .row { margin-top: 20px; } ul, ol { li { font: 300 18px 'Gill Sans', sans-serif; line-height: 28px; color: rgba(115,99,87,1); } } } button:focus { outline: none; } strong { font-weight: 400; } /* HEADER */ header { background: rgba(33,98,175,1); padding: 0; position: fixed; width: 100%; height: 67px; z-index: 100; .container { position: relative; a.logo-container { float: left; position: absolute; z-index: 50; span { background: url('../img/inner-logo.png') no-repeat; width: 171px; height: 116px; display: block; text-indent: -10000px; overflow: hidden; } } } } .carousel { margin-bottom: 0px; .carousel-inner { .item { max-height: 400px; } } .carousel-control { top: 50%; width: 25px; height: 42px; text-indent: -20000px; border: 0px; &.left { background: url('../img/prev.png') no-repeat; } &.right { background: url('../img/next.png') no-repeat; } } } .home { header { background: rgba(33,98,175,1); position: relative; height: 67px; width: auto; .sliding-bg { background: rgba(54,121,189,1); width: 50%; position: absolute; top: 0px; right: 0px; height: 66px; } .container { .logo-container { position: absolute; top: 0px; left: 50%; margin-left: -130px; span { background: url('../img/logo-home.png') no-repeat; width: 259px; height: 174px; } } } } .header-panel { background: none; height: auto; } .nav-panel { background: rgba(0,0,0,1); .nav-collapse.collapse { float: none; margin-right: 0px; .nav { float: none; left: auto; margin-left: 85px; li { .dropdown-menu { bottom: 100%; top: auto; } } } } } .navbar .nav > li > .dropdown-menu:before { bottom: -7px; top: auto; } .navbar .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0px; bottom: -6px; top: auto; } .panel1 { background: rgba(255,255,255,1); padding: 54px 0 20px 0; h5 { font: 400 18px "futura-pt",sans-serif; color: rgba(125,125,125,1); letter-spacing: 2px; text-transform: uppercase; text-align: center; img { width: 216px; height: 1px; padding: 0 14px 6px 14px; } } h1 { font: 600 44px "futura-pt",sans-serif; line-height: 42px; color: rgba(33,98,175,1); text-transform: uppercase; } p { font-size: 30px; line-height: 42px; text-align: center; padding: 0 85px; } } .panel2 { background: url('http://maverick.ambientm.com/wp-content/uploads/2014/01/home-featured-bg.jpg') center no-repeat; background-size: cover; padding: 107px 0; h3 { font: 600 44px "futura-pt",sans-serif; line-height: 42px; color: rgba(255,255,255,1); text-transform: uppercase; text-shadow: 1px 1px 1px #000000; text-align: center; } } .panel3 { padding: 0 0 45px 0; border-top: 50px solid rgba(33,98,175,1); background: rgba(235,235,235,1); .span4 { padding-top: 46px; h4 { font: 600 36px "futura-pt",sans-serif; line-height: normal; color: rgba(0,0,0,1); text-transform: uppercase; text-align: center; } &:hover { background: url('../img/picker.png') center top no-repeat; } &:hover h4 { text-decoration: none; color: rgba(20,72,151,1); } } } .google-map { background: rgba(196,219,235,1); #location-map { margin: 0 auto; /*width: 1280px;*/ width: 100%; height: 440px; } } .panel4 { background: rgba(255,255,255,1); h4 { font: 600 33px "futura-pt",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: uppercase; text-indent: 0px; overflow: auto; width: auto; height: auto; margin: 86px 0 0 0; } .wpcf7 { margin: 0 auto; p { width: 45%; margin-right: 5%; float: left; input { width: 100%; /*text-transform: uppercase;*/ color: rgba(137,137,137,1); font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; border: 0px; background: rgba(235,235,235,1); padding: 11px; box-shadow: none; -webkit-box-shadow: none; } &.message { clear: both; width: 95%; textarea { width: 100%; /*text-transform: uppercase;*/ } } &.submit { clear: both; width: 100%; input { display: block; width: 170px; margin: 0 auto; height: 59px; text-transform: uppercase; background-color: rgba(33,98,175,1); border: 0; margin-bottom: 65px; font: 400 22px "futura-pt",sans-serif; line-height: normal; color: rgba(255,255,255,1); padding: 10px 0px 10px 0; letter-spacing: 1px; &:hover { background-color: rgba(33,98,175,.9); } } } &.required { input { background: url('../img/required.png') no-repeat 97% center rgba(235,235,235,1); } textarea { background: url('../img/required.png') no-repeat 99% 7px rgba(235,235,235,1); font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; border: 0px; padding: 11px; box-shadow: none; -webkit-box-shadow: none; } } select { background: url('../img/select-arrow.png') 404px 16px no-repeat rgba(33,98,175,1); border: 0px; width: 445px; padding: 3px 0 0 11px; height: 42px; font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; color: rgba(255,255,255,1); /*text-transform: uppercase;*/ -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; } &.checkbox { float: none; font: italic 300 18px "open-sans",sans-serif; color: rgba(33,98,175,1); margin: 0 auto; width: 235px; input { width: 20px; } } &.subtext { width: auto; float: none; text-align: center; margin-top: 20px; span { font-style: italic; } } } } } } /* SLIDER */ .carousel { margin-bottom: 0px; .carousel-inner { .item { .container { position: relative; p { } } } } .carousel-control { top: 50%; width: 25px; height: 42px; text-indent: -20000px; border: 0px; &.left { background: url('../img/prev.png') no-repeat; } &.right { background: url('../img/next.png') no-repeat; } } } /* NAVBAR */ .navbar { margin-bottom: 0; } .navbar-inverse .navbar-inner { background-color: transparent; background-image: none; border: 0px; box-shadow: none; -webkit-box-shadow: none; padding: 0; } .nav-collapse.collapse { float: right; padding: 0; margin-right: 9px; .nav { margin: 0; li { float: left; padding: 0; &.dropdown.active a { background-color: rgba(20,72,151,1); box-shadow: none; -webkit-box-shadow: none; } &:last-child { padding: 0; } &:hover ul.dropdown-menu { display: block; top: 64px; border: 0px; } &:hover ul.dropdown-menu li ul.dropdown-menu { display: none; } a { font: 400 24px "futura-pt",sans-serif; line-height: normal; color: rgba(255,255,255,1); padding: 18px 19px; &:hover { background: rgba(20,72,151,1); } } ul { li { float: none;padding: 0; &:hover ul.dropdown-menu { display: block !important; } a { font: 400 18px "futura-pt",sans-serif; color: rgba(255,255,255,1); line-height: 24px; text-shadow: none; padding: 10px 15px 10px; background-color: rgba(20,72,151,1); &:hover { background-color: rgba(255,255,255,1); color: rgba(20,72,151,1); } } &.current-menu-item a { color: rgba(255,255,255,1); &:hover { color: rgba(20,72,151,1); } } } } &.dropdown.active { li { float: none; background: rgba(242,242,230,1); padding: 0; &:hover ul.dropdown-menu { display: block !important; } a { font: 400 18px "futura-pt",sans-serif; color: rgba(255,255,255,1); line-height: 24px; text-shadow: none; padding: 10px 15px 10px; &:hover { background-color: rgba(255,255,255,1); color: rgba(20,72,151,1); } } &.current-menu-item a { color: rgba(255,255,255,1); background-color: rgba(20,72,151,1); } } } } } } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background: rgba(20,72,151,1); color: rgba(255,255,255,1); } .navbar .btn-navbar .icon-bar { background-color: rgba(255,255,255,1); } .navbar-inverse .nav .nav-collapse.collapse .nav li ul li a { color: rgba(20,72,151,1); } .dropdown-menu > .active > a { background-color: rgba(20,72,151,1); background-image: none; text-shadow: none; color: rgba(255,255,255,1); } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover { background-color: rgba(20,72,151,1); background-image: none; color: rgba(255,255,255,1); } .navbar .btn-navbar { background-color: transparent; background-image: none; border: 0px; box-shadow: none; -webkit-box-shadow: none; outline: none; &:hover, &:focus { background-color: transparent; background-image: none; border: 0px; box-shadow: none; -webkit-box-shadow: none; outline: none; } } /* PAGES */ .page-template-template-products-php { .header-panel { background: url('../img/products-bg.jpg') center no-repeat; background-size: cover; height: 183px; padding-top: 67px; } article { .span4 { text-align: center; } } .logo-block1 { margin-top: 12%; } .logo-block2 { margin-top: 4%; } .logo-block3 { margin-top: 11%; } .logo-block4 { margin-top: 4%; } .logo-block6 { margin-top: 6%; } .logo-block7 { margin-top: 15%; } .logo-block8 { margin-top: 14%; } .logo-block9 { margin-top: 12%; } .brand-panel { h5 { margin: 0; font-size: 24px; color: #2162af; } p:last-child { margin: 0; } } } .page-template-template-promotions-php { .header-panel { background: url('../img/promos-bg.jpg') center no-repeat; background-size: cover; height: 183px; padding-top: 67px; } } .page-template-template-services-php { .header-panel { background: url('../img/services-bg.jpg') center no-repeat; background-size: cover; height: 183px; padding-top: 67px; } article { .span6 { margin: 48px 20px 27px 20px; .extra-padding { padding: 14% 0 0 0; } p:last-child { background: rgba(20,72,151,1); width: 270px; height: 47px; margin: 50px 0 0 0; a { font: 400 22px "futura-pt",sans-serif; color: rgba(235,235,235,1); display: block; padding: 9px 0px; text-align: center; letter-spacing: 1px; &:hover { text-decoration: none; } } &:hover { background: rgba(33,98,175,1); } } &:last-child { border-left: 1px solid rgba(115,99,87,1); width: 388px; padding-left: 30px; } a { img { max-width: 50%; } } } table { margin: 40px auto; tr { border-top: 1px solid rgba(215,215,215,1); td { padding: 10px 0 0 0; p { margin: 10px 20px; } } } } } &.repair { .span6:first-child p { display: none; } } } .page-template-template-contact-php { header { z-index: 10000; } #main { padding-top: 67px; .masthead { background: url('../img/contact-bg.jpg') center top no-repeat rgba(241,241,242,1); padding-bottom: 0px; height: 281px; h1 { font: 600 42px "futura-pt",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: uppercase; margin-top: 93px; text-align: left; } p { color: rgba(85,85,85,1); font-size: 22px; line-height: normal; } } h2 { font: 600 33px "futura-pt",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: uppercase; text-indent: 0px; overflow: auto; width: auto; height: auto; margin: 86px 0 0 0; } .wpcf7 { margin: 0 auto; p { width: 45%; margin-right: 5%; float: left; input { width: 100%; /*text-transform: uppercase;*/ color: rgba(137,137,137,1); font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; border: 0px; background: rgba(235,235,235,1); padding: 11px; box-shadow: none; -webkit-box-shadow: none; } &.message { clear: both; width: 95%; textarea { width: 100%; /*text-transform: uppercase;*/ } } &.submit { clear: both; width: 100%; input { display: block; width: 170px; margin: 0 auto; height: 59px; text-transform: uppercase; background-color: rgba(33,98,175,1); border: 0; margin-bottom: 65px; font: 400 22px "futura-pt",sans-serif; line-height: normal; color: rgba(255,255,255,1); padding: 10px 0px 10px 0; letter-spacing: 1px; &:hover { background-color: rgba(33,98,175,.9); } } } &.required { input { background: url('../img/required.png') no-repeat 97% center rgba(235,235,235,1); } textarea { background: url('../img/required.png') no-repeat 99% 7px rgba(235,235,235,1); font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; border: 0px; padding: 11px; box-shadow: none; -webkit-box-shadow: none; } } select { background: url('../img/select-arrow.png') 404px 16px no-repeat rgba(33,98,175,1); border: 0px; width: 445px; padding: 3px 0 0 11px; height: 42px; font: 400 22px "futura-pt",sans-serif; letter-spacing: 1px; color: rgba(255,255,255,1); /*text-transform: uppercase;*/ -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; } &.checkbox { float: none; font: italic 300 18px "open-sans",sans-serif; color: rgba(33,98,175,1); margin: 0 auto; width: 235px; input { width: 20px; } } &.subtext { width: auto; float: none; text-align: center; margin-top: 20px; span { font-style: italic; } } } } .google-map { background: rgba(196,219,235,1); #location-map { margin: 0 auto; /*width: 1280px;*/ width: 100%; height: 440px; } } } } .feature-panel { padding: 0 0 34px 0; hr { border-bottom: 0px; border-top: 1px solid rgba(161,161,161,1); margin: 20px 60px 0 60px; } p:last-child { background: rgba(20,72,151,1); width: 270px; height: 47px; margin: 50px 0 0 0; a { font: 400 22px "futura-pt",sans-serif; color: rgba(235,235,235,1); display: block; padding: 9px 0px; text-align: center; letter-spacing: 1px; &:hover { text-decoration: none; } } &:hover { background: rgba(33,98,175,1); } } } .brand-panel { background: rgba(241,241,242,1); padding: 20px 0; margin: 65px 0 30px 0; .row { margin-top: 20px; } img { display: block; margin: 0 auto; &.extra-margin { margin-top: 44px; } &.extra-margin-gas1 { margin-top: 50%; } &.extra-margin-gas2 { margin-top: 39%; } &.logo1 { margin-top: 35px; } &.logo3 { margin-top: 48px; } &.logo4 { margin-top: 60px; } } } .page-template-template-about-php { #main { padding-top: 67px; .masthead { background: url('../img/about-bg.jpg') center top no-repeat rgba(241,241,242,1); padding-bottom: 0; height: 281px; h1 { font: 600 42px "futura-pt",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: uppercase; margin-top: 93px; text-align: left; } p { color: rgba(85,85,85,1); font-size: 22px; line-height: normal; } } h2 { font: 300 36px "open-sans",sans-serif; line-height: normal; color: rgba(33,98,175,1); text-transform: none; text-indent: 0px; overflow: auto; width: auto; height: auto; margin: 56px 0 10px 0; } .team-photo { background: url('../img/team-bg.jpg') center no-repeat rgba(0,0,0,1); height: 419px; position: relative; .container { position: absolute; bottom: -10px; width: 100%; .team-copy { width: 80%; margin: 0 auto; h3 { color: rgba(255,255,255,1); margin-bottom: 15px; } p { color: rgba(255,255,255,1); line-height: normal; } } } } .team-bios { padding: 58px 0 0 0; background: rgba(255,255,255,1); .bio-container { text-align: center; margin-bottom: 85px; h4 { font: 400 18px "open-sans",sans-serif; color: rgba(33,98,175,1); line-height: 22px; margin: 28px 0 0 0; text-transform: none; } h5 { font: 300 18px "open-sans",sans-serif; color: rgba(85,85,85,1); line-height: 22px; margin: 0; } } } } } /* SIDEBAR */ aside.sidebar { padding: 65px 0 0 0; h3 { font: 700 16px 'Gotham SSm A', 'Gotham SSm B', sans-serif; color: rgba(240,85,64,1); text-transform: uppercase; } } .widget_nav_menu { padding: 8px 0; margin-bottom: 30px; background: rgba(255,255,255,1); border-bottom: 5px solid rgba(199,200,202,1); border-top: 5px solid rgba(199,200,202,1); ul { margin: 0; li { list-style-type: none; a { display: block; padding: 10px 0 10px 20px; font-size: 16px; line-height: 24px; color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); text-decoration: none; } } &.current-menu-item a { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } .sub-menu { li { a { padding-left: 40px; background: rgba(255,255,255,1); color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } } &.current-menu-item a { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } } } } } #menu-contact { li { a { display: block; padding: 10px 0 10px 20px; font-size: 16px; line-height: 24px; color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); text-decoration: none; } } &.current-menu-item a { background: none; color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } } } } } .widget_nav_menu { #menu-contact { ul { li { a { display: block; padding: 10px 0 10px 20px; font-size: 16px; line-height: 24px; color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); text-decoration: none; } } &.current-menu-item a { background: none; color: rgba(240,85,64,1); } .sub-menu { li { a { padding-left: 40px; background: none; color: rgba(240,85,64,1); &:hover { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } } &.current-menu-item a { background: rgba(240,85,64,1); color: rgba(255,255,255,1); } } } } } } } /* EVENTS */ .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { background: rgba(8,136,139,1); } #tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-ical, .single-tribe_events a.tribe-events-gcal { } #tribe-events-content a, .tribe-events-event-meta a, #tribe-events-content .tribe-events-tooltip h4 { color: rgba(8,136,139,1); } /* GALLERY */ .photo-gallery, .videos { p { text-align: center; &.copyright { text-align: left; } } h2 { margin-bottom: 40px; } div.pp_default .pp_content .ppt { display: none !important; } article { a { display: block; width: 100%; height: auto; border: 10px solid rgba(240,240,240,1); img { border: 0px; } } } .nav-previous.alignleft, .nav-previous.alignright { margin: 30px 0; } .carousel { .item { a { display: block; img { } } } .control-container { margin: 60px auto 108px auto; position: relative; width: 120px; .carousel-control { height: 50px; } } } } /* BLOG */ .blog { padding: 48px 0; article { padding: 10px 0; h3 { margin-bottom: 10px; } a.blog-img { display: block; margin: 16px 0; } hr { margin: 38px 0 0 0; } img { &.alignleft { float: left; margin: 5px 30px 30px 0; } &.alignright { float: right; margin: 5px 0px 30px 30px; } } } } .single { .details { margin: 0 0 20px 0; } .form-allowed-tags { display: none; } .comments { hr { margin: 38px 0 38px 0; } ul { li { list-style-type: none; } } } .comment-meta { margin: 10px 0; } .comment-body { margin: 40px 0; } } /* FOOTER */ .subfooter { background: rgba(241,241,242,1); padding: 35px 0 20px 0; .left-badge { float: left; background: url('../img/buy-local.png') no-repeat; display: block; width: 97px; height: 89px; text-indent: -10000px; overflow: hidden; } .social { float: right; margin: 32px 0 0 0; .fb { background: url('../img/fb.png') no-repeat; display: block; width: 43px; height: 43px; text-indent: -10000px; overflow: hidden; padding: 0 10px 0 0; float: left; } .twitter { background: url('../img/twitter.png') no-repeat; display: block; width: 43px; height: 43px; text-indent: -10000px; overflow: hidden; padding: 0 10px 0 0; float: left; } .rss { background: url('../img/rss.png') no-repeat; display: block; width: 43px; height: 43px; text-indent: -10000px; overflow: hidden; padding: 0 0px 0 0; float: left; } } } footer { background: rgba(33,98,175,1); padding: 20px 0 14px 0; .copyright-holder { float: left; p { color: rgba(255,255,255,1); font: 300 14px "open-sans",sans-serif; line-height: normal; margin: 0 0 5px 0; text-transform: uppercase; &.phone { font: 400 24px "futura-pt",sans-serif; } &.address { font-size: 12px; } } } .footer-logo { display: block; width: 71px; height: 58px; background: url('../img/footer-mark.png') no-repeat; text-indent: -10000px; overflow: hidden; float: left; /*margin-left: 13%;*/ position: absolute; left: 50%; margin-left: -36px; } p.reference { float: right; color: rgba(255,255,255,1); font: 300 14px "open-sans",sans-serif; text-transform: uppercase; padding: 27px 0 0 0; letter-spacing: 1px; a { text-decoration: underline; color: rgba(255,255,255,1); &:hover { text-decoration: none; } } } } /* RETINA MEDIA QUERIES */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { } /* RESPONSIVE MEDIA QUERIES */ @media (min-width: 1200px) { body { .carousel-inner > .item > img { width: 100%; max-width: none; } &.home .nav-panel .nav-collapse.collapse .nav { margin-left: 199px; } &.home .panel4 .wpcf7 p select { width: 548px; background-position: 510px 16px; } &.page-template-template-contact-php #main .wpcf7 p select { width: 548px; background-position: 510px 16px; } } .break:before { content:"\000A"; white-space: pre; } } @media (min-width: 768px) and (max-width: 979px) { body { p { font-size: 16px; } .navbar .btn-navbar { display: block; } .navbar { margin-left: 165px; background: rgba(33,98,175,1); } .nav-collapse.collapse { display: block; float: left; } /*.nav-collapse.collapse.in { float: left; display: block; }*/ .nav-collapse.collapse .nav li a { padding: 6px 16px; font-size: 20px; margin: 0; &:hover { padding: 6px 16px; font-size: 20px; background: transparent; margin: 0; color: rgba(20,72,151,1); } } .nav-collapse.collapse .nav li ul li a { font-size: 16px; padding: 6px; margin: 0; &:hover { font-size: 16px; } } .nav-collapse .dropdown-menu { display: block; } .nav-collapse.collapse .nav li { float: none; &:last-child { margin-bottom: 20px; } ul { li { background: transparent; &:hover { background: transparent; } a { background: transparent; &:hover { background: transparent; background: transparent; padding: 6px; } } } } } &.page-template-template-contact-php #main .masthead h1, &.page-template-template-about-php #main .masthead h1 { font-size: 36px; } &.page-template-template-contact-php #main .masthead p, &.page-template-template-about-php #main .masthead p { font-size: 18px; } &.page-template-template-contact-php #main h2, &.page-template-template-about-php #main h2 { margin-top: 46px; } &.page-template-template-contact-php #main .wpcf7 p select, &.home #main .wpcf7 p select { width: 348px; background-position: 311px 16px; } &.page-template-template-contact-php #main .google-map #location-map, &.home .google-map #location-map { /*width: 768px;*/ width: 100%; } &.page-template-template-services-php article .span6:last-child { width: 280px; } &.page-template-template-services-php article .span6 a img { padding: 0; } &.page-template-template-services-php article .span6 .extra-padding { padding: 28% 0 0 0; } footer .footer-logo { display: none; } footer p.reference { float: right; } article ul li, article ol li { font-size: 16px; } &.contact iframe { width: 100%; } &.home nav { margin-left: 0; background: rgba(0,0,0,1); } &.home .nav-panel .nav-collapse.collapse .nav { margin-left: 0; } } } @media (min-width: 480px) and (max-width: 767px) { body { padding: 0; h2 { margin-top: 23px; text-align: center; } h3 { text-align: center; font-size: 38px; } h4, h5 { text-align: center; } h6 { font-size: 22px; line-height: 28px; text-align: center !important; } p { font-size: 16px; text-align: center; } .container { padding: 0 10px; } header { padding-bottom: 0; } .navbar { margin: 0; background: rgba(33,98,175,1); } .nav-collapse .dropdown-menu { display: block; } .nav-collapse.collapse { float: left; } .nav-collapse.collapse .nav { margin-top: 100px; } .nav-collapse.collapse .nav li a { padding: 6px 16px; font-size: 20px; margin: 0; &:hover { padding: 6px 16px; font-size: 20px; background: transparent; margin: 0; color: rgba(20,72,151,1); } } .nav-collapse.collapse .nav li ul li a { font-size: 16px; padding: 6px; margin: 0; &:hover { font-size: 16px; } } .nav-collapse .dropdown-menu { display: block; } .nav-collapse.collapse .nav li { float: none; &:last-child { margin-bottom: 20px; } ul { li { background: transparent; &:hover { background: transparent; } a { background: transparent; &:hover { background: transparent; background: transparent; padding: 6px; } } } } } &.page-template-template-contact-php #main .masthead h1, &.page-template-template-about-php #main .masthead h1 { font-size: 36px; text-align: center; } &.page-template-template-contact-php #main .masthead p, &.page-template-template-about-php #main .masthead p { font-size: 18px; } &.page-template-template-about-php #main { overflow: hidden; } &.page-template-template-about-php #main .team-photo { height: 211px; background-size: cover; } &.page-template-template-about-php #main .masthead { background: rgba(241,241,242,1); } &.page-template-template-contact-php #main .masthead { background: rgba(241,241,242,1); } &.page-template-template-contact-php #main h2, &.page-template-template-about-php #main h2 { margin-top: 46px; } &.page-template-template-contact-php #main .wpcf7 p select, &.home #main .wpcf7 p select { width: 229px; background-position: 192px 16px; } &.page-template-template-contact-php #main .google-map #location-map, &.home .google-map #location-map { /*width: 480px;*/ width: 100%; } footer p.reference { float: left; } .team-bios { padding: 26px 0 0 0; } .team-bios .bio-container { text-align: center; margin-bottom: 40px; } &.contact iframe { width: 100%; } &.contact .span3 { clear: both; } &.contact p.submit { margin-bottom: 0px; } footer .copyright-holder { float: none; } footer p.reference { float: none; } footer .footer-logo { display: none; } article ul li, article ol li { font-size: 16px; } &.page-template-template-about-php .hero { padding: 0; } &.page-template-template-about-php .hero h3 { line-height: 54px; } .feature-panel { img.alignright { float: none; padding: 0; margin: 0 auto 10px auto; display: block; } h5 { margin: 20px 0; } p { &:last-child { margin: 0 auto; } } } &.page-template-template-services-php article .span6 { margin: 0; } &.page-template-template-services-php article .span6:last-child { width: 100%; border: 0px; clear: both; padding: 20px 0 0 0; } &.page-template-template-services-php article .span6 a img { padding: 0; } &.page-template-template-services-php article .span6 p:last-child { margin: 0 auto; } &.page-template-template-products-php article img { margin-top: 10px; } .brand-panel img { margin-top: 10px; } &.page-template-template-products-php article .row { margin-top: 0; } &.home nav { margin-left: 0; background: rgba(0,0,0,1); } &.home .nav-panel .nav-collapse.collapse .nav { margin-left: 0; margin-top: 0; } &.home h5 { margin-bottom: 40px; } &.home .panel1 h5 img { width: 50px; } &.home .panel1 h1 { font-size: 30px; line-height: normal; } &.home .panel1 p { font-size: 20px; line-height: 32px; padding: 0 20px; } &.home .panel2 { padding: 40px 0; } &.home .panel2 h3 { font-size: 26px; line-height: 32px; } &.home .panel3 .span4 { padding-top: 0px; } } } @media (max-width: 479px) { body { padding: 0; h2 { margin-top: 23px; text-align: center; } h3 { text-align: center; font-size: 38px; } h4, h5 { text-align: center; } h6 { font-size: 22px; line-height: 28px; text-align: center; } p { font-size: 16px; text-align: center; } .container { padding: 0 10px; } header { padding-bottom: 0; } header a.logo-container { width: auto; height: 63px; h1 { background-size: 300px 63px; } } header .container a.logo-container { margin-left: -67px; left: 50%; float: none; span { background-size: 135px; } } .nav-collapse.collapse .nav li.dropdown.active a { background-color: rgba(33,98,175,1); } .nav-collapse.collapse .nav li.dropdown.active li.current-menu-item a { background-color: rgba(33,98,175,1); } .navbar { margin: 0; background: rgba(33,98,175,1); } .nav-collapse .dropdown-menu { display: block; } .nav-collapse.collapse { float: left; } .nav-collapse.collapse .nav { margin-top: 100px; } .nav-collapse.collapse .nav li a { padding: 6px 16px; font-size: 20px; margin: 0; &:hover { padding: 6px 16px; font-size: 20px; background: transparent; margin: 0; color: rgba(20,72,151,1); } } .nav-collapse.collapse .nav li ul li a { font-size: 16px; padding: 6px; margin: 0; &:hover { font-size: 16px; } } .nav-collapse .dropdown-menu { display: block; } .nav-collapse.collapse .nav li { float: none; &:last-child { margin-bottom: 20px; } ul { li { background: transparent; &:hover { background: transparent; } a { background: transparent; &:hover { background: transparent; background: transparent; padding: 6px; } } } } } &.home header .container .logo-container { margin-left: -90px; span { background-size: 180px; } } &.home .header-panel { display: none; } &.home .nav-panel { background: none; nav { background: none; button { z-index: 100;position: absolute; top: 0px; right: 0px; } .in { background: rgba(0,0,0,1); padding-top: 54px; } } } &.home .panel1 .container { padding: 0 10px; } &.home .panel1 h5 img { width: 50px; } &.home .panel1 h1 { font-size: 30px; line-height: normal; } &.home .panel1 p { font-size: 20px; line-height: 32px; padding: 0 20px; } &.home .panel2 { padding: 40px 0; } &.home .panel2 h3 { font-size: 26px; line-height: 32px; } &.home .panel3 .span4 { padding-top: 0px; &:hover { background: none; } } &.page-template-template-contact-php #main .masthead h1, &.page-template-template-about-php #main .masthead h1 { font-size: 36px; text-align: center; } &.page-template-template-contact-php #main .masthead p, &.page-template-template-about-php #main .masthead p { font-size: 18px; } &.page-template-template-about-php #main { overflow: hidden; } &.page-template-template-about-php #main .team-photo { height: 310px; background-size: cover; } &.page-template-template-about-php #main .masthead { background: rgba(241,241,242,1); } &.page-template-template-contact-php #main .masthead { background: rgba(241,241,242,1); } &.page-template-template-contact-php #main h2, &.page-template-template-about-php #main h2 { margin-top: 46px; } &.page-template-template-contact-php #main .wpcf7 p select, &.home #main .wpcf7 p select { width: 157px; background-position: 120px 16px; } &.page-template-template-contact-php #main .google-map #location-map, &.home .google-map #location-map { /*width: 320px;*/ width: 100%; } footer p.reference { float: left; } .team-bios { padding: 26px 0 0 0; } .team-bios .bio-container { text-align: center; margin-bottom: 40px; } &.contact iframe { width: 100%; } &.page-template-template-right-sidebar-php article { border-right: 0px; } &.contact .span3 { clear: both; } &.contact p.submit { margin-bottom: 0px; } &.home h2 { text-align: center; } footer .copyright-holder { float: none; } footer p.reference { float: none; } footer .footer-logo { display: none; } article ul li, article ol li { font-size: 16px; } &.page-template-template-about-php .hero { padding: 0; } &.page-template-template-about-php .hero h3 { line-height: 54px; } .feature-panel { img.alignright { float: none; padding: 0; margin: 0 auto 10px auto; display: block; } h5 { margin: 20px 0; } p { &:last-child { margin: 0 auto; } } } &.page-template-template-services-php article .span6 { margin: 0; } &.page-template-template-services-php article .span6:last-child { width: 100%; border: 0px; clear: both; padding: 20px 0 0 0; } &.page-template-template-services-php article .span6 a img { padding: 0; } &.page-template-template-services-php article .span6 p:last-child { margin: 0 auto; } &.page-template-template-products-php article img { margin-top: 10px; } .brand-panel img { margin-top: 10px; &.extra-margin-gas1 { margin-top: 0; } &.extra-margin-gas2 { margin-top: 0; } &.logo2 { margin-top: 40px; } } &.page-template-template-products-php article .row { margin-top: 0; } &.home nav { margin-left: 0; background: rgba(0,0,0,1); } &.home .nav-panel .nav-collapse.collapse .nav { margin-left: 0; margin-top: 0; } &.home h5 { margin-bottom: 40px; } .hide-phone { display: none !important; } &.equipment .brand-panel .row:nth-child(3) .span3 a { height: 187px; margin-top: -68px; display: block; } &.equipment .brand-panel .row:nth-child(4) .span3 a { margin-top: -143px; display: block; height: 300px; } &.equipment .brand-panel { height: 986px !important; } .logo-block1 { margin-top: 0 !important; margin-left: auto; margin-right: auto; display: block; } .logo-block2 { margin-top: 4%; margin-left: auto; margin-right: auto; display: block; } .logo-block3 { margin-top: 11%; margin-left: auto; margin-right: auto; display: block; } .logo-block4 { margin-top: 11% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block5 { margin-top: -19px !important; margin-left: auto; margin-right: auto; display: block; } .logo-block6 { margin-top: 11% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block7 { margin-top: 10% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block8 { margin-top: 9% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block9 { margin-top: -5% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block10 { margin-top: 10% !important; margin-left: auto; margin-right: auto; display: block; } .logo-block11 { margin-top: 2% !important; margin-left: auto; margin-right: auto; display: block; } } }