/*   
Theme Name: Tolley's Pressure Washing
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "halyard-text", Helvetica, Arial, sans-serif; font-weight: 200;}

a{ color: #1dc1dd;}
a:hover, a:focus{ color: #092f57;}
.button, button{ -webkit-appearance: none; display: inline-block; font-family: "halyard-display", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: .075em; font-weight: 700; padding: 20px 40px; border-radius: 1000px; text-decoration: none; color: #092f57; background-color: #efde3d; border: none;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #1dc1dd; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .3s ease 0s;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-family: "halyard-display", Helvetica, Arial, sans-serif; font-weight: 600; color: #092f57;}
h1{ font-size: 48px;}
h2{ font-size: 36px;}
h3{ font-size: 21px;}
h4{ font-size: 18px;}
h5{ font-size: 16px;}
h6{ font-size: 14px;}
.lede{ font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: .2em; color: #092f57;}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header .container{ justify-content: space-between; position: relative; align-items: center; width: 100%; max-width: 100%; position: relative;}
.header .logo{ max-width: 200px; margin: 10px 0;}
.header .nav{ font-size: 18px; font-family: "halyard-display", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: .025em; margin-left: 30px;}
.header .nav li{ margin-right: 30px; display: flex; align-items: center;}
.header .nav li:nth-last-of-type(1){ margin-right: 0;}
.header .nav li a{ color: #092f57;}
.header .nav li:hover > a{ color: #1dc1dd;}
.header .nav li.menu-item-has-children:after{ content: "\f0d7"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; font-size: 10px; margin: 2px 0 0 5px; color: #1dc1dd;}
.header .nav .sub-menu{ font-size: 16px; font-family: "halyard-text", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: 0; background-color: #fff; left: -8px; padding-bottom: 5px; z-index: 3;}
.header .nav .sub-menu li{ width: 250px;}
.header .nav .sub-menu li a{ padding: 5px 8px;}
.header .logo{ margin-left: -25%;}
.header .header-cta{ font-size: 16px; line-height: 16px; color: #fff; font-family: "halyard-display", Helvetica, Arial, sans-serif; text-decoration: none; padding: 75px 35px; background-color: #1dc1dd; letter-spacing: .05em;}
.header .header-cta:hover{ background-color: #092f57;}

.content{ color: #333; font-size: 16px; line-height: 26px;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.footer{ background-color: #092f57; padding: 60px 0 70px; position: relative; color: #fff; font-size: 14px;}
.footer:before{ content: ""; width: 100%; height: 10px; background-color: #1dc1dd; display: block; border-bottom: 4px solid #fff; position: absolute; top: 0; left: 0;}
.footer .container{ justify-content: space-between;}
.footer .footer-heading{ font-family: "halyard-display", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 10px;}
.footer a{ color: #fff; text-decoration: none;}
.footer a:hover{ color: #1dc1dd;}
.footer img{ max-width: 150px;}
.footer .footer-left{ display: flex;}
.footer .branding{ margin-right: 60px; text-align: center;}
.footer .address{ margin-top: 40px;}
.footer .email{ margin: 10px 0;}
.footer .footer-right{ text-align: right;}
.footer .footer-right ul{ margin-bottom: 40px; display: flex; font-size: 30px; align-items: center; justify-content: flex-end;}
.footer .footer-right ul li a{ width: 30px; height: 30px; margin-left: 20px; display: flex; align-items: center; justify-content: center;}
.footer .footer-right ul li a:hover{ color: #fff;}
.footer .footer-right img{ max-height: 30px; width: auto;}
.footer .credit a{ color: #647b90; font-size: 12px;}
.footer .credit a:hover{ color: #fff;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Homepage */

.home .hero{ text-align: center; height: 500px; width: 100%; background-image: url(images/hero.jpg); background-size: cover; display: flex; align-items: center; justify-content: center; background-repeat: repeat-x; flex-direction: column; background-position: top left;}
.home .hero h1{ font-weight: 900; font-size: 48px; line-height: 48px; margin: -50px 0 50px;}
.home .hero h1 span{ display: block; color: #1dc1dd;}
.home .hero .button{ position: relative; display: inline-block; font-family: "halyard-display", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: .075em; font-weight: 700; padding: 20px 40px; border-radius: 1000px; text-decoration: none; color: #0c1c2c; background: linear-gradient(to bottom, #fdf35b, #efde3d); border: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); z-index: 1; overflow: hidden; transition: transform 0.2s ease-in-out; border: 3px solid #fff; text-shadow: -1px -1px 0 #fbf9da;}
.home .hero .button::before{ content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 3px; border-radius: 1000px; background: linear-gradient(to bottom, #fff8a6, #ffeb3b); z-index: -1; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.6), inset 0 -2px 4px rgba(0, 0, 0, 0.1); opacity: .7;}
.home .hero .button::after{ content: ""; position: absolute; inset: 0; border-radius: 1000px; border: 2px solid rgba(255, 255, 255, 0.5); z-index: -2; box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);}
.home .hero .button:hover{ transform: scale(1.02); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); text-shadow: -1px -1px 0 #fff;}

.home .home-gallery{ overflow-x: hidden; margin-top: -100px;}
.home .home-gallery .single-image{ background-size: cover; background-position: center center; border-radius: 20px;}
.home .home-gallery .single-image:after{ content: ""; padding-bottom: 65%; display: block;}
.home .home-gallery .slick-list{ margin: 0px -10px;}
.home .home-gallery .slick-slide{ margin: 0 10px;}

.home .testimonials{ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,246,251,1) 100%); margin-top: 100px; padding-bottom: 150px; position: relative; overflow-x: hidden;}
.home .testimonials .testimonial-intro{ width: 97.5%; margin-left: 2.5%;}
.home .testimonials .testimonial-intro .testimonial-intro-content{ width: 65%; font-size: 18px; line-height: 26px;}
.home .testimonials .testimonials-carousel{ margin-top: 50px; box-sizing: content-box; width: calc(97.5% + 20px); margin-left: calc(2.5% - 20px);}
.home .testimonials .testimonials-carousel .slick-track{ display: flex;}
.home .testimonials .testimonial-carousel .slick-list{ margin: 0 -20px;}
.home .testimonials .testimonials-carousel .slick-slide{ height: auto; margin: 0 20px;}
.home .testimonials .single-testimonial .stars{ height: 24px; margin-bottom: 20px; color: #efde3d;}
.home .testimonials .single-testimonial{ background-color: #fff; border-radius: 20px; padding: 40px 40px 80px; font-size: 14px; line-height: 24px; position: relative;}
.home .testimonials .single-testimonial .quote-source{ font-weight: 500; position: absolute; left: 40px; bottom: 40px;}

.home .testimonials .slick-arrow{ width: 60px; height: 60px; background-size: cover; background-position: center center; z-index: 2; top: -70px;}
.home .testimonials .slick-next{ background-image: url(images/right.png); right: 2.5% !important;}
.home .testimonials .slick-prev{ background-image: url(images/left.png); right: calc(80px + 2.5%) !important; left: auto;}
.home .testimonials .slick-arrow::before{ display: none !important;}

.home .services{ position: relative; z-index: 1; width: 95%; margin: -90px auto 0;}
.home .services .service-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 60px;}
.home .services .service-grid .single-service{ padding: 40px 30px; color: #fff; font-size: 16px; line-height: 24px; border-radius: 20px;}
.home .services .service-grid h2{ color: #fff; font-size: 24px; line-height: 24px;}
.home .services .service-grid .single-service:nth-of-type(1){ background-color: #092f57;}
.home .services .service-grid .single-service:nth-of-type(2){ background-color: #1dc1dd;}
.home .services .service-grid .button{ margin-top: 30px; background-color: #fff;}
.home .services .service-grid .button:hover{ color: #092f57; background-color: #efde3d;}
.home .services .single-service ul{ margin-left: 18px;}
.home .services .single-service ul li::marker{ color: #efde3d;}

.home .cta{ text-align: center; padding: 100px 0;}
.home .cta h2{ font-size: 48px; line-height: 48px; font-weight: 900; margin: 30px 0;}
.home .cta h2 span{ display: block; color: #1dc1dd;}
.home .cta .button{ margin-top: 40px;}


/* Flex */

.flex .hero{ background-size: cover; background-position: center center; position: relative; margin-bottom: 80px;}
.flex .hero:after{ content: ""; padding-bottom: 30%; display: block;}
.flex .hero .hero-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(43,63,81,0.95) 0%,rgba(43,63,81,0.95) 25%,rgba(43,63,81,0) 100%); display: flex; align-items: center; color: #fff;}
.flex .hero .hero-container h1{ color: #fff; font-size: 48px; line-height: 52px; margin-top: 15px;}
.flex .hero .lede{ color: #efde3d;}
.flex .hero .hero-content{ width: 50%;}

.flex .page-section{ margin-bottom: 80px;}

.flex .columns-container .columns-intro{ width: 65%;}
.flex .columns-container .columns{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 40px;}
.flex .columns-container .single-column{ padding: 40px; border-radius: 30px; background-color: #f0fafd;}
.flex .columns-container .single-column .column-icon{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.flex .columns-container .single-column h3{ font-size: 21px;}
.flex .columns-container .single-column p{ margin: 0;}

.flex .callout-container .single-callout{ display: flex; align-items: center; justify-content: space-between;}
.flex .callout-container .single-callout .callout-content, .flex .callout-container .single-callout .callout-visual{ width: 46%;}
.flex .callout-container .single-callout:nth-of-type(even){ flex-direction: row-reverse;}
.flex .callout-container .single-callout .callout-visual{ background-size: cover; background-position: center center; border-radius: 20px;}
.flex .callout-container .single-callout .callout-visual:after{ content: ""; padding-bottom: 90%; display: block;}
.flex .callout-container .single-callout .lede{ font-size: 14px; color: #1dc1dd; margin-bottom: 20px;}
.flex .callout-container .single-callout .button{ margin-top: 30px;}

.flex .gallery-container .gallery-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;}
.flex .gallery-container .gallery-grid .single-image{ background-size: cover; background-position: center center; position: relative;}
.flex .gallery-container .gallery-grid .single-image:after{ content: ""; padding-bottom: 100%; display: block;}
.flex .gallery-container .gallery-grid .single-image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.flex .basic-container .wrapper{ max-width: 960px; font-size: 16px; line-height: 26px;}

.flex .cta-container{ text-align: center; padding: 100px 0; background: linear-gradient(to bottom,  rgba(226,246,251,1) 0%,rgba(255,255,255,1) 100%); margin-bottom: 0 !important;}
.flex .cta-container .wrapper{ max-width: 800px;}
.flex .cta-container h2{ font-size: 48px; line-height: 48px; font-weight: 900; margin: 30px 0;}
.flex .cta-container h2 span{ display: block; color: #1dc1dd;}
.flex .cta-container .button{ margin-top: 40px;}

.flex .logo-carousel .single-logo{ display: flex; align-items: center; justify-content: center;}
.flex .logo-carousel .single-logo:after{ content: ""; display: block; padding-bottom: 75%;}
.flex .logo-carousel .single-logo img{ max-width: 200px; max-height: 150px; height: auto; width: auto;}


/* Media queries */

@media (max-width: 960px) {
	.header{ padding: 30px 0;}
	.header .nav, .header .header-cta{ display: none;}
	.header .logo{ margin: 0;}
	.header .container{ justify-content: center;}
	.flex .hero:after{ padding-bottom: 56.25%;}
	.flex .hero .hero-content{ width: 75%;}
	.flex .gallery-container .gallery-grid{ grid-template-columns: repeat(3,1fr);}
	.flex .callout-container .single-callout{ flex-direction: column !important; margin-bottom: 60px;}
	.flex .callout-container .single-callout .callout-content, .flex .callout-container .single-callout .callout-visual{ width: 100%;}
	.flex .callout-container .single-callout .callout-visual{ margin-bottom: 20px;}
	.flex .callout-container .single-callout .callout-visual:after{ padding-bottom: 56.25%;}
	.flex .columns-container .columns-intro{ width: 100%;}
	.flex .columns-container .columns{ grid-template-columns: repeat(1,1fr);}
	.footer .container, .footer .footer-left{ flex-direction: column; text-align: center;}
	.footer .branding{ margin: 0 0 30px;}
	.footer .footer-right{ text-align: center;}
	.footer .footer-right ul{ justify-content: center; margin-top: 30px;}
	.footer .footer-right ul li{ margin: 0 10px;}
	.footer .footer-right ul li a{ margin: 0;}
	.home .hero h1{ font-size: 42px; line-height: 42px;}
	.home .testimonials .testimonial-intro{ width: 100%; margin: 0; padding: 0 2.5% 100px; box-sizing: border-box;}
	.home .testimonials .testimonial-intro .testimonial-intro-content{ width: 100%; text-align: center; margin: 0;}
	.home .testimonials .slick-arrow{ top: -70px;}
	.home .testimonials .slick-prev{ left: 30%; right: auto;}
	.home .testimonials .slick-next{ right: 30% !important;}
	.home .services .service-grid{ grid-template-columns: repeat(1,1fr); gap: 20px;}
}

@media (max-width: 800px) {
	.flex .hero:after{ padding-bottom: 100%;}
	.flex .gallery-container .gallery-grid{ grid-template-columns: repeat(2,1fr);}
	.flex .cta-container h2, .home .cta h2{ font-size: 36px; line-height: 36px;}
	.home .hero h1{ margin-top: -100px;}
	.flex .logo-carousel .single-logo img{ max-width: 100px; max-height: 75px;}
}