/* Theme Name: SPYNR - LaundryTheme_thelaundryclub Theme URI: https://github.com/WordPress/boise Author: the WordPress team Author URI: https://wordpress.org/ Description: A new Gutenberg-ready theme. Requires at least: WordPress 4.9.6 Version: 1.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: boise 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. Boise is based on Underscores https://underscores.me/, (C) 2012-2018 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 https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Variables # Normalize # Typography ## Headings ## Copy # Elements ## Lists ## Tables # Forms ## Buttons ## Fields # Navigation ## Links ## Menus ## Next & Previous # Accessibility # Alignments # Clearings # Layout # Widgets # Content ## Archives ## Posts and pages ## Comments # Blocks # Media ## Captions ## Galleries --------------------------------------------------------------*/ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block * editors. The following font-face override fixes the issue by manually inserting * a custom font that includes just a Hoefler Text space replacement for that * character instead. */ @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,300i,400,400i,500,600,700,800,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700,800,900&display=swap'); /* Global Css */ @font-face { font-family: 'Gotham Narrow'; src: url('./fonts/GothamNarrow-Thin.woff2') format('woff2'), url('./fonts/GothamNarrow-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('./fonts/Gotham-Thin.woff2') format('woff2'), url('./fonts/Gotham-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gotham Narrow'; src: url('./fonts/GothamNarrow-Black.woff2') format('woff2'), url('./fonts/GothamNarrow-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham Book'; src: url('./fonts/Gotham-Book.woff2') format('woff2'), url('./fonts/Gotham-Book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Narrow Book'; src: url('./fonts/GothamNarrow-Book.woff2') format('woff2'), url('./fonts/GothamNarrow-Book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('./fonts/Gotham-Medium.woff2') format('woff2'), url('./fonts/Gotham-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham Ultra'; src: url('./fonts/Gotham-Ultra.woff2') format('woff2'), url('./fonts/Gotham-Ultra.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Narrow Ultra'; src: url('./fonts/GothamNarrow-Ultra.woff2') format('woff2'), url('./fonts/GothamNarrow-Ultra.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url('./fonts/Gotham-Light.woff2') format('woff2'), url('./fonts/Gotham-Light.woff') format('woff'); font-weight: 300; font-style: normal; } * { box-sizing:border-box; -webkit-box-sizing:border-box; } body { margin:0; padding:0; font-size:16px; line-height:1.8125; font-family: 'Poppins', sans-serif;color:#777777;overflow-y:auto; background-color: #fff; overflow-x: hidden;font-weight: 400;letter-spacing: 0;position: relative;} .wrapper{ max-width: 1310px; float:none; display:block; margin: 0 auto; padding-right: 15px; padding-left: 15px;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0;letter-spacing: 0.02em} h1{font-size: 74px;line-height: 1.136;} h2{font-size: 44px;line-height: 1.27;} h3{font-size: 40px;line-height: 1.4;} h4{font-size: 27px;line-height: 1.5;} h5{font-size: 25px;line-height: 1.5;} h6{font-size: 20px;line-height: 1.5;} img { max-width:100%; height:auto; width:100%; border:none; vertical-align:middle; } a { text-decoration:none; color:#000; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; display:inline-block;} a:hover{cursor:pointer;} p { margin:0; } p + p , * + p {margin-top: 30px;} .clearfix { display:block; } .clearfix:before,.clearfix:after { content:''; width:100%; display:table; } .uppercase{text-transform: uppercase;} .left{text-align:left;} .right{text-align:right;} .center{text-align:center;} .noListStyle ul , ul.noListStyle {list-style:none;padding:0;margin:0;} .set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative;background-repeat:no-repeat; } .overlay{position: relative;} .overlay:before{content:'';position: absolute;width: 100%;height: 100%;background-color: #000000;opacity: 0.5;top: 0;left: 0;} .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; } .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; } .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; } .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6 { font-weight:600; } .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6 { font-weight:700; } .fl { float:left; } .fr { float:right; } .ib { display: inline-block;vertical-align: middle; margin-right: -4px} .ib.vt { vertical-align:top !important; } .ib.vb { vertical-align:bottom !important; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w35 { width: 35%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w65 { width: 65%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w100 { width: 100%; } /*unique paddings*/ .pb10,.p10-0 { padding-bottom:10px; } .pb15,.p15-0 { padding-bottom:15px; } .pb20,.p20-0 { padding-bottom:20px; } .pb25,.p25-0 { padding-bottom:25px; } .pb30,.p30-0 { padding-bottom:30px } .pb35,.p35-0 { padding-bottom:35px; } .pb40,.p40-0 { padding-bottom:40px; } .pb45,.p45-0 { padding-bottom:45px; } .pb50,.p50-0 { padding-bottom:50px; } .pb55,.p55-0 { padding-bottom:55px; } .pb60,.p60-0 { padding-bottom:60px; } .pb65,.p65-0 { padding-bottom:65px; } .pb70,.p70-0 { padding-bottom:70px; } .pb75,.p75-0 { padding-bottom:75px; } .pb80,.p80-0 { padding-bottom:80px; } .pb85,.p85-0 { padding-bottom:85px; } .pb90,.p90-0 { padding-bottom:90px; } .pb95,.p95-0 { padding-bottom:95px; } .pb100,.p100-0 { padding-bottom:100px; } .pt10,.p10-0 { padding-top:10px; } .pt15,.p15-0 { padding-top:15px; } .pt20,.p20-0 { padding-top:20px; } .pt25,.p25-0 { padding-top:25px; } .pt30,.p30-0 { padding-top:30px } .pt35,.p35-0 { padding-top:35px; } .pt40,.p40-0 { padding-top:40px; } .pt45,.p45-0 { padding-top:45px; } .pt50,.p50-0 { padding-top:50px; } .pt55,.p55-0 { padding-top:55px; } .pt60,.p60-0 { padding-top:60px; } .pt65,.p65-0 { padding-top:65px; } .pt70,.p70-0 { padding-top:70px; } .pt75,.p75-0 { padding-top:75px; } .pt80,.p80-0 { padding-top:80px; } .pt85,.p85-0 { padding-top:85px; } .pt90,.p90-0 { padding-top:90px; } .pt95,.p95-0 { padding-top:95px; } .pt100,.p100-0 { padding-top:100px; } .pl15, .p0-15 { padding-left:15px; } .pr15, .p0-15 { padding-right:15px; } .pt15, .p15-0 { padding-top:15px; } .pb15, .p15-0 { padding-bottom:15px; } .pl0,.p0 { padding-left:0; } .pr0,.p0 { padding-right:0; } .pt0,.p0 { padding-top:0; } .pb0,.p0 { padding-bottom:0; } .m0-15{margin:0px -15px;} .p7-0{padding-bottom: 7px;} ::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; } ::-moz-placeholder { opacity:1 !important; color:inherit !important; } :-ms-input-placeholder { opacity:1 !important; color:inherit !important; } /*form { margin:0 -10px; }*/ form fieldset { border: 0px; margin: 0px;} form .input { margin-right:0 !important; } form fieldset { max-width:inherit !important; margin:0 -10px; } form fieldset.form-columns-1 .field { width:100% !important; } form fieldset.form-columns-2 .field { width:50% !important; } form fieldset.form-columns-3 .field { width:33.33% !important; } form .field { padding:0 0 20px; } form fieldset .field { padding-left:10px; padding-right:10px; } form ul.multi-container { padding-top:10px; } form ul.multi-container li { margin:5px 0; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display:block; border:1px solid #8e95a7 !important; outline:none; background:#fff; font-size:16px !important; line-height:19px;font-family: 'Poppins', sans-serif !important; font-weight:400; color:#777777; margin:0; padding:13px 20px !important; width:100% !important; border-radius:52px; } textarea { min-height:110px; } form input[type="radio"],form input[type="checkbox"] { display:none } form input[type="radio"]+span,form input[type="checkbox"]+span { position:relative; display:block; padding-left:30px; cursor:pointer } form input[type="radio"]+span:before,form input[type="checkbox"]+span:before { content:"\f00c"; font-family:fontawesome; color:#6b1631 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px } form input[type="radio"]+span:before { border-radius:50% } form input[type="radio"]:checked+span:before { background:#6b1631 ; border-color:#6b1631 } form input[type="checkbox"]:checked+span:before { border-color:#6b1631 ; font-size:12px; background:#6b1631 ; color:#fff; letter-spacing:0; } label.gfield_label { display: none !important;} input[type="submit"] { font-family: 'Poppins', sans-serif; outline:none; padding:14px 45px; background:#42c4de; color:#fff; border:1px solid #42c4de; font-size:18px; line-height:17px;letter-spacing: 0.02em; font-weight:600; border-radius:52px; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s;cursor: pointer; } input[type="submit"]:hover { border-color: #42c4de; background-color: transparent; color: #42c4de;} .gform_wrapper form , .gform_wrapper{line-height:1 !important;} .gform_wrapper{margin:0px !important;} .gform_wrapper div.validation_error { display: none;} .gform_wrapper div.validation_error { display: none;} li.gform_wrapper li.gfield.gfield_error { background-color: transparent !important; width: 100% !important; margin-right: 0 !important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; border: 0 !important; padding-top: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important;} .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; width: 100% !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-right: 0 !important; padding-left: 15px !important;} .ContactForm .gform_wrapper .gform_body {width: 100% !important;} /* Global classes */ .button a{display: inline-block;font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 18px; line-height: 1.5; background-color: #fff; border-radius: 50px;color: #42c4de; padding: 8px 63px;transition: all ease 0.3s;border: 1px solid transparent} .button.blue a{background-color:#42c4de;border: 1px solid #42c4de;color: #ffffff;transition: all ease 0.3s; text-align: center; display: inline-block; } .button a:hover { background-color: #42c4de; color: #fff;border-color:#fff; } .button.blue a:hover{border-color: #42c4de;background-color: transparent;color: #42c4de;} .button.small a{max-width: 188px;width: 100%;padding: 8px 20px;text-align: center;} .button a:hover { background-color: #42c4de; color: #fff;border-color:#fff; } .FontWhite{color: #ffffff !important;} .titleColor{color: #171717;} .Section_SubTitle {padding-top: 26px;letter-spacing: 0.02em;} .altFont{font-family: 'Gotham Book';} .SectionBgColor{background-color: #fafbfc;} .Font18{font-size: 18px;line-height:1.2;letter-spacing: 0.02em;} .Font16{font-size: 16px;line-height: 1.2;} .max700{max-width: 700px;margin: 0 auto;} .max1050{max-width: 1050px;margin: 0 auto;} .SectionPadding{padding:100px 0px} /* Header Section */ header{padding: 40px 0px;position: absolute; top: 0;left: 0;width: 100%;z-index: 5;background-color:#42c4de;} header .SiteLogo{width:200px;} header .Navigation{width:calc(100% - 200px);} header .Navigation ul li { display: inline-block; vertical-align: middle; margin-right: -4px;padding: 0px 15px;} header .Navigation ul li a{font-weight: 600;font-size:20px; line-height: 1.5;display: inline-block;color:#ffffff;letter-spacing: 0.02em;} header .Navigation #navbar > div.menu-primary-menu-container > ul#menu-primary-menu > li:last-child a{font-size: 18px;border: 1px solid #ffffff;border-radius: 50px;padding: 9px 53px;} header .Navigation #navbar > div.menu-primary-menu-container > ul > li:last-child{padding-right: 0px;} header .Navigation #navbar > div.menu-primary-menu-container > ul > li:last-child a:hover{background-color: #ffffff;} header .Navigation ul.navbar li {position: relative;} header .Navigation ul.navbar li a {display: block; text-decoration: none; transition: all .2s ease-in-out;} header .Navigation ul.navbar li a:hover , header ul.navbar li:hover > a {color: #171717 !important;} header ul.navbar li > ul li:hover a{color:#42c4de !important;} header .Navigation ul.sub-menu li a:hover , header .Navigation ul.sub-menu li.current_page_item a , header ul.navbar li.current-menu-item > ul li a:hover{color:#42c4de !important; } header ul.navbar li.current-menu-item > ul li a{color:#fff;} header .Navigation ul.navbar li ul {margin: 0; position: absolute; background: #222;left: 2em;font-size: 14px;min-width: 200px;opacity: 0; visibility: hidden; z-index: 99;transition: all .2s ease-in-out;} header .Navigation ul.navbar li ul li { padding: 10px; display: block; text-align: left;margin-right: 0px; } header .Navigation ul.navbar li ul li:first-child { border: 0;} header .Navigation ul.navbar ul li { float: none; } header .Navigation ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; } header .Navigation ul.navbar li > ul ul { top: 0; left: 90%; box-shadow: 0 5px 10px rgba(0,0,0,.6);} header .Navigation ul.navbar li > ul li:hover ul { left: 100%; } header .Navigation ul li.has-submenu , header .Navigation ul li.menu-item-has-children{ position: relative;} header .Navigation ul li.has-submenu:after{content: '\f107';font-family:FontAwesome; position: absolute; top: 2px;right: 7px;display: block;width: 12px;height: 6px;color: #ffffff;} header .Navigation ul li.menu-item-has-children span.submenu-expand { font-family: FontAwesome; position: absolute; top: 2px; right: 3px; display: block; width: 12px; height: 6px; color: #ffffff;} header .Navigation ul li.menu-item-has-children span.submenu-expand svg{fill:#fff;} header .Navigation ul li ul.sub-menu > li:first-child { display: none !important;} /* Banner Section */ .BannerSection{padding-top: 255px;padding-bottom: 310px;} .BannerSection .BannerForm .FormTitle {color: #171717;} .BannerSection .BannerForm {box-shadow: 0px 7px 2.05px rgba(245, 249, 252, 0.79);max-width: 1030px; margin: 0 auto; background-color: #fff; padding: 40px 35px 47px; position: absolute; bottom: -100px; transform: translateX(-50%); left: 50%; display: block; width: 100%;} .BannerSection .BannerForm fieldset{ display: inline-block; vertical-align: middle; padding: 0px 5px; margin: 0px !important;} .BannerSection .BannerContent{position: relative; z-index: 2;} .BannerForm ul.gform_fields li { display: inline-block; vertical-align: middle; padding: 0px 5px !important; margin: 0px !important;} .BannerForm .gform_body ,.BannerForm .gform_footer { display: inline-block !important;vertical-align: top; margin-right: 0px !important;width: auto !important;} .BannerForm .gform_footer { margin: 0 !important; padding: 0 5px !important;} .BannerForm .gform_footer input[type=submit]{margin-right:0px !important;} .BannerForm .gform_wrapper .top_label div.ginput_container{margin-top:0px !important;} a.gform_anchor {display:block !important;} .BannerForm .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 33.33%!important;} .BannerForm ul.gform_fields li { width: 33.33% !important; } .BannerForm .gform_body, .BannerForm .gform_footer{width: calc(100% - 132px) !important; margin-right: -4px !important;} .gform_footer.top_label{width: 132px !important;} /* Contact Page */ body.page-template-contact-template .BannerSection{padding-bottom: 250px;} body.page-template-contact-template .overlay:before{opacity: 0.34;} /* Self Service Page */ body.page-template-self-service-laundromat-template .BannerSection{padding-bottom: 195px;} body.page-template-self-service-laundromat-template .overlay:before{opacity: 0.36;} /* Feature Section */ .FeatureSection{padding:80px 0px;} .FeatureSection .Title_Box {padding-bottom:0px;} .FeatureSection .Section_SubTitle{text-align:left; max-width: 80%; margin: 0 auto;} .FeatureSection .Section_SubTitle p + p, .FeatureSection .Section_SubTitle * + p{margin-top:15px;} .FeatureSection .FeatureIcon{height: 67px;width: 67px;margin: 0 auto 20px auto;} .FeatureSection .FeatureTitle{font-size: 18px;letter-spacing: 0.02em;line-height: 1.3;transition: all ease 0.3s;} .FeatureSection .FeatureBox { max-width: 835px; margin: 0 auto; position: relative; text-align:center;} .FeatureSection .FeatureContent-Box:last-child { border-right: none;} .FeatureSection .FeatureBox:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background-color: #ededed;display: block;left: 0;} .FeatureSection .FeatureContent-Box {position: relative;transition: all ease 0.3s;padding: 44px 20px 40px; border-right: 1px solid #ededed;} .FeatureSection .FeatureContent-Box:before{content:'';position:absolute;bottom:0;left:0;height:6px;width:100%;background-color:#42c4de;opacity: 0;visibility: hidden;transition: all ease 0.3s;} .FeatureSection .FeatureContent-Box:hover{cursor:pointer;box-shadow: 0px 21px 15.3px 2.7px rgba(23, 23, 23, 0.1);} .FeatureSection .FeatureContent-Box:hover:before{opacity: 1;visibility: visible;} .FeatureSection .FeatureContent-Box:nth-child(3n){border-right:0px;} .FeatureSection .FeatureIcon{position: relative;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box .hoverimage , .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box .BlackImage{position: absolute;top:0;transition: all ease 0.3s; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;} .FeatureIcon img { width: auto;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box:hover .FeatureTitle {color: #42c4de;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box:before{display: none;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box:hover{box-shadow: none;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box .hoverimage ,.FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box:hover .BlackImage{opacity: 0;visibility: hidden;} .FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box:hover .hoverimage ,.FeatureSection .FeatureBox.hover.v2 .FeatureContent-Box .BlackImage{opacity: 1;visibility: visible;} body.page-template-contact-template .FeatureSection{padding-top: 95px;} /* Two Column Content */ table{width: 100%;background-color: #fff; border-collapse: collapse; border-spacing: 0;} table tr:nth-child(2n) { background-color: #f9f9f9;} table td { width: 50%;border: 1px solid #ddd;color:#333;padding:8px;font-size:16px;} .TwoColumn_Section {background-color:#fafbfc;} .TwoColumn_Section .ImageBox{padding-right: 75px;} body.page-template-self-service-laundromat-template .TwoColumn_Section .RightBox{width:100%;display:block;margin-right:0px;text-align:center;} .TwoColumn_Section .RightBox table{max-width: 700px; margin: 0 auto;} .TwoColumn_Section .RightBox table td{text-align:left;} body.page-template-self-service-laundromat-template .RightBox{padding-top:0px;} .TwoColumn_Section p + p,.TwoColumn_Section * + p{margin-top:15px;} .TwoColumn_Section p img{max-width:200px;} /* Self Service Page */ body.page-template-about-template .TabbingSection .Section_SubTitle{max-width:100%;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage p { display: block; width: 100%;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage ul{list-style:none;padding-left:0;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage li { position: relative; padding-left: 15px;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage li:before {content: '\f0da';font-family: FontAwesome;position: absolute;left: 0;top: 0;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage { text-align: left;max-width:80%;margin:0 auto;width:100%;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage div{width:100%;} /* CTA Strip Section */ .CATStrip_Section{background-color:#42c4de;} .CATStrip_Section .CTA_Title h3 { font-size: 44px;} .CATStrip_Section h3{font-size:34px;} .CATStrip_Section .CTA_Title{padding-right: 40px;text-align:center;} .CATStrip_Section .CTA_SubTitle{font-size: 18px;line-height: 1.67;letter-spacing: 0.02em;padding-top:50px;text-align: center;} .CATStrip_Section .CTA_SubTitle img { max-width: 400px;} .CATStrip_Section .CTA_Content {width:100%;} .CATStrip_Section .CTA_SubTitle table{width: 100%;background-color: #fff; border-collapse: collapse; border-spacing: 0;} .CATStrip_Section .CTA_SubTitle table td { width: 50%;border: 1px solid #ddd;color:#333;padding:8px;font-size:16px;} .CATStrip_Section .CTA_SubTitle table td a{font-weight:600;} .CATStrip_Section .CTA_SubTitle table tr:nth-child(2n) { background-color: #f9f9f9;} .CATStrip_Section .CTA_SubTitle h3 { font-weight: 500; font-size: 32px; margin: 30px 0px 20px;} /* Left Content Right Image Section */ .LeftContent_RightImage .AppTrack_Image{padding-right: 23px;padding-left: 25px;text-align:center;} .LeftContent_RightImage .AppTrack_Image img{width:auto !important;} .LeftContent_RightImage .LeftIcon , .TwoColumn_Section .LeftIcon{height: 52px;width: 52px;border-radius: 50%;background-color: #42c4de;padding: 17px;} .LeftContent_RightImage .LeftIcon img , .TwoColumn_Section .LeftIcon img{margin-top: -12px;} .LeftContent_RightImage .RightContent , .TwoColumn_Section .RightContent {width: calc(100% - 52px);padding-left: 20px;padding-right: 20px;} .LeftContent_RightImage .detail , .TwoColumn_Section .detail {font-size: 14px;line-height:1.572;letter-spacing: 0.02em;color: #777777;padding-top: 5px;} .LeftContent_RightImage{padding-top: 120px;padding-bottom: 65px;} .LeftContent_RightImage .Twocolumn_Box {padding-bottom: 44px;} .LeftContent_RightImage .Section_SubTitle img{width:auto !important;} /* Self Service Page */ body.page-template-self-service-laundromat-template .LeftContent_RightImage{padding-bottom: 125px;} /* Testimonail Section */ .TestimonialSection{padding-top:105px;padding-bottom: 225px;} .TestimonialSection .Testimonail_Box{max-width: 1060px;margin: 0 auto;padding: 0px 40px;} .TestimonialSection .UserReview > div{max-width: 100px;margin: 0 auto;} .TestimonialSection .UserImage{ height: 45px;width: 45px;border-radius: 50%} .TestimonialSection .User-Box{width: calc(100% - 45px);padding-left: 12px;} .TestimonialSection .UserName{font-family: 'Montserrat', sans-serif;font-size: 15px;line-height: 1.334;letter-spacing: 0.02em;} .TestimonialSection .UserDesignation{font-size: 12px;line-height: 1.67;color: #777777;} .TestimonialSection .Testimonail_DeatilBox{background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(36, 55, 229, 0.07);padding: 46px 35px 48px;} .TestimonialSection .Testimonail_Content{font-size: 14px; font-style: italic;} /* Contact Form Section */ .ContactForm .FormBox {background-color: #fff; padding: 67px 38px 55px 43px; max-width: 587px; margin: 0 135px -40px auto;box-shadow: 0px 0px 20px 0px rgba(222, 100, 43, 0.07);position: relative; top: -78px;} .ContactForm form fieldset { margin: 0; padding: 0 0 23px 0px;} .ContactForm form fieldset:last-child{padding-bottom: 0px;} .ContactForm .gform_wrapper textarea ,.ContactForm .gform_wrapper textarea.medium { border-radius: 5px; min-height: 150px !important;color: #777; padding: 13px 20px;font-weight: 400;} .ContactForm select ,.ContactForm .ginput_container_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(./images/select-arrow.png) 96% / 3% no-repeat !important;border: 1px solid #8e95a7; outline: none; font-size: 16px !important; line-height: 19px; font-family: 'Poppins', sans-serif !important;font-weight: 400; color: #777777; margin: 0; padding: 13px 20px !important; width: 100% !important; border-radius: 52px; display: block;} .ContactForm input[type="submit"] { padding: 14px 25px;} .ContactForm .gform_wrapper ul.gform_fields li.gfield{margin-top:0px !important;padding-right:0px !important;padding-bottom:23px;} .ContactForm .gform_wrapper.gf_browser_chrome .gform_body{width:100% !important;} body .ContactForm .gform_wrapper .top_label div.ginput_container{margin-top:0px !important;} .ContactForm .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{margin-right:0px !important;margin-left:0px !important;} .ContactForm .gform_confirmation_message{font-size: 20px;text-align: center; font-weight: 400;letter-spacing: 0.02em;} .ContactForm .gform_wrapper .gform_footer{padding:0px !important;margin:0px !important;padding-top:23px !important;} .ContactForm .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ width:100% !important;max-width:100% !important; } .Download_Box.mobile-center.pt50 { padding-top: 5px;} /* Footer Section */ .FooterSection{position: relative;padding:100px 0px 50px;background-image:none !important;background-color:#42c4de;} .FooterSection .FooterBox{position: relative;z-index: 2;} .FooterSection .FooterBox .ContactBox span { display: inline-block; vertical-align: middle;color:#fff;font-size: 14px; line-height: 1.5; padding-right: 9px;} .FooterSection .Footer_IconContent a {transition: all ease 0.3s;} .FooterSection .FooterBox .ContactBox span svg { vertical-align: middle;fill:#fff;} .FooterSection .NavTitle{padding-bottom: 38px;} .FooterSection .Footer_LinkBox{width:33.33%;padding:0px 10px;} .FooterSection .Footer_Link li a , .FooterSection .Footer_LinkBox li a{font-size: 14px;line-height: 1.2;color: #fff;letter-spacing: 0.02em;transition: all ease 0.3s;} .FooterSection .Footer_Link li a:hover , .FooterSection .Footer_IconContent a:hover , .FooterSection .Footer_LinkBox li a:hover{color:#42c4de !important;} .FooterSection .Footer_LinkBox li {padding-bottom: 8px;} .FooterSection .Footer_LinkBox ul{margin:0 !important ; padding :0 !important;} .FooterSection .Contact_ParentBox {width:505px;padding-right:30px;} .FooterSection .Footer_Navigation {width:calc(100% - 505px);padding-left:30px;margin: 0px -10px;} .FooterSection .textwidget { color: #fff;} .FooterSection .Contact_ParentBox iframe{width:100%;height:400px;} .FooterSection .Contact_ParentBox .textwidget a { font-size: 16px; color: #fff !important; letter-spacing: 0.02em; transition: all ease 0.3s;} .FooterSection .footerbottom { color: #fff !important; position: relative; z-index: 2; text-align: center; font-size: 14px; padding-top: 30px;} /* About Page Start */ /* Banner Section */ body.page-template-about-template .BannerSection.overlay:before{opacity: 0.36;} body.page-template-about-template .BannerSection{padding: 200px 0px;} /* Tabbing Section */ .TabbingSection ul.tabs {max-width: 905px;margin: 0 auto; position: relative;} .TabbingSection ul.tabs:after { content: ''; position: absolute; height: 1px; width: 100%; max-width: 700px; background-color: #999; margin: 0 auto; top: 20px;left: 20px;} .TabbingSection .StepNumber {margin-left: 5px;font-size: 18px;height: 42px; width: 42px; border-radius: 50%; background-color: #ffffff;border: 1px solid #999999; color: #999999; vertical-align: middle; text-align: center;line-height: 40px;} .TabbingSection .StepTitle { color: #777777; font-size: 18px;font-weight: 500;line-height: 1.56;} .TabbingSection li.tabs_web .StepTitle{color: #171717;} .TabbingSection li{position: relative; z-index: 2;vertical-align:top;} .TabbingSection .StepNumber.active_number , .TabbingSection li.tabs_web .StepNumber{background-color: #42c4de; border-color: #42c4de; color: #fff;} .TabbingSection .TabContent{ max-width:1030px;margin: 0 auto;} .TabbingSection .TabContent .tab_box{display: none;} .TabbingSection .TabContent .tab_box:first-child{display: block;} .TabbingSection .TabImage ,.TabbingSection .TabDetail {padding: 0px 10px;} .TabbingSection .Tab_MainBox{margin: 0 -10px;} .TabbingSection .Tab_ImageBox{padding-left: 50px;padding-right: 34px;} .TabbingSection .Tab_InnerContent{padding-left: 15px;} .TabbingSection .TabContent .title { font-size: 27px; line-height: 1.2;} .TabbingSection .tab_box:last-child .button {display: none;} .Tab_InnerContent .button a { max-width: 299px; display: block; padding: 13px 63px;} .Laundromat table td{width:33.33%;} .TabbingSection .Section_SubTitle .Laundromat p , .TabbingSection .Section_SubTitle .Laundromat div { width: 50%; display: inline-block; vertical-align: middle; margin-right: -4px;} .TabbingSection .Section_SubTitle p img { max-width: 300px;} /* Two Column Section */ body.page-template-about-template .TwoColumn_Section{background-color: #fafbfc;} .TwoColumn_Section .Section_SubTitle{font-size: 18px;line-height: 1.667;letter-spacing: 0.02em;padding-bottom:0px;} .TwoColumn_Section .Twocolumn_Box{padding-bottom: 35px;} .TwoColumn_Section .Twocolumn_Box:last-child{padding-bottom: 0;} /* Left Content Right Image Section */ body.page-template-about-template .LeftContent_RightImage {padding-bottom: 160px;} /* Contact Page */ body.page-template-contact-template .BannerSection{padding-top:236px;} /* Map Section */ .MapSection ,.MapSection iframe {width:100%;height: 510px !important;} /* Blog Lsiting Page */ body.blog .BannerSection.overlay:before{opacity: 0.41;} body.blog .BannerSection{padding-bottom: 165px;padding-top:237px;} /* blog section */ .BlogSection{padding-top: 110px;padding-bottom: 180px;} .BlogSection .LeftSide_Listing , .BlogSection .Blog_Sidebar{padding: 0px 15px;} .BlogSection .Blog_ParentBox{margin: 0px -15px;} .BlogSection .FeatureImage ,.BlogSection .Recent_Post_Image{height: 370px;} .BlogSection .comment-box span ,.BlogSection .view ,.BlogSection .message{display: inline-block;margin-right: -4px;vertical-align: middle;} .BlogSection .date{font-size:16px;line-height: 1.5;font-weight: 400;width: 95px;} .BlogSection .comment-box{width: calc(100% - 95px);} .BlogSection .view{padding-right: 22px;} .BlogSection .icon {line-height: 1;padding-right: 9px;} .Blog_Post_Title{font-size: 35px;line-height: 1.5;} .Blog_Post_Content a{color: #42c4de;transition: all ease 0.3s;} .Blog_Post_Content a:hover{color: #171717;} .Blog_ListContent{padding-left: 20px;padding-right: 30px;} .Blog_Date_ParentBox {padding-right: 25px;} .RecentPost_ParentBox{padding: 0px 20px;} .Recent_Post_Title {font-size: 22px;} .Recent_Post_List .Blog_Date_ParentBox {padding-right: 0px;} .Recent_PostBox {padding: 0px 21px;} .Recent_Post_List{margin: 0 -15px;} .BlogSection .Blog_Listing_box .Blog_Post:last-child ,.Blog_Sidebar .Post_MainBox:last-child{padding-bottom: 0px;} .Blog_Recent_Post{padding-top: 125px;} /* .Topic_Listing li.cat-item a {color: #171717;font-size: 15px; letter-spacing: 0.02em; font-weight: 500; display: block;background-color: #fff; position: relative; padding: 19px 20px;transition: all ease 0.3s;}*/ .widget_categories .Latest_PostBox li.cat-item { color: #171717; font-size: 15px; letter-spacing: 0.02em; font-weight: 500; display: flex; align-items: center; background-color: #fff; position: relative; transition: all ease 0.3s; margin-bottom: 12px; padding: 19px 20px;} .widget_categories .Latest_PostBox li.cat-item a {flex: auto; background-color: transparent; padding: 0;} .widget_categories .Latest_PostBox li:hover{background-color: #42c4de;color: #fff;} .widget_categories .Latest_PostBox li:hover a{color: #fff;} .widget_categories .Latest_PostBox li.cat-item:last-child{ margin-bottom: 0;} .Topic_Listing span.count { position: absolute; top: 50%;transform: translateY(-50%); right: 27px;} .Blog_Sidebar .PostTitle{font-size: 22px;line-height: 1.364;} .Blog_Sidebar .Latest_PostBox{padding: 15px 10px 25px;background-color: #fff;} .Blog_Sidebar .PostImage{width: 90px;height: 85px;} .Blog_Sidebar .PostDetail{width: calc(100% - 90px);padding-left: 15px;} .Blog_Sidebar .PostDetail_Title a { font-size: 15px;line-height: 1.467;font-weight: 400; color: #171717;} .Blog_Sidebar .PostDate{font-size: 14px;line-height: 1.8;} .Blog_Sidebar .Post_MainBox{padding-bottom: 50px;} li.cat-item a { color: #171717; font-size: 15px; letter-spacing: 0.02em; font-weight: 500; display: block; background-color: #fff; position: relative; padding: 19px 20px; transition: all ease 0.3s;} .Blog_Pagination{padding-top: 140px;} .Blog_Pagination li { display: inline-block; vertical-align: middle;padding: 0px 5px;} .Blog_Pagination li a { display: block; height: 42px;width: 42px; border-radius: 50%; background-color: #fff; color: #171717; font-size: 17px; line-height: 42px; text-align: center ;transition: all ease 0.3s; } .Blog_Pagination li a.active , .Blog_Pagination li a:hover{color: #fff;background-color: #42c4de;} /* Update css */ .main-menu-more { display: none !important;} /*default page style */ .boiseDefaultPages input.search-field,input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { display: block; border: 1px solid #8e95a7 !important; outline: none; background: #fff; font-size: 16px; line-height: 19px; font-family: 'Poppins', sans-serif; font-weight: 400; color: #777777; margin: 5px 0; padding: 13px 20px; width: 100% !important; border-radius: 52px;} .boiseDefaultPages textarea { min-height: 110px; width: 100%; display: block; border: 1px solid #8e95a7;} .boiseDefaultPages { text-align: center; padding: 80px 0;} .boiseDefaultPages form.search-form { padding-top: 20px; } .boiseDefaultPages .page-content { padding-top: 40px;} .boiseDefaultPages h1 { font-size: 44px; color: #171717;} .boiseDefaultPages p { padding: 20px 0;} .boiseDefaultPages figure.post-thumbnail { padding-top: 30px;} .boiseDefaultPages .status-publish a { font-size: 30px;} .boiseDefaultPages .status-publish a:hover{color: #42c4de; } .boiseDefaultPages nav.navigation { padding: 20px 0;} .boiseDefaultPages nav.navigation a:hover { color: #42c4de;} .boiseDefaultPages nav.navigation a { padding-top: 15px;} .boiseDefaultPages label { display: block; padding-bottom: 15px;} .boiseDefaultPages p + p, .boiseDefaultPages * + p { margin-top: 15px;} .boiseDefaultPages .comment-respond p { padding: 0;} .boiseDefaultPages .comment-respond label { padding-bottom: 0px; text-align: left;} .boiseDefaultPages .comments-title-wrap h2.comments-title { padding-bottom: 30px;} .boiseDefaultPages .comment-respond .form-submit { margin-top: 30px !IMPORTANT;} .boiseDefaultPages .pagination .nav-links .page-numbers{ vertical-align: middle; padding-top: 0;} /* Blog Listing Style */ #categories-3 .PostTitle.semibold.titleColor.pb20.widget-title { display: none;} ul.wpp-list.wpp-list-with-thumbnails a:first-child { width: 90px; display: inline-block; margin-right: -4px; vertical-align: top;} ul.wpp-list.wpp-list-with-thumbnails a:nth-child(2) { width: calc(100% - 90px); display: inline-block; vertical-align: top; margin-right: -4px; padding-left: 15px;} .Topic_Listing ul li a { font-size: 15px; line-height: 1.467; font-weight: 400; color: #171717;} .BlogSection span.PostDate ,.popular-posts span.PostDate { display: block; font-family: 'Poppins', sans-serif; color: #777777; font-size: 14px; line-height: 1.8; font-weight: 400; letter-spacing: 0;} .BlogSection .rpwwt-post-date { font-size: 0; opacity: 0; visibility: hidden; display: none;} .popular-posts span.wpp-meta.post-stats {display: none;} .Blog_Sidebar #recent-posts-widget-with-thumbnails-2 img{ width: 90px !important; height: 85px !important; margin-right: 15px !important;} .Blog_Sidebar .wpp-list-with-thumbnails img { width: 90px !important; height: 85px !important;} .Topic_Listing .rpwwt-widget ul li img { margin: 0 !important;} .Topic_Listing .rpwwt-widget ul li, .Topic_Listing .wpp-list li { overflow: hidden; margin: 0 0 50px 0;} .Topic_Listing .rpwwt-widget ul li:last-child, .Topic_Listing .wpp-list li:last-child{ margin-bottom:0; } .wpp-list-with-thumbnails .wpp-thumbnail{ margin: 0 !IMPORTANT;} /* pagination */ .pagination .nav-links .page-numbers { display: inline-block; height: 42px; width: 42px; border-radius: 50%; background-color: #fff; color: #171717; font-size: 17px; line-height: 42px; text-align: center; transition: all ease 0.3s;} .pagination span.page-numbers.current { color: #fff; background-color: #42c4de;} .pagination span.nav-next-text, .pagination span.nav-prev-text { display: none;} .pagination h2.screen-reader-text { display: none;} .pagination .nav-links a svg { display: inline-block; vertical-align: middle;} .pagination .nav-links span { margin-right: 10px; margin-left: 10px;} .pagination .next { margin-left: 10px;} .pagination .prev { margin-right: 10px;} .pagination .nav-links .page-numbers:hover { color: #fff; background-color: #42c4de;} .page-numbers:hover svg { fill: #fff;} .widget_categories .Topic_Listing { background-color: transparent;} .Blog_Sidebar .Latest_Post_Listing:first-child { padding-top: 0px;} .Blog_Sidebar .widget_categories .Topic_Listing{padding:0;} header .Navigation li.current_page_item a { color: #171717 ;} /* Photo Page */ .TabbingSection .Section_SubTitle .PhotoPage p + p, * + p {margin-top:15px;} .TabbingSection .Section_SubTitle .PhotoPage div { max-width: 500px; margin: 0 auto 30px;} .TabbingSection .Section_SubTitle .PhotoPage div:last-child { margin-bottom: 0px;} /* ContactForm 2 */ .FeatureSection .Section_SubTitle .ContactForm .FormBox{top:0;position:relative;box-shadow:none;} .FeatureSection .Section_SubTitle .ContactPage p { position: relative; padding-left: 30px;} .FeatureSection .Section_SubTitle .ContactPage .address:before , .FeatureSection .Section_SubTitle .ContactPage .phone:before , .FeatureSection .Section_SubTitle .ContactPage .mail:before {font-family: FontAwesome;position: absolute;left: 0;top: 0;font-size: 20px;} .FeatureSection .Section_SubTitle .ContactPage .address:before{content: '\f041';} .FeatureSection .Section_SubTitle .ContactPage .phone:before{content: '\f095';} .FeatureSection .Section_SubTitle .ContactPage .mail:before{content: '\f0e0';} .FeatureSection .Section_SubTitle .ContactPage .mail a{padding-left:5px;} .FeatureSection .Section_SubTitle .ContactForm .FormBox label.gfield_label{display:block !important; font-weight: 400; padding-bottom: 10px;} /* loader form */ .gform_footer img { width: 25px !important } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-= Responsive Media Queries CSS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/ /*-=-=- Only Desktop CSS -=-=-*/ @media(min-width:641px){ .ContactForm .gform_wrapper textarea.medium{height:150px !important;} } @media (min-width:768px ) { /* default page */ .boiseDefaultPages form.search-form { width: 100%; max-width: 600px; margin: 0 auto;} .boiseDefaultPages .comment-respond { max-width: 600px; margin: 0 auto; width: 100%;} /* Contact Page */ body.page-template-contact-template .Section_SubTitle { max-width: 730px; margin: 0 auto;} } @media(max-width:1440px){ header .Navigation ul li {padding: 0px 10px;} header .Navigation ul li a{font-size:18px;} } @media (max-width:1230px ) { .wrapper { max-width:1000px } h1{font-size: 56px;} /* Header Section */ header .Navigation ul li{padding: 0px 15px;} header .Navigation ul li.menu-item-has-children:after{right: 0px;} header .Navigation ul li a{font-size: 16px;} header .Navigation #navbar > ul > li:last-child a { font-size: 16px;} header .Navigation ul li { padding: 0px 8px;} header .Navigation #navbar > div.menu-primary-menu-container > ul#menu-primary-menu > li:last-child a{padding:9px 20px;font-size:16px;} header .Navigation ul li.menu-item-has-children span.submenu-expand svg{height:17px;width:17px;} header .Navigation ul li.menu-item-has-children span.submenu-expand{top:0;right:-3px;} /* Two Column Section*/ .TwoColumn_Section .RightBox{padding-right: 50px;} /* CTA Strip Section */ .CATStrip_Section .CTA_Title{padding-right: 0px;} .CATStrip_Section .CTA_Content{text-align: center;} .CATStrip_Section .CTA_SubTitle h3{font-size:28px;} /* Left Content Right Image Section */ .LeftContent_RightImage .RightContent{padding-right: 20px;} /* BLog Section */ .BlogSection .LeftSide_Listing, .BlogSection .Blog_Sidebar{width: 100%;padding-left: 0;padding-right: 0;} .BlogSection .Blog_ParentBox{margin: 0;} .BlogSection .Blog_Sidebar {padding-top: 0px;} .Blog_Pagination { padding-top: 80px;} .Blog_ListContent { padding-left: 0; padding-right: 0;} .Blog_Sidebar .Latest_PostBox { padding: 15px 10px 25px;} /* Footer Section */ .FooterSection .Contact_ParentBox , .FooterSection .Footer_Navigation{width: 100%;display: block;margin-right: 0;} .FooterSection .Contact_ParentBox, .FooterSection .Footer_Navigation{padding-left:0px;padding-right:0px;} .FooterSection .Footer_Navigation{margin:0px;} } /*-=-=- Tablet Landscape and Smaller Devices -=-=-*/ @media (max-width:1080px ) { .wrapper { max-width:900px } h1{font-size: 44px;} h2{font-size: 32px;} h3{font-size: 30px;} .Section_SubTitle br{display: none;} /* Header Section */ header{padding: 20px 0px;} .expandMenu i{position: relative;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;width: 20px;left: 0; height: 2px;opacity: 1;display: block;background: #ffffff;margin: 5px 0;} a.expandMenu.open i:first-child {transform: rotate(135deg);-webkit-transform: rotate(135deg);top: 10px;position: relative;} a.expandMenu.open i:nth-child(2) {position: relative;left: -46px;opacity: 0;} a.expandMenu.open i:last-child {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: -4px;position: relative;} header .HeaderNavigation{position: relative;} header .navigation-bar {height: 25px;position: absolute;top: 20px; right: 0px;} header .Navigation ul > li {display: block; width: 100%;padding: 0px;background-color: #fff; } header .Navigation ul li a ,header .Navigation #navbar > ul > li:last-child a {padding:10px 15px;font-size: 16px;} header .Navigation { width: 100%; position: absolute; text-align: left; left: 0; top: 75px;} header .Navigation ul li a { color: #42c4de; } header .Navigation ul li.menu-item-has-children:after {content: '\f107'; right: 15px; color: #42c4de;top:10px; font-size: 16px;transition: all ease 0.3s;position: absolute;font-family: FontAwesome; } header .Navigation ul li.menu-item-has-children.open-submenu:after {content: '\f106 ';} header .Navigation #navbar > div.menu-primary-menu-container > ul > li:last-child a {font-size: 16px;border: 0px;border-radius: 0px;padding:10px 15px !important;} header .Navigation , header .Navigation ul li.menu-item-has-children ul{display: none;} header .Navigation ul.navbar li ul {position: static; max-width: 100%; transition: none;} header .Navigation ul li.menu-item-has-children ul {opacity: 1;visibility: visible;background-color: #fff;padding-left: 20px;} header .Navigation ul.navbar li ul li{padding: 0px;} header .Navigation ul li.menu-item-has-children span.submenu-expand{display:none;} /* Banner Section */ .BannerSection .BannerForm { max-width: 100%; bottom: 0px; position: static; transform: translate(0px); margin-top: 50px; box-shadow: none; } .BannerSection .BannerForm fieldset { display: block; padding: 0px 0px 15px 0px; } .BannerSection{padding-bottom: 100px;} .BannerSection .BannerForm fieldset:last-child{padding-bottom: 0px;} .BannerSection .BannerForm ul.gform_fields li { padding: 0 0 15px !important;display: block !important; width: 100%;} .BannerSection .BannerForm .gform_body,.BannerSection .BannerForm .gform_footer { width: 100% !important;display: block !important;} .BannerForm .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width:100% !important;} .BannerForm ul.gform_fields li { width: 100% !important;} /* About Page */ body.page-template-about-template .BannerSection {padding-bottom: 100px;} /* Tabbing Section */ .TabbingSection ul.tabs:after{max-width:650px ;} /* Self Service Page */ body.page-template-self-service-laundromat-template .BannerSection{padding-bottom: 100px;} /* Feature Section */ .FeatureSection{padding: 100px 0px;} /* Two Column Section */ .TwoColumn_Section .ImageBox { padding-right: 0px;} /* CTA Strip Section */ .CATStrip_Section .CTA_SubTitle{font-size: 16px;} .CATStrip_Section .CTA_Title h3 { font-size: 32px;} .CATStrip_Section .CTA_SubTitle h3 { font-size: 26px;} .CATStrip_Section .CTA_SubTitle img { max-width: 300px;} /* Left Content Right Image Section */ .LeftContent_RightImage .RightContent { padding-right: 0px;padding-left: 15px; } .LeftContent_RightImage .Twocolumn_Content{margin: 0px -10px;} .LeftContent_RightImage .Twocolumn_Box{padding:0 0 30px 0px;width: 100%;display: block;} .LeftContent_RightImage .Twocolumn_Box:last-child{padding-bottom: 0;} .LeftContent_RightImage .LeftSide_Content ,.LeftContent_RightImage .RightSide_Image{margin-right: 0;width: 100%;display: block;padding: 0px;} .LeftContent_RightImage .AppTrack_Image{padding: 0;} .LeftContent_RightImage .ParentBox , .LeftContent_RightImage .Twocolumn_Content{margin: 0;} .LeftContent_RightImage .AppTrack_Image{max-width: 400px;margin: 0 auto;} .LeftContent_RightImage .RightSide_Image{padding-top: 50px;} /* Blog Section */ body.blog .BannerSection{padding-top:0px;padding-bottom:0px;} .blog .BannerSection .BannerContent { display: table-cell; width: 100%; vertical-align: middle;} .blog .BannerSection .wrapper { display: table; vertical-align: middle; width: 100%; max-width: 100%; height: 500px;} .BlogSection .Recent_Post_Title { font-size: 18px;} .BlogSection .Blog_Post_Title{font-size: 30px;} .BlogSection .Blog_Recent_Post { padding-top: 70px;} .BlogSection .Blog_ListContent{padding-right: 15px;padding-left: 15px;} .BlogSection .Blog_Pagination { padding-top: 80px;} /* Conatct Page */ .FeatureSection .Section_SubTitle .ContactPage br{display:block;} } @media (min-width: 1081px ){ header .navigation-bar{display: none;} header .Navigation{display:inline-block !important;} } /*-=-=- Tablet Portrait and Smaller Devices -=-=-*/ @media (max-width:991px ) { .wrapper { max-width:700px } .pb40,.p40-0 { padding-bottom:25px; } .pb50,.p50-0 { padding-bottom:30px; } .pb60,.p60-0 { padding-bottom:35px; } .pb70,.p70-0 { padding-bottom:40px; } .pt40,.p40-0 { padding-top:25px; } .pt50,.p50-0 { padding-top:30px; } .pt60,.p60-0 { padding-top:35px; } .pt70,.p70-0 { padding-top:40px; } .p90-0 { padding: 40px 0; } .pb90 { padding-bottom: 40px; } .tabw100{width:100%;display: block;float: none;} .tabw100.ib{margin-right: 0px;} .SectionPadding{padding:70px 0px;} /* .FeatureSection */ .FeatureSection{padding:70px 0px;} .FeatureSection .Section_SubTitle{max-width:100%;} /* Two Column Section */ .TwoColumn_Section .p0-15 ,.TwoColumn_Section .LeftBox , .TwoColumn_Section .RightBox {padding: 0px;} .TwoColumn_Section .m0-15 , .TwoColumn_Section .TwoColumn_ParentBox{margin: 0px;} .TwoColumn_Section .RightBox{padding: 50px 0 0 0;text-align:center;} .TwoColumn_Section .ImageBox{max-width: 400px;margin: 0 auto;} .TwoColumn_Section .Twocolumn_Box{text-align: left;} /* CTA Strip Section */ .CATStrip_Section .button{margin-top: 50px;} /* Contact Form Section */ .ContactForm .FormBox{margin: 0 auto;top:0;} /* Testimonial Section */ .TestimonialSection .Testimonial_InnerBox {padding: 0 0 30px 0;} .TestimonialSection .Testimonial_InnerBox:last-child{padding-bottom: 0px;} .TestimonialSection .Testimonail_Box{margin: 0;padding: 0;} /* Footer Section */ .FooterSection{padding-top: 60px;} /* About Page Start */ /* Tabbing Section */ .TabbingSection .Tab_ImageBox{padding-left: 0px;padding-right: 0px;} .TabbingSection .TabContent .title{padding-top: 0px;} .TabbingSection ul.tabs:after{max-width: 500px;} body.page-template-about-template .TabbingSection .Section_SubTitle .commercialServicePage{max-width:100%;} /* Blog Page */ .BlogSection .FeatureImage, .BlogSection .Recent_Post_Image{height: 300px;} .BlogSection .Blog_Post_Title { font-size: 26px;} .BlogSection .Recent_PostBox{padding-left: 0;padding-right: 0px;} .BlogSection .Recent_PostBox{padding-bottom: 50px;} .BlogSection .Recent_PostBox:last-child{padding-bottom: 0px;} .BlogSection .Recent_Post_List{margin: 0px;} } @media screen and (max-width: 782px){ * html{margin-top:0px !important;} } /*-=-=- Mobile Devices -=-=-*/ @media (max-width:767px ) { .wrapper { max-width:100%; padding-left:15px; padding-right:15px; } p + p , * + p {margin-top: 15px; } .mtop10 { margin-top:10px; } /* >>>>>>> margin top 10px in mobile <<<<<<<< */ .mtop20 { margin-top:20px; } /* >>>>>>> margin top 20px in mobile <<<<<<<< */ .mtop30 { margin-top:30px; } /* >>>>>>> margin top 30px in mobile <<<<<<<< */ .mbottom30 { margin-bottom:30px; } .pt35, .p35-0 { padding: 15px 0px;} .pt75{padding-top: 40px;} .pb80{padding-bottom:40px; } .mobile-center { text-align:center; } /*>>>>>>> text-align:center in mobile <<<<<<<<<<<<*/ .mobile-center.text-right { text-align:center; } .mw100{width:100%;display:block;float:none;} .mw100.ib{margin-right: 0px;} .mw50{width:50%;} .SectionPadding{padding: 50px 0px;} .Section_SubTitle{padding-top: 15px;} h1{font-size: 32px;} h2{font-size: 26px;} h3 { font-size: 24px; } h4{font-size: 20px;} h5{font-size: 18px;} h6{font-size: 16px;} /* Home Page Start */ /* Banner Section */ .BannerSection {padding-top: 200px; padding-bottom: 50px; } .BannerForm input[type="submit"] {width: 100%;} .BannerSection .BannerForm{padding-left: 20px;padding-right: 20px;} .BannerSection .BannerTitle{padding-top: 10px;} body.page-template-self-service-laundromat-template .BannerSection{padding-bottom: 50px;} /* Feature Section */ .FeatureSection .FeatureBox:before{display: none;} .FeatureSection .FeatureContent-Box{border-right:0px; } /* Two Column Section */ .TwoColumn_Section .RightBox { padding: 0px; } /* CTA Strip Section */ .CATStrip_Section .button { margin-top: 30px; } .CATStrip_Section .CTA_Title h3 { font-size: 26px;} .CATStrip_Section .CTA_SubTitle h3 { font-size: 22px;} .CATStrip_Section .CTA_SubTitle img { max-width: 250px;} .CATStrip_Section .CTA_SubTitle .table{overflow-x:auto;} /* Left Content Right Image */ .LeftContent_RightImage .Twocolumn_Box{padding-left: 0;padding-right: 0;padding-bottom: 30px;} .LeftContent_RightImage .Twocolumn_Box:last-child{padding-bottom: 0px;} .LeftContent_RightImage .Twocolumn_Content{margin: 0;} .Download_Box.mobile-center.pt50 { padding-top: 30px;} /* Home Page End */ /* About Page Start */ /* Banner Section */ body.page-template-about-template .BannerSection { padding: 150px 0px 50px; } /* Tabbing section */ .TabbingSection ul.tabs{display: none;} .TabbingSection .Tab_MainBox{margin: 0px;} .TabbingSection .TabImage, .TabbingSection .TabDetail{padding: 0px;} .TabbingSection .TabContent{padding-top: 0px;} .TabbingSection .Tab_InnerContent{padding-left: 0px;padding-top: 30px;} .TabbingSection .Section_SubTitle .Laundromat p, .TabbingSection .Section_SubTitle .Laundromat div{width:100%; display:block; margin-right:0px;} .TabbingSection .Section_SubTitle .Laundromat div {margin-top:15px;} /* Two Column section */ body.page-template-about-template .LeftContent_RightImage{padding-bottom: 50px;} /* Contact Page */ body.page-template-contact-template .BannerSection { padding:150px 0px;} body.page-template-contact-template .FeatureSection{padding-top: 50px} /* Map Section */ .MapSection ,.MapSection iframe {width:100%;height: 400px !important;} /* Contact Form Section */ .ContactForm .FormBox{padding: 30px 20px;} /* Blog Page */ .BlogSection .Blog_Post_Title { font-size: 22px;} .BlogSection .Blog_Date_ParentBox {padding-right: 10px;padding-bottom: 10px;} .BlogSection .Blog_ListContent , .BlogSection .RecentPost_ParentBox{padding: 0px;} .BlogSection .FeatureImage, .BlogSection .Recent_Post_Image{height: 200px;} /* Footer Section */ .FooterSection .NavTitle {padding-bottom: 20px;} .FooterSection .Footer_LinkBox{padding-bottom: 30px;} .FooterSection .Footer_LinkBox{width:100%;display:block;margin-right:0;padding-left:0px;padding-right:0px;} .FooterSection .Footer_LinkBox:last-child{padding-bottom:0px;} .FooterSection .Footer_Navigation{margin:0px;padding-left:0px;} .FooterSection .Contact_ParentBox{padding-right:0px} /* default page */ .boiseDefaultPages { text-align: center; padding: 50px 0;} .boiseDefaultPages h1 { font-size: 24px;} .boiseDefaultPages .page-content { padding-top: 20px;} .boiseDefaultPages input.search-field{ margin: 20px 0;} .boiseDefaultPages .status-publish a { font-size: 20px;} .boiseDefaultPages figure.post-thumbnail { padding: 10px 0 0 0 !important;} .boiseDefaultPages textarea { min-height: 70px; max-width: 100% !important; width: 100%;} } @media (max-width:640px ) { .BannerForm .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1.7 !important; min-height: auto !important;} } @media (max-width:480px ) { .pb55{padding-bottom: 30px;} h1 {font-size: 26px; } h2{font-size:24px;} h5{font-size: 20px;} h6{font-size: 18px;} .smw100{width:100%;margin-right: 0;display: block;} /* Banner Section */ /* Left Content Right Image */ .LeftContent_RightImage .Download_Link{text-align: center;} .LeftContent_RightImage .Download_Link a { margin-bottom: 20px;} .LeftContent_RightImage .Download_Link a:last-child{margin-bottom: 0px;} .CATStrip_Section .CTA_SubTitle table td{font-size:14px;} .CATStrip_Section .CTA_SubTitle{padding-top:30px;} /* Two Column Section */ .TwoColumn_Section .TwoColumn_Content table , .Laundromat table{max-width:500px;width:500px;} .TwoColumn_Section .TwoColumn_Content , .Laundromat div{ overflow-x: auto;} /* Feature Section */ .FeatureSection h2 br{display: none;} /* Testimonial Section */ .TestimonialSection .Testimonail_DeatilBox{padding: 20px 15px 25px;} .TestimonialSection .UserInformation ,.TestimonialSection .UserReview{width:100%;display:block;margin-right: 0;} .TestimonialSection .UserInformation{max-width: 200px; margin: 0 auto;} .TestimonialSection .UserDetail{padding-top: 20px;} .TestimonialSection .UserReview{padding-top: 15px;} /* Contact Form Section */ .ContactForm input[type="submit"] { width: 100%;max-width: 100%;} .ContactForm .gform_footer.top_label { width: auto !important; } .BannerSection .BannerTitle br { display: none; } .BannerSection .BannerTitle h1 { line-height: 1.5;} .BannerSection { padding-top: 150px;} .BannerSection { padding-top: 150px;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{margin-bottom:0px !important;} /* Blog Page */ .BlogSection .Blog_Post_Title { font-size: 18px;} .Blog_Recent_Post .Blog_Post_Title {font-size: 22px;} .Latest_Post_Listing.pt65 { padding-top: 40px;} .BlogSection .Blog_Pagination { padding-top: 40px;} .Blog_Sidebar .Latest_PostBox { padding: 15px 10px 15px; } .widget_categories .Latest_PostBox li.cat-item{ padding: 15px 10px;} .blog .BannerSection .wrapper{height:350px;} /* Footer Section */ .FooterSection span.FooterIcon { width: 30px; padding-right: 0px; } .FooterSection .FooterBox .ContactBox span { padding-right: 0px; margin-right: -4px;} .FooterSection span.Footer_IconContent { width: calc(100% - 30px);} .FooterSection .Footer_LinkBox:last-child{padding-bottom: 0px;} .FooterSection .NavTitle { padding-bottom: 10px;} .FooterSection .Footer_LinkBox { padding-bottom: 15px;} .FooterSection .Contact_ParentBox iframe{height:300px} } .smc_icon_container a { margin-right:12px; } .Testimonail_DeatilBox blockquote { margin-left: 0; margin-right: 0; }