/*
Theme Name: Sanderson Child
Version: 1.0
Template: sandersonpass
*/


/* Blue = #006ee0 */


/* MISC */

* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.av-main-nav > li > a, div #menu-item-shop.cart_dropdown {
    transition: none;
}

.av_header_transparency .av-main-nav > li > a, 
.av_header_transparency #menu-item-shop.cart_dropdown {
    -webkit-transition: none;
    transition: none;
}

a#scroll-top-link {
    border-radius: 200px;
    border: none!important;
    background-color: #006ee0;
    opacity: 1!important;
    color: #fff;
    animation: avia-btt 2.5s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}


/* HEADER */

#header_main span.logo a img {
    height: 50%;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    animation: avia-ttb 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#header_main nav.main_menu {
    animation: avia-ttb 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#header_main nav.main_menu ul li a {
    font-size: 16px;
    font-weight: 400;
    opacity: 1!important;
}

#header_main nav.main_menu ul li a:hover {
    color: #fff;
    border-bottom: 1px solid #006edf;
}

#header_main nav.main_menu ul li ul.sub-menu li a:hover {
    border-bottom: none;
    color: #006edf!important;
}

#header_main nav.main_menu ul li ul.sub-menu li a {
    border: none!important;
}

#header #header_main nav.main_menu ul li ul.children {
    border-top: 2px solid #006edf!important;
}

#header #header_main nav.main_menu ul li ul.children li a {
    border: none!important;
}

.header_color .main_menu ul:first-child > li.current-menu-item > a {
    color: #fff;
    border-bottom: 1px solid #006edf;
}




/* HP HERO */

#hp-hero {
    padding: 200px 0 525px 0;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 84%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 84%);
    margin-bottom: -25%;
}

#hp-hero h1 {
    font-size: 80px;
    line-height: 78px;
    text-transform: none;
    color: #fff;
    letter-spacing: -0.01em;
    width: 70%;
    margin-bottom: 5%;
    animation: avia-ltr 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#hp-hero h2 {
    font-weight: 400;
    text-transform: none;
    line-height: 34px;
    color: rgb(255 255 255 / 60%);
    font-size: 25px;
    letter-spacing: -0.01em;
    width: 70%;
    margin-bottom: 5%;
    animation: avia-ltr 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#hp-hero p a {
    font-size: 21px;
    line-height: 21px;
    background: #006ee0;
    border: 2px solid #006ee0;
    color: #fff;
    padding: 16px 28px;
    display: inline-block;
    margin-right: 15px;
    animation: avia-ltr 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#hp-hero p a:nth-of-type(2) {
    background: transparent;
    border: 2px solid #fff;
    margin-right: 0;
    animation: avia-ltr 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#hp-hero p a:hover {
    text-decoration: none;
}

#hp-hero p a:nth-of-type(1):hover {
    background: #fff;
    color: #006ee0;
    border: 2px solid #fff;
}

#hp-hero p a:nth-of-type(2):hover {
    border: 2px solid #006ee0;
}





/* HP CONTENT */

#hp-products {
    background-color: #F2F3F5;
}

#hp-products .product {
    margin: 0 3.5% 3.5% 0;
    background: #fff;
    box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
    border: solid 10px #fff;
    transition: all ease 400ms;
    box-sizing: border-box;
    padding: 0 36px 26px 36px;
}

#hp-products .product:hover {
    border: solid 10px #006edf;
}

#hp-products .product img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#hp-products .product:nth-of-type(3),
#hp-products .product:nth-of-type(6) {
	margin-right: 0;
}

#hp-products .product h2 {
    color: #006ee0;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    text-transform: none;
    letter-spacing: -0.01em;
}

#hp-products .product p {
	color: #9194AB;
	font-size: 16px;
	line-height: 24px;
}

#hp-products .av-flex-placeholder {
    display: table-cell;
    width: 4%;
}

#hp-learn-how {
    width: 100%;
    margin: 0 auto;
    float: left;
    margin-bottom: 15%;
}

#hp-learn-how .learn-how-img {
    position: absolute;
    right: 38%;
    z-index: -1;
    width: 100%;
}
	
#hp-learn-how .learn-how-cta {
/*     width: 54%; */
    background: #fff;
    float: right;
	margin: -20px 0 60px 0;
    padding: 45px 120px 45px 50px;
    box-sizing: border-box;
    box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
}

#hp-learn-how .learn-how-cta h2 {
    color: #24304A;
    font-size: 44px;
    line-height: 48px;
    text-transform: none;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}

#hp-learn-how .learn-how-cta p {
    font-size: 22px;
    line-height: 33px;
    color: #9194AB;
}

#hp-learn-how .learn-how-cta p a {
    background: #006ee0;
    padding: 11px 20px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    margin-top: 15px;
    position: absolute;
}

#hp-learn-how .learn-how-cta p a:after {
    content: '\f178';
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-left: 20px;
}

#hp-blue-background {
    -webkit-clip-path: polygon(0 26%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 26%, 100% 0, 100% 100%, 0% 100%);
    padding: 20% 0;
    margin-top: -28%;
    background: url('https://hosting.acscreativedev.com/~sandersonpass/wp-content/uploads/2021/10/couplings-on-blue-background.jpg') #1271c6 center center;
    background-size: cover;
}

#hp-two-blocks {
    background-color: #f2f3f5;
}

#hp-two-blocks .hp-two-block:nth-of-type(1) {
    background: url('https://hosting.acscreativedev.com/~sandersonpass/wp-content/uploads/2021/10/pass-pneumatic-actuator.jpg') no-repeat center center;
    background-size: cover;
    padding: 25% 15% 3% 3%;
    box-shadow: 0 20px 40px rgb(0 0 0 / 10%);
}

#hp-two-blocks .hp-two-block:nth-of-type(3) {
    background: url('https://hosting.acscreativedev.com/~sandersonpass/wp-content/uploads/2021/10/busy-office-overhead.jpg') no-repeat center center;
    background-size: cover;
    padding: 25% 15% 3% 3%;
    box-shadow: 0 20px 40px rgb(0 0 0 / 10%);
}

#hp-two-blocks .hp-two-block h2 {
    font-size: 24px;
    line-height: 28px;
    text-transform: none;
    letter-spacing: -0.01em;
    color: #006ee0;
    background: #fff;
    display: inline-block;
    padding: 2% 4% 1% 4%;
    margin: 0;
}

#hp-two-blocks .hp-two-block p {
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    letter-spacing: -0.01em;
    color: #9194AB;
    background: #fff;
    padding: 2% 4% 4% 4%;
    display: inline-block;
    margin: 0;
}

#hp-two-blocks .av-flex-placeholder {
    display: table-cell;
    width: 4%;
}





/* INTERIORS --*/

body.page #main {
    background: #f2f3f5;
}

body.page .header_color .main_menu ul:first-child > li > a {
    color: rgb(255 255 255 / 75%);
}

body.page .header_color .main_menu ul:first-child > li.current-menu-item > a {
    color: #fff;
}

#int-hero {
    padding-top: 100px;
    padding-bottom: 65px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 75%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 75%);
    background-size: cover;
}

#int-hero h1 {
    font-size: 60px;
    line-height: 60px;
    text-transform: none;
    color: #fff;
    letter-spacing: -0.01em;
    margin-bottom: 40px;
    animation: avia-ltr 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#int-content  {
    background-color: #F2F3F5;
}

#int-content .breadcrumb {
	animation: avia-rtl 1.2s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#int-content .breadcrumb span {
    color: #565F74;
}

#int-content span.trail-before {
    margin: 0;
    padding: 0;
}

#int-content span.breadcrumb-title {
    display: none;
}

#int-content a.trail-begin {
    padding-left: 0;
}

#int-content .breadcrumb .sep {
    margin-right: 2px;
}

#int-content h2 {
    color: #58a2e6;
    font-size: 40px;
    line-height: 46px;
    text-transform: none;
    letter-spacing: -0.01em;
    margin-bottom: 40px;
}

#int-content h3 {
    color: #788090;
    font-size: 25px;
    line-height: 36px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: -0.01em;
    margin-bottom: 40px;
}

#int-content .product {
    margin: 0 3.5% 3.5% 0;
    background: #fff;
    box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
    border: solid 10px #fff;
    transition: all ease 400ms;
    box-sizing: border-box;
    padding: 0 36px 26px 36px;
}

#int-content .product:hover {
    border: solid 10px #006edf;
}

#int-content .product img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#int-content .product:nth-of-type(3),
#int-content .product:nth-of-type(6) {
	margin-right: 0;
}

#int-content .product h2 {
    color: #006ee0;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    text-transform: none;
    letter-spacing: -0.01em;
}

#int-content h3 a {
    border-bottom: #006ede solid 2px;
}

#int-content .product p {
	color: #9194AB;
	font-size: 16px;
	line-height: 24px;
}

#int-content .av-flex-placeholder {
    display: table-cell;
    width: 4%;
}

#product-col-one {
    padding-right: 30px;
    padding-top: 6px;
}

#product-col-one #product-image {
    box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
    margin-bottom: 60px;
}

#product-col-one .product-links,
#interior-col-one .product-links,
#interior-col-two .product-links {
    margin-bottom: 90px;
}

#product-col-one .product-links p a,
#interior-col-one .product-links p a,
#interior-col-two .product-links p a {
    background: #006edf;
    color: #fff;
    font-size: 21px;
    line-height: 21px;
    display: block;
    text-align: center;
    padding: 18px 0;
    margin-bottom: 30px;
}

#product-col-one .product-links p:nth-of-type(2) a,
#interior-col-one .product-links p:nth-of-type(2) a,
#interior-col-two .product-links p:nth-of-type(2) a {
    background: #24304A;
    margin-bottom: 0;
}


#product-col-one h6,
#interior-col-one h6,
#interior-col-two h6 {
    color: #576175;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}



#product-col-two h2,
#interior-col-one h2,
#interior-col-two h2 {
    margin-bottom: 15px;
}

#product-col-two h5,
#interior-col-one h5,
#interior-col-two h5 {
    color: #24304A;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
}

#product-col-two h3,
#interior-col-one h3,
#interior-col-two h3 {
    font-weight: bold;
    font-size: 20px;
    color: #494f5a;
    line-height: 30px;
    margin-bottom: 4px;
}

#product-col-two h4,
#interior-col-one h4,
#interior-col-two h4 {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #566074;
    text-transform: uppercase;
}

#product-col-two h4:before,
#interior-col-one h4:before,
#interior-col-two h4:before {
    content: ' ';
    border-top: solid #C1C2D0 1px;
    display: block;
    padding-top: 15px;
    margin-top: 60px;
}

#product-col-two p,
#product-col-two li,
#interior-col-one p,
#interior-col-one li,
#interior-col-two p,
#interior-col-two li {
    color: #566074;
    font-size: 18px;
    line-height: 28px;
    margin-top: 0;
}

#product-col-two ul,
#interior-col-one ul,
#interior-col-two ul {
    margin-bottom: 30px;
}

#product-col-two .related-product {
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 31px;
    display: inline-block;
    width: 100%;
    box-shadow: 0 20px 40px rgb(0 0 0 / 3%);
    border: solid 6px transparent;
    transition: ease 300ms all;
}

#product-col-two .related-product:hover {
    border: solid 6px #006edf;
    cursor: pointer;
}

#product-col-two .related-product h2 {
    color: #0068C4;
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 10px 0;
    padding-top: 26px;
    width: 90%;
}

#product-col-two .related-product p {
    color: #9194AB;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    width: 90%;
}

#product-col-two .related-product img {
    width: 135px;
    padding: 10px;
    margin: 0 20px 0 0;
}



/* FORMS */

#int-content form input,
#int-content form textarea {
    border: 1px solid #ddd!important;
    box-shadow: 0 5px 10px rgb(0 0 0 / 7%);
    height: 60px;
    color: #23304a!important;
    font-size: 18px!important;
    padding-left: 10px!important;
    line-height: 18px!important;
}

#int-content form textarea {
	height: inherit;
}

#int-content form .gfield_checkbox input {
    border: none!important;
    box-shadow: none!important;
    height: inherit;
}

#int-content form label,
legend.gfield_label.gfield_label_before_complex {
    font-size: 16px;
    font-weight: 500!important;
    color: rgb(86 96 115 / 66%);
    margin: 0;
}

#int-content form .gfield_checkbox label {
    font-size: 14px;
    font-weight: 500;
    color: rgb(35 48 74);
    vertical-align: middle;
    line-height: 16px;
}

.gsection {
    border: none!important;
}

#int-content form input[type="submit"] {
    background: #006ede;
    color: #fff!important;
    padding: 0 60px!important;
    display: inline-block;
    border: none!important;
    margin-top: 40px;
    font-size: 22px!important;
}




/* FOOTER */

#footer-page {
    border: none;
}

#footer {
    -webkit-clip-path: polygon(0 0%, 100% 11%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0%, 100% 11%, 100% 100%, 0% 100%);
    padding: 10% 0 0 0;
    margin-top: -8%;
    background-size: cover;
}

#footer #footer-col-one {
    padding-right: 2%;
}

#footer #footer-col-one .footer-logo img {
    height: 50%;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}

#footer-col-two h2,
#footer-col-three h2 {
    color: #006ee0;
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    letter-spacing: -0.01em;
}

#footer-col-two p,
#footer-col-three p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    text-transform: none;
    letter-spacing: -0.01em;
    margin-bottom: 14px;
}

#footer-col-two p a {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    text-transform: none;
    letter-spacing: -0.01em;
    margin-top: 40px;
    font-weight: 600;
    display: inline-block;
    color: #006ee0;
}

#footer-col-two p a:after {
    content: '\f178';
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-left: 20px;
}

#footer-col-three {
    padding-left: 4%;
}

#footer-col-three p a {
    color: #006ee0;
}

#footer .copyright {
    margin-top: 60px;
    animation: avia-btt 2.5s 1 cubic-bezier(0.65, 0.240, 0.10, 1.000);
}

#footer .copyright p {
    color: #fff;
}

#footer .copyright p a:before {
    content: '\f08c';
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 20px;
    vertical-align: top;
    margin-right: 8px;
    color: #0067c4;
}

#footer .copyright p a span {
    display: none;
}




@media (max-width: 900px) {
	
/* 	#hp-learn-how .learn-how-cta {
    	width: 100%;
        margin: -20px 0 60px 0;
	} */

	#hp-learn-how .learn-how-img {
    	right: 0;
        position: relative;
	}

}



@media (max-width: 767px) {
	.responsive .logo img {
    max-width: 220px;
    max-height: 80px;
}

	
@media (min-width: 767px) {	
	#hp-learn-how .learn-how-cta {
    	width: 54%;
		margin: 100px 0 60px 0;
	}
}

#hp-hero h1 {
    font-size: 60px;
    line-height: 64px;
    width: 100%;
}

#hp-hero h2 {
    width: 100%;
}

#hp-two-blocks .hp-two-block:nth-of-type(1),
#hp-two-blocks .hp-two-block:nth-of-type(3) {
    padding: 50% 15% 3% 3%;
}

#hp-two-blocks .hp-two-block:nth-of-type(1) {
	margin-bottom: 10%!important;
}
    

}