/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* GENERAL STYLES */

body, button, input, select, textarea {font-family: p22-underground,sans-serif;font-weight: 400;font-style: normal;}
.center {text-align:center;}
.italic {font-style: italic;}
.wpcf7-text, .wpcf7-submit {width: 100%;}
.dark-green-back {background-color: #1B312F;color: white;}
.dark-green-back a:link, .dark-green-back a:visited, .dark-green-back a:hover, .dark-green-back a:active {color: #FFFFFF;}
.dark-green {color: #1B312F;}
.footer-logo {max-width: 70px;}
.overlay-block {padding: 6% 4%;position: relative;background-color: #1b312f;margin-bottom: 0;color: white;}
.overlay-block::before {background: url(/wp-content/uploads/2021/02/aga-pic.jpg);background-size: cover;background-position: center center;content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.4;}
.overlay-block-content {position: relative;width: 100%;}
.home-banner-content h1 {color: #C1C1C1;font-size: 17px;letter-spacing: 4px;}
.home-banner-content h2 {color: white;text-transform: uppercase;letter-spacing: 4px;font-size: 30px;}
.transparant-btn {background-color:transparent !important;border:1px solid white;text-transform:uppercase;letter-spacing:2px;font-size: 12px;}
.expert-icon {max-height: 41px;margin-bottom: 10px;}
h3.expert-block {font-size: 23px;color: #C1C1C1;}
.page-hero {position:relative;}
.quality-icon {position: absolute;right: 75px;bottom: -30px;width: 185px;}
.popup-form {background-color: white;border: 1px solid gainsboro;font-size: 14px;}
.popup-form input {margin-bottom: 10px !important;width: 100%;}
.popup-form h3 {font-size:18px; text-transform:uppercase;letter-spacing:3px;}
.popup-form-cont {padding: 10px;}
.grey-btn {background-color: #E0E0E0 !important;color: #1B312F !important;text-align: center !important;font-size: 14px !important;font-weight: 600;}
.popuplogo {display: flex;justify-content: center;align-items: center;max-width: 240px;margin-top: -80px;margin-left: auto;margin-right: auto;margin-bottom: 13px;}
.testimonial-block {background-color: #EAE7E7;text-align: center;padding: 70px 20px 20px 20px;border: 6px solid white;margin-bottom: 30px;position: relative;}
.testimonial-quote {max-width: 80px;background-color: #1B312F;padding: 10px 28px;position: absolute;top: 0px;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.testimonial-block p {font-size: 15px;}
.testimonial-block h4 {text-transform: uppercase;font-weight: 600;font-size: 14px;margin-bottom: 0px;}
.fb-icon {background-color: white;border-radius: 50px;width: 36px;height: 36px;color: #1B312F;padding: 8px;font-size: 19px;margin-bottom: 10px;}

/* TESTIMONIALS START */
#testimonials-block {background-color: #efefef;text-align: center;padding: 60px 20px 70px 20px;}
#testimonials-slider, flexslider {margin: 0 0 0px;background: transparent;border: 0px;}
#testimonials-slider, flexslider li {font-size: 16px; font-weight:500; vertical-align: middle;}
.testimonial-name {font-family: proxima-nova, sans-serif;font-style: normal;font-size: 13px;font-weight: 600;margin-bottom:0px;text-transform: uppercase;margin-top: 15px;}
#testimonials-slider .flex-control-paging li a.flex-active {background: #5f5f5f;cursor: default;}
#testimonials-slider .flex-control-paging li a {background: #FFF;background: rgb(183 181 181 / 50%);box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);}
#testimonials-slider .flex-control-nav {z-index: 1;}
#testimonials-slider .flex-control-nav li {margin: 0 2px;}
#testimonials-slider .flex-control-paging li a {width: 7px;height: 7px;}
/* TESTIMONIALS END */

/* ACCORDION */
.accordion {max-width: 830px;margin: 0px auto 0px;list-style-type: none;}
.accordion li {position: relative;margin-bottom: 2px;}
.accordion li p {text-align: inherit;margin-bottom: 15px;}
.accordion a {width: 100%;display: block;cursor: pointer;/* line-height: 3; */text-indent: 0;user-select: none;font-size: 17px;background-color: #1B312F;color: white;text-align: left;padding: 8px;}
.accordion a.main-title:after {width: 10px;height: 10px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;position: absolute;right: 18px;content: " ";top: 19px;transform: rotate(-45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.accordion a.main-title.active:after{border-right:0 !important; border-left: 2px solid #ffffff;}
.accordion p {margin-top: 0;/* padding: 10px; */}
a.active:after {transform: rotate(45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.accordion-box {background-color: white;padding: 20px 0px;}
.accordion li .row{display:none;}
#product-info .main-title {font-weight: 400;padding: 13px;}

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {visibility: hidden !important;}

.width-100 {width:100%; margin-left: auto; margin-right: auto;}
.width-90 {width:90%; margin-left: auto; margin-right: auto;}
.width-80 {width:80%; margin-left: auto; margin-right: auto;}
.width-70 {width:70%; margin-left: auto; margin-right: auto;}
.width-60 {width:60%; margin-left: auto; margin-right: auto;}
.width-50 {width:50%; margin-left: auto; margin-right: auto;}
.width-40 {width:40%; margin-left: auto; margin-right: auto;}
.width-30 {width:30%; margin-left: auto; margin-right: auto;}
.width-20 {width:20%; margin-left: auto; margin-right: auto;}
.width-10 {width:10%; margin-left: auto; margin-right: auto;}
/* TOP MARGINS */
.top-mg-0 {margin-top: 0px !important;}
.top-mg-10 {margin-top: 10px !important;}
.top-mg-20 {margin-top: 20px !important;}
.top-mg-30 {margin-top: 30px !important;}
.top-mg-40 {margin-top: 40px !important;} 
.top-mg-50 {margin-top: 50px !important;}
.top-mg-60 {margin-top: 60px !important;}
.top-mg-70 {margin-top: 70px !important;}
.top-mg-80 {margin-top: 80px !important;}
.top-mg-90 {margin-top: 90px !important;}
.top-mg-100 {margin-top: 100px !important;}
/* BOTTOM MARGINS */
.bottom-mg-0 {margin-bottom: 0px !important;}
.bottom-mg-10 {margin-bottom: 10px !important;}
.bottom-mg-20 {margin-bottom: 20px !important;}
.bottom-mg-30 {margin-bottom: 30px !important;}
.bottom-mg-40 {margin-bottom: 40px !important;} 
.bottom-mg-50 {margin-bottom: 50px !important;}
.bottom-mg-60 {margin-bottom: 60px !important;}
.bottom-mg-70 {margin-bottom: 70px !important;}
.bottom-mg-80 {margin-bottom: 80px !important;}
.bottom-mg-90 {margin-bottom: 90px !important;}
.bottom-mg-100 {margin-bottom: 100px !important;}
/* SECTION PAD TOP AND BOTTOM */
.sec-pad-t-b-1 {padding: 1% 0;}
.sec-pad-t-b-2 {padding: 2% 0;}
.sec-pad-t-b-3 {padding: 3% 0;}
.sec-pad-t-b-4 {padding: 4% 0;}
.sec-pad-t-b-5 {padding: 5% 0;}
.sec-pad-t-b-6 {padding: 6% 0;}
.sec-pad-t-b-7 {padding: 7% 0;}
.sec-pad-t-b-8 {padding: 8% 0;}
.sec-pad-t-b-9 {padding: 9% 0;}
.sec-pad-t-b-10 {padding: 10% 0;}
/* SECTION PAD TOP */
.sec-pad-t-1 {padding-top: 1%;}
.sec-pad-t-2 {padding-top: 2%;}
.sec-pad-t-3 {padding-top: 3%;}
.sec-pad-t-4 {padding-top: 4%;}
.sec-pad-t-5 {padding-top: 5%;}
.sec-pad-t-6 {padding-top: 6%;}
.sec-pad-t-7 {padding-top: 7%;}
.sec-pad-t-8 {padding-top: 8%;}
.sec-pad-t-9 {padding-top: 9%;}
.sec-pad-t-10 {padding-top: 10%;}
/* SECTION PAD BOTTOM  */
.sec-pad-b-1 {padding-bottom: 1%;}
.sec-pad-b-2 {padding-bottom: 2%;}
.sec-pad-b-3 {padding-bottom: 3%;}
.sec-pad-b-4 {padding-bottom: 4%;}
.sec-pad-b-5 {padding-bottom: 5%;}
.sec-pad-b-6 {padding-bottom: 6%;}
.sec-pad-b-7 {padding-bottom: 7%;}
.sec-pad-b-8{padding-bottom: 8%;}
.sec-pad-b-9 {padding-bottom: 9%;}
.sec-pad-b-10 {padding-bottom: 10%;}

@media (min-width: 1025px) {
/* CSS in here for desktop only */
.width-100-desktop {width:100%; margin-left: auto; margin-right: auto;}
.width-90-desktop {width:90%; margin-left: auto; margin-right: auto;}
.width-80-desktop {width:80%; margin-left: auto; margin-right: auto;}
.width-70-desktop {width:70%; margin-left: auto; margin-right: auto;}
.width-60-desktop {width:60%; margin-left: auto; margin-right: auto;}
.width-50-desktop {width:50%; margin-left: auto; margin-right: auto;}
.width-40-desktop {width:40%; margin-left: auto; margin-right: auto;}
.width-30-desktop {width:30%; margin-left: auto; margin-right: auto;}
.width-20-desktop {width:20%; margin-left: auto; margin-right: auto;}
.width-10-desktop {width:10%; margin-left: auto; margin-right: auto;}
/* TOP MARGINS desktop only */
.top-mg-0-desktop {margin-top: 0px !important;}
.top-mg-10-desktop {margin-top: 10px !important;}
.top-mg-20-desktop {margin-top: 20px !important;}
.top-mg-30-desktop {margin-top: 30px !important;}
.top-mg-40-desktop {margin-top: 40px !important;} 
.top-mg-50-desktop {margin-top: 50px !important;}
.top-mg-60-desktop {margin-top: 60px !important;}
.top-mg-70-desktop {margin-top: 70px !important;}
.top-mg-80-desktop {margin-top: 80px !important;}
.top-mg-90-desktop {margin-top: 90px !important;}
.top-mg-100-desktop {margin-top: 100px !important;}
/* BOTTOM MARGINS desktop only */
.bottom-mg-0-desktop {margin-bottom: 0px !important;}
.bottom-mg-10-desktop {margin-bottom: 10px !important;}
.bottom-mg-20-desktop {margin-bottom: 20px !important;}
.bottom-mg-30-desktop {margin-bottom: 30px !important;}
.bottom-mg-40-desktop {margin-bottom: 40px !important;} 
.bottom-mg-50-desktop {margin-bottom: 50px !important;}
.bottom-mg-60-desktop {margin-bottom: 60px !important;}
.bottom-mg-70-desktop {margin-bottom: 70px !important;}
.bottom-mg-80-desktop {margin-bottom: 80px !important;}
.bottom-mg-90-desktop {margin-bottom: 90px !important;}
.bottom-mg-100-desktop {margin-bottom: 100px !important;}
/* SECTION PAD TOP AND BOTTOM desktop only */
.sec-pad-t-b-1-desktop {padding: 1% 0;}
.sec-pad-t-b-2-desktop {padding: 2% 0;}
.sec-pad-t-b-3-desktop {padding: 3% 0;}
.sec-pad-t-b-4-desktop {padding: 4% 0;}
.sec-pad-t-b-5-desktop {padding: 5% 0;}
.sec-pad-t-b-6-desktop {padding: 6% 0;}
.sec-pad-t-b-7-desktop {padding: 7% 0;}
.sec-pad-t-b-8-desktop {padding: 8% 0;}
.sec-pad-t-b-9-desktop {padding: 9% 0;}
.sec-pad-t-b-10-desktop {padding: 10% 0;}
/* SECTION PAD TOP desktop only */
.sec-pad-t-1-desktop {padding-top: 1%;}
.sec-pad-t-2-desktop {padding-top: 2%;}
.sec-pad-t-3-desktop {padding-top: 3%;}
.sec-pad-t-4-desktop {padding-top: 4%;}
.sec-pad-t-5-desktop {padding-top: 5%;}
.sec-pad-t-6-desktop {padding-top: 6%;}
.sec-pad-t-7-desktop {padding-top: 7%;}
.sec-pad-t-8-desktop {padding-top: 8%;}
.sec-pad-t-9-desktop {padding-top: 9%;}
.sec-pad-t-10-desktop {padding-top: 10%;}
/* SECTION PAD BOTTOM desktop only */
.sec-pad-b-1-desktop {padding-bottom: 1%;}
.sec-pad-b-2-desktop {padding-bottom: 2%;}
.sec-pad-b-3-desktop {padding-bottom: 3%;}
.sec-pad-b-4-desktop {padding-bottom: 4%;}
.sec-pad-b-5-desktop {padding-bottom: 5%;}
.sec-pad-b-6-desktop {padding-bottom: 6%;}
.sec-pad-b-7-desktop {padding-bottom: 7%;}
.sec-pad-b-8-desktop {padding-bottom: 8%;}
.sec-pad-b-9-desktop {padding-bottom: 9%;}
.sec-pad-b-10-desktop {padding-bottom: 10%;}
.wp-block-columns.w-two-one .wp-block-column {flex-basis: 30% !Important;}
.wp-block-columns.w-two-one .wp-block-column:first-child {flex-basis: 70% !Important;}
.flex-49-desktop {flex: 49%; margin-right: 1%;}
.flex-50-desktop {flex: 50%;}

}

@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
.width-100-tablet {width:100%; margin-left: auto; margin-right: auto;}
.width-90-tablet {width:90%; margin-left: auto; margin-right: auto;}
.width-80-tablet {width:80%; margin-left: auto; margin-right: auto;}
.width-70-tablet {width:70%; margin-left: auto; margin-right: auto;}
.width-60-tablet {width:60%; margin-left: auto; margin-right: auto;}
.width-50-tablet {width:50%; margin-left: auto; margin-right: auto;}
.width-40-tablet {width:40%; margin-left: auto; margin-right: auto;}
.width-30-tablet {width:30%; margin-left: auto; margin-right: auto;}
}

@media (max-width: 768px) {
/* CSS in here for mobile only */
.width-100-mobile {width:100%; margin-left: auto; margin-right: auto;}
.width-90-mobile {width:90%; margin-left: auto; margin-right: auto;}
.width-80-mobile {width:80%; margin-left: auto; margin-right: auto;}
.width-70-mobile {width:70%; margin-left: auto; margin-right: auto;}
.width-60-mobile {width:60%; margin-left: auto; margin-right: auto;}
.width-50-mobile {width:50%; margin-left: auto; margin-right: auto;}
.width-40-mobile {width:40%; margin-left: auto; margin-right: auto;}
.width-30-mobile {width:30%; margin-left: auto; margin-right: auto;}
.width-20-mobile {width:20%; margin-left: auto; margin-right: auto;}
.width-10-mobile {width:10%; margin-left: auto; margin-right: auto;}
/* TOP MARGINS mobile only */
.top-mg-0-mobile {margin-top: 0px !important;}
.top-mg-10-mobile {margin-top: 10px !important;}
.top-mg-20-mobile {margin-top: 20px !important;}
.top-mg-30-mobile {margin-top: 30px !important;}
.top-mg-40-mobile {margin-top: 40px !important;} 
.top-mg-50-mobile {margin-top: 50px !important;}
.top-mg-60-mobile {margin-top: 60px !important;}
.top-mg-70-mobile {margin-top: 70px !important;}
.top-mg-80-mobile {margin-top: 80px !important;}
.top-mg-90-mobile {margin-top: 90px !important;}
.top-mg-100-mobile {margin-top: 100px !important;}
/* BOTTOM MARGINS mobile only */
.bottom-mg-0-mobile {margin-bottom: 0px !important;}
.bottom-mg-10-mobile {margin-bottom: 10px !important;}
.bottom-mg-20-mobile {margin-bottom: 20px !important;}
.bottom-mg-30-mobile {margin-bottom: 30px !important;}
.bottom-mg-40-mobile {margin-bottom: 40px !important;} 
.bottom-mg-50-mobile {margin-bottom: 50px !important;}
.bottom-mg-60-mobile {margin-bottom: 60px !important;}
.bottom-mg-70-mobile {margin-bottom: 70px !important;}
.bottom-mg-80-mobile {margin-bottom: 80px !important;}
.bottom-mg-90-mobile {margin-bottom: 90px !important;}
.bottom-mg-100-mobile {margin-bottom: 100px !important;}
/* SECTION PAD TOP AND BOTTOM mobile only */
.sec-pad-t-b-1-mobile {padding: 1% 0;}
.sec-pad-t-b-2-mobile {padding: 2% 0;}
.sec-pad-t-b-3-mobile {padding: 3% 0;}
.sec-pad-t-b-4-mobile {padding: 4% 0;}
.sec-pad-t-b-5-mobile {padding: 5% 0;}
.sec-pad-t-b-6-mobile {padding: 6% 0;}
.sec-pad-t-b-7-mobile {padding: 7% 0;}
.sec-pad-t-b-8-mobile {padding: 8% 0;}
.sec-pad-t-b-9-mobile {padding: 9% 0;}
.sec-pad-t-b-10-mobile {padding: 10% 0;}
/* SECTION PAD TOP mobile only */
.sec-pad-t-1-moblie {padding-top: 1%;}
.sec-pad-t-2-mobile {padding-top: 2%;}
.sec-pad-t-3-mobile {padding-top: 3%;}
.sec-pad-t-4-mobile {padding-top: 4%;}
.sec-pad-t-5-mobile {padding-top: 5%;}
.sec-pad-t-6-mobile {padding-top: 6%;}
.sec-pad-t-7-mobile {padding-top: 7%;}
.sec-pad-t-8-mobile {padding-top: 8%;}
.sec-pad-t-9-mobile {padding-top: 9%;}
.sec-pad-t-10-mobile {padding-top: 10%;}
/* SECTION PAD BOTTOM mobile only */
.sec-pad-b-1-mobile {padding-bottom: 1%;}
.sec-pad-b-2-mobile {padding-bottom: 2%;}
.sec-pad-b-3-mobile {padding-bottom: 3%;}
.sec-pad-b-4-mobile {padding-bottom: 4%;}
.sec-pad-b-5-mobile {padding-bottom: 5%;}
.sec-pad-b-6-mobile {padding-bottom: 6%;}
.sec-pad-b-7-mobile {padding-bottom: 7%;}
.sec-pad-b-8-mobile {padding-bottom: 8%;}
.sec-pad-b-9-mobile {padding-bottom: 9%;}
.sec-pad-b-10-mobile {padding-bottom: 10%;}
.overlay-block {padding: 10% 3%;}
.inside-top-bar {padding-right: 10px;padding-left: 10px;}
.top-bar {line-height: 16px;}
.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {padding: 0px;}
.menu-toggle {padding: 0px;}
.main-navigation .main-nav ul li a {text-align: center;line-height: 45px;background-color: whitesmoke;}
.home-banner-content h2 {font-size: 22px;}
.home-banner-content h1 {font-size: 16px;letter-spacing: 2px;}
.quality-icon {right: 10px;bottom: -65px;width: 100px;}
.inside-header {padding: 15px 30px 0px 30px;}
.site-header .header-image {width: 90%;}
}