/* Theme Name: Southern Bath and Kitchen Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: southern-bath-and-kitchen Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Southern Bath and Kitchen is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ hr,img,legend{border:0}legend,td,th{padding:0}hr,p{margin-bottom:1.5em}pre,textarea{overflow:auto}.aligncenter,.clear:after,.comment-content:after,.entry-content:after,.page-links,.site-content:after,.site-footer:after,.site-header:after,h1,h2,h3,h4,h5,h6{clear:both}.widget select,.wp-caption,embed,iframe,img,object,pre{max-width:100%}@font-face{font-family:"Gill Sans","Gill Sans MT",Calibri,sans-serif;src:url(/wp-content/themes/southern-bath-and-kitchen/fonts/GillSans.ttc);font-weight:400}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box}body{margin:0;background:#fff}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#650942}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}cite,dfn,em,i{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{height:auto}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;background-color:#ccc;height:1px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{width:100%}body,button,input,optgroup,select,textarea{color:#404040;font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}*,:after,:before{box-sizing:inherit}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}figure{margin:1em 0}table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;width:100%}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);font-size:12px;font-size:.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=text],input[type=email],input[type=url],input[type=password],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],input[type=number],input[type=search],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}select{border:1px solid #ccc}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{color:#111}a:visited{color:#3C5964}a:active,a:focus,a:hover{color:#3C5964;outline:0;text-decoration:none}.main-navigation{clear:both;display:block;float:left;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation li{float:left;position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation.toggled ul,.menu-toggle{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:block}}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{display:block;margin-left:auto;margin-right:auto}.hentry,.widget{margin:0 0 1.5em}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.sticky{display:block}.updated:not(.published){display:none}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center} /*General*/ body {font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 16px;} body a {transition: all 0.5s ease 0s;} body a:hover, body a:focus, body a:active {transition: all 0.5s ease 0s;} body p {margin-bottom: 15px; color: #3C5964;} body h2 {color: #650942; text-transform: uppercase; font-size: 2.4rem; line-height: 1.2} body h4 {color: #650942; text-transform: uppercase; font-size: 2rem; font-weight: 600;} /*Header*/ .site-header .header-top {background-color: #87a1ab; height: 25px; margin-bottom: 10px;} .site-header .hdr-call-us {text-align: center; margin-top: 5px;} .site-header .hdr-call-us > a {color: #000000; font-size: 2em; text-transform: uppercase;} .site-header .hdr-call-us > a > span:first-child {margin-right: 10px;} .site-header .hdr-call-us .hdr-phone img {margin-right: 15px; padding-bottom: 4px;} .site-header .hdr-location-contain {margin: 85px 10px 20px; text-align: center;} .site-header .hdr-location-contain .hdr-location {background-color: #650942; border: 2px solid #650942; color: #fff; font-size: 18px; padding: 16px 65px 18px; text-transform: uppercase;} .site-header .hdr-location-contain .hdr-location img {padding-bottom: 3px; margin-right: 10px;} .site-header .hdr-location-contain .hdr-location:hover {background-color: #fff; border: 2px solid #650942; color: #650942;} .site-header .hdr-location-contain .hdr-location:hover img {background: url(/wp-content/uploads/2017/08/loc-icon.png) no-repeat;} .site-header .main-menu .navbar .navbar-nav > li > a {color: #3C5964; font-size: 20px; padding: 15px 35px; margin-bottom: 10px;} .site-header .main-menu .navbar .navbar-nav > li:nth-child(2) > a {padding-left: 5px;} .site-header .main-menu .navbar .navbar-nav > li:last-child > a {padding-right: 5px;} .site-header .main-menu #sticky_side_nav .navbar-nav li:first-child {display: none;} .site-header .main-menu .navbar .navbar-nav > li > a:hover, .site-header .main-menu .navbar .navbar-nav > li > a:foucs, .site-header .main-menu .navbar .navbar-nav > li > a:active, .site-header .main-menu .navbar .navbar-nav > li.current-menu-item > a {background-color: #fff; color: #650942;} /*Banner*/ .section-slider .carousel img, .page-banner > img {width: 100%;} .carousel .banner-head, .page-banner .pgbanner-head { color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 3rem; font-weight: 300; left: 50%; letter-spacing: 2px; position: absolute; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;} .carousel .banner-head h1.banner-text, .page-banner .pgbanner-head h1.banner-text {margin: 20px 10px 25px;} .section-slider .carousel-control {color: #fff; font-size: 4em; opacity: 1; top: 38%; width: 4%; } .section-slider .carousel-control.left, .section-slider .carousel-control.right {background-image: none;} .home .section-two {background-color: #f0f9fd; padding-top: 1%; padding-bottom: 1%;} .home .service-blocks {padding-top: 2%; padding-bottom: 2%; text-align: center;} .home .service-blocks .service-items {background-color: #f2f2f2; padding: 8px 8px 25px; margin-bottom: 25px;} .home .service-blocks .service-items > img {width: 100%;} .home .service-blocks .service-items h3 {color: #87a1ab; text-transform: uppercase; letter-spacing: 1px; font-size: 28px; margin-bottom: 15px;} .home .service-blocks .service-items a {border: 1px solid #650942; color: #650942; font-size: 18px; padding: 6px 35px; text-transform: uppercase;} .home .service-blocks .service-items a:hover {background-color: #650942; color: #fff;} .home .featured-brands-contain {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 4%; padding: 1%; display: block; } .home .featured-brands-contain .fbrand-item {display: inline-block; padding: 1.5%; width: 19.5%; } /*Interior Pages*/ .page-banner {position: relative;} .page-banner .pgbanner-head {background-color: rgba(60,89,100, 0.5); text-transform: uppercase;} .intrpg-main .section-info {padding-bottom: 1.5%; padding-top: 1%;} .intrpg-main .bottom-page-banner {margin-bottom: 20px;} .intrpg-main .bottom-page-banner > img, .page-banner > img {width: 100%;} .lighting .light-link {color: #650942;} /*Map Locations*/ .single-maplist .maplist {margin-bottom: 10px;} .single-maplist .locinfoblocks-contain {padding-bottom: 2%;} .single-maplist .location-head-contain {background-color: #650942; color: #fff; text-align: center; padding: 3% 15px; margin-bottom: 8px;} .single-maplist .location-head-contain h1 {color: #fff; text-transform: uppercase; font-weight: 700; font-size: 3.4em; margin: 5px;} .single-maplist .location-head-contain .head-col h3 {font-size: 2.2em; margin-top: 0; text-transform: uppercase;} .single-maplist .location-head-contain .phone-col a {color: #fff; font-size: 2.2em;} .single-maplist .address-contain {background-color: #87a1ab; padding: 1.35% 15px 1.6%; margin-bottom: 10px;} .single-maplist .address-contain p {color: #fff; text-align: center;} .single-maplist .address-contain p.address-line {font-size: 1.7em; margin-bottom: 6px;} .single-maplist .address-contain p.hours-line {font-size: 1.5em; margin-bottom: 0;} .single-maplist .locblock-title {border-bottom: 1px solid #87a1ab; padding-bottom: 2px;} .single-maplist .locblock-title h3 {background-color: #696765; color: #fff; text-align: center; text-transform: uppercase; padding: 10px 15px; display: inline-block; width: 240px;} .single-maplist .loc-photos {column-count: 3; column-gap: 30px; display: block; list-style: outside none none; margin: 25px 0 35px; padding-left: 0;} .single-maplist .loc-photos .photo-item > img {width: 100%;} .single-maplist .locprdblocks-contain {display: block; margin: 25px auto 20px; text-align: center;} .single-maplist .locprdblocks-contain .product-item > img {margin: auto;} .single-maplist .locprdblocks-contain .product-item p {margin-top: 10px; font-size: 20px;} .single-maplist .locstaff-contain {padding-top: 20px; padding-bottom: 20px;} .single-maplist .brandlogo-list {margin: 1% 0 4%;} .single-maplist .loc-brands {/*column-count: 4; column-gap: 15px; display: block;*/ padding: 2% 0 2%; } .single-maplist .brand-item {margin: 0 0 1%;} .single-maplist .locstaff-contain .staff-col {text-align: center;} .single-maplist .locstaff-contain .staff-col h4 {letter-spacing: 1px; margin-top: 15px;} .single-maplist .locstaff-contain .staff-col > img {margin: auto;} .single-maplist .locstaff-contain .staff-col > p {font-size: 20px; letter-spacing: 0.5px; margin-bottom: 5px;} .single-maplist .social-icons-list {display: block; list-style: none; margin: 35px 5px 45px; padding-left: 0;} .single-maplist .social-icons-list > li {display: inline-block;} .single-maplist .social-icons-list > li > a {border-radius: 50%; color: #fff; font-size: 20px; margin-right: 28px;} .single-maplist .social-icons-list > li > a:hover {background-color: #650942 !important;} .single-maplist .social-icons-list > li > a.fb-icon {background-color: #3460a1; padding: 15px 19px;} .single-maplist .social-icons-list > li > a.tw-icon {background-color: #28aae1; padding: 15px;} .single-maplist .social-icons-list > li > a.gp-icon {background-color: #de5543; padding: 15px 10px;} .single-maplist .social-icons-list > li > a.inst-icon {background-color: #235f86; padding: 15px;} .single-maplist .section-loc-bottom .contct-contain {background-color: #6a6765; padding-bottom: 1.4%; padding-top: 1%;} .single-maplist .section-loc-bottom .contct-contain h2 {color: #fff; font-size: 3em; letter-spacing: 1px;} .single-maplist .locstaff-contain a {font-size: 18px; letter-spacing: 0; color: #3c5964;} .single-maplist .locformmap-row {background-color: #87a1ab; padding-top: 10px;} .single-maplist .locform-col .gform_wrapper ul li.gfield {margin-top: 10px;} .single-maplist .locform-col .gform_wrapper .top_label div.ginput_container {margin-top: 0;} .single-maplist .locform-col .gform_wrapper .top_label .gfield_label {color: #fff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;} .single-maplist .locform-col .gform_wrapper .gfield_required {color: #fff;} .single-maplist .locform-col .gform_wrapper .gform_footer {text-align: center; margin-bottom: 35px;} .single-maplist .locform-col .gform_wrapper .gform_footer .gform_button {background-color: #650942; color: #fff; text-transform: uppercase; border: 1px solid #650942; letter-spacing: 1px; padding: 12px 35px 11px; transition: all 0.5s ease 0s;} .single-maplist .locform-col .gform_wrapper .gform_footer .gform_button:hover {background-color: #fff; color: #650942; transition: all 0.5s ease 0s;} .single-maplist .FullMapPage #SingleMapLocation {height: 535px; margin-top: 25px;} .infoWindowContainer .infoWindow h3 {background: #650942 none repeat scroll 0 0; color: #fff; font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif; font-weight: 500; letter-spacing: 1px; padding: 8px 15px; text-shadow: 0 0 0; text-transform: uppercase; } .infoWindowContainer.infobox .infoWindow .infowindowContent {font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif; font-size: 16px; height: auto; overflow: auto; padding: 5px 15px; } .single-maplist .infoWindowContainer .infowindowContent .details {display: none;} .single-maplist .infoWindowContainer .infoWindow h3 {color: #fff; padding-left: 15px;} .single-maplist .infoWindowContainer .infoWindow p {color: #3C5964;} .single-maplist .infoWindowContainer img, .locations .infoWindowContainer img {right: 8px; top: 0;} .locations .search-location-contain {position: relative;} .locations .search-location-contain .prettyMapList .prettyFileBar {position: absolute; top: 10px; left: 15%; width: 82%;} .locations .prettyMapList {margin-top: 50px; margin-bottom: 50px;} .locations #ListContainer {display: none;} .locations #ListContainer .prettylink.map.location {background: #fff; color: #650942; text-shadow: 0 0 0; border: 1px solid #87a1ab;} .locations #ListContainer .prettylink .viewLocationDetail {color: #650942; letter-spacing: 0.5px; text-transform: uppercase;} .locations .search-location-contain p.zipcode-contain { background-color: #87a1ab; border-radius: 5px; color: #fff; padding: 12px 15px 14px; position: relative;} .locations #Map-List-Search .prettySearchValue {width: 65%; border: none;} .locations .prettyMapList .prettyFileBar {border-bottom: none;} .locations .prettyMapList .prettyFileBar .prettyMapListSearch {width: 100%;} .locations .prettyMapList .prettyFileBar .distanceSelector {border: none; font-size: 12px; padding: 7px 4px; color: #650942; font-weight: bold; margin-left: 7px;} .locations .prettyMapListSearch .doPrettySearch.btn, .locations .prettyMapListSearch .clearSearch.btn { background: #650942; border: medium none; border-radius: 4px; color: #fff; margin-left: 10px; padding: 7px 20px; text-transform: uppercase;} .locations .prettyMapList .prettyFileBar .sortList .showSortingBtn, .locations .prettyMapList .customCategoryList .showFilterBtn.btn { background: #650942; border: medium none; border-radius: 4px; color: #fff; margin-left: 10px; padding: 4px 22px 7px; text-transform: uppercase;} .locations .prettyMapList .customCategoryList {position: absolute; top: 45px; width: 100%;} .locations .prettyMapList .customCategoryList .showFilterBtn.btn {right: 50%; } .locations .prettyMapList .prettyMessage {background: #fff;} .locations .prettyMapList .prettyMessage .btn {border: 1px solid #650942; font-size: 16px;} .locations .prettyMapList .mapHolder {height: 500px;} .locations .prettyMapList .customCategoryList ul {right: 51%;} .locations .prettyMapList .customCategoryList ul a {font-size: 14px; color: #650942;} .locations .infoWindowContainer .infoWindow h3 {background: #650942; color: #fff; text-shadow: 0 0 0;} .locations .infoWindowContainer .infoWindow h3 > a {color: #fff;} .locations .infoWindowContainer .infoWindow a.details, .locations .infoWindowContainer .infoWindow .viewLocationPage.btn {background: #fff none repeat scroll 0 0; border: 1px solid #650942; border-radius: 4px; color: #650942; margin: 5px 0; padding: 2px 10px; box-shadow: 0 0 0; font-size: 16px; } .locations .infoWindowContainer .infoWindow a.details:hover, .locations .infoWindowContainer .infoWindow .viewLocationPage.btn:hover {background-color: #650942; color: #fff;} .locations .infoWindowContainer .infoWindow p > a {color: #3C5964;} .error404 .error-404 .search-form, .search .search-form {margin-bottom: 40px;} .error404 .error-404 .search-form input.search-field, .search .search-form input.search-field {border: 1px solid #650942; color: #650942; padding: 10px; width: 100%;} .error404 .error-404 .search-form label, .search .search-form label {width: 50%; font-size: 16px;} .error404 .error-404 .search-form .search-submit, .search .search-form .search-submit {background: #650942; border: none; color: #fff; font-size: 16px; padding: 10px;} /*Footer*/ .site-footer .footer-top {background-color: #650942; padding-top: 2.5%; padding-bottom: 1%;} .site-footer .footer-top a {color: #fff; font-size: 2.6rem; text-transform: uppercase;} .site-footer .footer-top .ftr-phone > span {margin-right: 10px;} .site-footer .footer-top .ftr-phone > span > img {margin-right: 20px;} .site-footer .footer-top .ftr-block {text-align: center; margin-bottom: 20px;} .site-footer .footer-top .ftr-location {position: relative; line-height: 1.3;} .site-footer .footer-top .ftr-location img {margin-right: 20px;} .site-footer .footer-top .ftr-location > span::before {background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2017/08/ftr-location-icon.png") no-repeat scroll 0 0; content: ""; display: inline; float: left; height: 68px; left: -25%; position: absolute; width: 50px; z-index: 10; } .site-footer .site-info {background-color: #87a1ab; padding-top: 2%; padding-bottom: 1%;} .site-footer .ftr-menu-contain {float: right;} .site-footer .footer-menu {display: block; list-style: none;} .site-footer .footer-menu > li {display: inline-block;} .site-footer .footer-menu > li > a {color: #fff; border-right: 1px solid #fff; padding: 0 8px 0 5px; } .site-footer .footer-menu > li:last-child > a {border-right: none; padding-right: 0;} .site-footer .footer-menu > li > a:hover, .site-footer .footer-menu > li > a:focus, .site-footer .footer-menu > li.current-menu-item > a {color: #650942;} .site-footer .ftr-links-contain {margin-top: -20px;} .site-footer .ftr-links-menu, .site-footer .ftr-signature {float: right;} .site-footer .ftr-signature {margin-left: 20px; color: #fff;} .site-footer .footer-top a:hover {color: #ccc;} .mobile .moblocrow {display: flex; display: -webkit-flex; flex-wrap: wrap;} .section-staff .locstaff-contain .staff-col img {border-radius: 50%;} @media screen and (max-width: 1550px) { .single-maplist .location-head-contain h1 {font-size: 2.8em;} } @media screen and (max-width: 1200px) { .carousel .banner-head h1.banner-text {font-size: 1.6em; margin: 12px 10px 15px; } .locations .search-location-contain .prettyMapList .prettyFileBar {left: 25%; width: 62%;} .locations #Map-List-Search .prettySearchValue {width: 60%;} .section-slider .carousel-control {top: 30%;} .locations .prettyMapList .customCategoryList {right: -100px;} .single-maplist .location-head-contain h1 {font-size: 2.8em;} } @media screen and (max-width: 992px) { .site-header .hdr-call-us > a {font-size: 1.6em;} .site-header .hdr-location-contain .hdr-location {padding: 12px 45px 14px; font-size: 16px;} .site-header .hdr-location-contain {margin: 65px 10px 10px;} .carousel .banner-head h1.banner-text {font-size: 1.2em;} .section-slider .carousel-control {top: 23%;} .home .service-blocks .service-items a {font-size: 16px; padding: 6px 25px;} .home .service-blocks .service-items h3 {font-size: 20px;} .home .featured-brands-contain .fbrand-item {width: 19%;} .page-banner .pgbanner-head h1.banner-text {margin: 10px 10px 15px;} .site-footer .footer-top a {font-size: 2.2rem;} .locations .search-location-contain p.zipcode-contain {padding: 12px 20px 55px;} .locations .search-location-contain .prettyMapList .prettyFileBar {left: 35px; top: 45px; width: 89%;} .single-maplist .location-head-contain .phone-col h2, .single-maplist .location-head-contain .phone-col a {font-size: 1.6em;} .single-maplist .location-head-contain h1 {font-size: 3em;} .single-maplist .location-head-contain .head-col h3 {font-size: 2em;} .single-maplist .address-contain p.hours-line {font-size: 1.2em;} .single-maplist .address-contain p.address-line {font-size: 1.4em;} .single-maplist .section-loc-bottom .gform_wrapper .top_label div.ginput_container {margin-top: 0;} .single-maplist .locform-col .gform_wrapper .gform_fields .ginput_container input {padding: 3px 4px !important;} .single-maplist .locform-col .gform_wrapper ul li.gfield {margin-top: 8px;} .single-maplist .locform-col .gform_wrapper textarea.medium {height: 100px;} .single-maplist .locform-col .gform_wrapper .gform_footer {padding-top: 5px;} .single-maplist .FullMapPage #SingleMapLocation {height: 385px;} .single-maplist .locstaff-contain .staff-col h4 {font-size: 18px;} .single-maplist .locstaff-contain .staff-col > p {font-size: 16px;} .single-maplist .locstaff-contain a {font-size: 15px;} .locations .prettyMapList .customCategoryList {right: -20px; top: 55px;} } @media screen and (max-width: 768px) { body h1 {font-size: 24px;} body h2 {font-size: 20px;} body h3 {font-size: 18px;} .site-header .site-branding .site-logo {margin: 2px auto 25px;} .site-header .hdr-location-contain {margin: 15px -15px 0; text-align: left; background-color: #650942; padding: 12px 0 14px;} .site-header .main-menu #sticky_side_nav .navbar-header, .site-header .main-menu #sticky_side_nav {background: #fff; margin: 0;} .site-header .main-menu #sticky_side_nav .navbar-toggle {background: transparent; border: medium none; font-size: 28px; padding: 2px 0; position: absolute; right: 0; top: -57px;} .section-slider .carousel-control {display: none;} .home .service-blocks .service-items a {font-size: 14px;} .home .featured-brands-contain {text-align: center;} .home .featured-brands-contain .fbrand-item {width: 30%;} .site-footer .footer-top .ftr-loc-contain {padding-left: 40px;} .site-footer .footer-top .ftr-location > span::before {left: -30%;} .site-footer .ftr-logo img {margin: auto;} .site-footer .ftr-menu-contain {float: none;} .site-footer .footer-menu {margin-left: 0; padding-left: 0; text-align: center;} .site-footer .ftr-links-menu, .site-footer .ftr-signature {float: none; text-align: center;} .site-footer .footer-menu {margin-top: 20px;} .site-footer #menu-primary-navigation-1 > li {width: 20%;} .site-footer #menu-primary-navigation-1 > li > a {border-right: none;} .site-footer .links-menu {margin-top: 25px; margin-bottom: 0;} .single-maplist .site-header .hdr-location-contain {margin-bottom: 7px;} .single-maplist .site-header .main-menu #sticky_side_nav .navbar-toggle {top: -65px;} .single-maplist .address-contain p.hours-line {font-size: 1em;} .single-maplist .address-contain p.address-line {font-size: 1.2em;} .single-maplist .loc-brands {column-count: 2; column-gap: 10px;} .single-maplist .locprdblocks-contain .product-item p, .single-maplist .locstaff-contain .staff-col h4 {font-size: 16px;} .single-maplist .locstaff-contain .staff-col > p {font-size: 16px; letter-spacing: 0; line-height: 1.1;} .single-maplist .locstaff-contain .staff-row {margin-bottom: 20px;} .single-maplist .section-loc-bottom .contct-contain h2 {font-size: 2em; margin-top: 14px;} } @media screen and (max-width: 600px) { .site-footer .footer-top {padding-bottom: 2%; padding-top: 3%;} .site-footer #menu-primary-navigation-1 > li {width: 40%;} .single-maplist .address-contain p.address-line {padding-left: 4%; padding-right: 4%;} .single-maplist .loc-photos {column-count: 2; column-gap: 15px;} .single-maplist .loc-photos li {margin-bottom: 15px;} .locations #Map-List-Search .prettySearchValue {width: 40%;} } @media screen and (max-width: 480px) { .site-header .main-menu #sticky_side_nav .navbar-toggle {margin: 8px 0;} .site-header .hdr-location-contain .hdr-location {padding: 12px 15px 14px;} .site-header .hdr-call-us > a {font-size: 1.2em;} .single-maplist .location-head-contain h1 {font-size: 2em;} .single-maplist .location-head-contain .head-col h3 {font-size: 1.4em;} .single-maplist .location-head-contain .phone-col a {font-size: 1.4em;} .single-maplist .address-contain p.hours-line {font-size: 14px; padding-left: 15%; padding-right: 15%;} .single-maplist .locstaff-contain .staff-col {width: 50%;} .locations .prettyMapListSearch {width: 85%;} .locations #Map-List-Search .prettySearchValue {width: 68%;} .locations .prettyMapListSearch .doPrettySearch.btn, .locations .prettyMapListSearch .clearSearch.btn {display: inline-block; float: left; margin: 7px 5px 7px 0; } .locations .search-location-contain p.zipcode-contain {padding: 12px 15px 88px;} .locations .search-location-contain .prettyMapList .prettyFileBar {left: 30px;} .locations .search-location-contain .prettyMapList .prettyFileBar .customCategoryList {top: 88px;} .single-maplist .social-icons-list > li > a {margin-right: 8px;} } @media screen and (max-width: 380px) { .locations #Map-List-Search .prettySearchValue {width: 50%;} } @media screen and (max-width: 350px) { .site-footer #menu-primary-navigation-1 {display: none;} .site-footer .links-menu {margin-top: 40px;} .single-maplist .address-contain p.address-line, .single-maplist .address-contain p.hours-line {padding-left: 0; padding-right: 0;} }