/*
Theme Name: CustomTheme
Author: Acorn Web Design
Description: Wordpress theme created by Acorn Web Design
Version: 2024.1
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* SCROLLBAR */

/* width */
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {background: #accbe7;}
/* Handle */
::-webkit-scrollbar-thumb {background: #6199d0;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #6199d0;}
html {scrollbar-color: #6199d0 #accbe7;scrollbar-width:thin;}

/* GENERIC */
*:focus {outline: 3px dashed #203442;}
figure.wp-block-image {line-height:0%!important;}



* {padding:0;border:none;margin:0;color:#232323;}
body {margin: 0;padding:0;background-color: #ffffff;font-size:130%;line-height: 150%;font-family: 'open_sanslight';}
a:link {color: #4976a5;text-decoration:none!important;}
a:hover {color: #4976a5;text-decoration:none!important;}
a:active {color: #4976a5;text-decoration:none!important;}
a:visited {color: #4976a5;text-decoration:none!important;}
.mail-link span {color: #4976a5;text-decoration:none!important;}
p {padding:0.8em 0;}
h1 {padding:0.8em 0;font-weight:700;font-size:150%;line-height:125%;letter-spacing:1px;color:#85b744;}
h1.entry-title {text-align:center;color:#90c26d!important;}
h1.entry-title a {text-align:center;color:#90c26d!important;}
h2 {padding:0.8em 0;font-weight:700;font-size:115%;line-height:120%;color:#85b744;}
h2 strong {font-weight:700;font-size:115%;line-height:120%;color:#85b744;}
h3 {padding:0.8em 0;font-weight:700;font-size:105%;color:#90c26d;}
h3 strong {font-weight:700;font-size:105%;line-height:120%;color:#85b744;}



/* HEADER */
#header-container {position: -webkit-sticky;position: sticky;top: 0px;z-index: 999;display:block;}
#header-background{background-color: #ffffff;width:100%;}
#header {margin-left:auto;margin-right:auto;max-width:1350px;}
#site-title {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;padding-left:2%;padding-right:2%;}
#logo-container {width:30%;padding-bottom:1px;}
#logo {transition: width 0.3s ease; /* Add a transition for smooth resizing */}
#logo img {width: 100%;transition: width 0.3s ease; /* Smooth transition for resizing */}
#logo.small-logo img {width: 60%; /* Adjust this value as needed */}
#top-divider {z-index:5;width:100%;margin-top:-2px;}
#top-divider img {width: 100%;vertical-align:top;}
#top-image-container {position: relative;}
#top-image {width:100%;overflow:hidden;}
#top-image img {width:150%;margin-left: 50%;transform: translateX(-50%);}
#hero-container {width:100%;margin-top:-30px;position:relative;}
#top-bottom-divider {position: absolute;bottom: 0;}
#top-bottom-divider img {width:100%;}

/* MAIN PAGE HEADER TEXT */
#tagline {text-align:center;font-style:italic;font-weight:bold;color:#84b743;padding-top:20px;font-size:120%;}
#caption-text {color:#ffffff!important;font-size:100%;}
#caption {width:100%;margin-left:2%;margin-right:2%;margin-top:-1px;}

/* FOOTER */
#bottom-container {width:100%;position:relative;background-color: #ffffff;}
#bottom-divider {width:100%;position:absolute;bottom:0;left:0;}
#bottom-divider img {vertical-align:bottom;}
#bottom-divider-noimage {width:100%;}
#bottom-divider-noimage img {vertical-align: middle;}
#bottom-divider img {width:100%;z-index:-1;}
#bottom-divider-noimage img {width:100%;margin-top:-1px;}
#footer {background-color: #4976a5}
#footer-content {margin-left:auto;margin-right:auto;max-width:1350px;padding-left:2%;padding-right:2%;;margin-top:-1px;}
#menu-bottom-menu {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;}
#menu-bottom-menu li {width: 100%;text-align:center;padding-top:20px;}
#menu-bottom-menu li a {padding:9px;font-family: 'open_sansregular';color:#ffffff;}
#menu-bottom-menu li a:hover {color:#ffffff;}
#footer-image {width:100%;}
#footer-image img {width:100%; height:auto;}


/* HAMBURGER MENU */
#menu-control {padding-top:10px;padding-bottom:10px;font-size:140%;text-align: right;}
#menu-control a {color:#6199d0!important;}
#menu {display:none;}
#menu.responsive {display:block;max-height: 100vh;overflow-y: scroll;background-color:#ffffff;display: block;position: relative;margin-top:25px;}
#menu-container {width:100%;}
#menu li a {display: block;padding-top:9px;padding-bottom:9px;padding-left:2%;padding-right:2%;border-top: solid 1px #6199d0;color:#6199d0;font-family: 'open_sansregular';}
#menu li a:hover {color:#86b844!important;}
#menu-control .fa-bars {color:#6199d0!important;font-size: 24px;background-color: #ffffff;}
.menu-item:hover>ul {display: block;}

/* Content Styling */

.standard-content {margin-left:auto;margin-right:auto;max-width:1350px;padding-left:2%;padding-right:2%;}
.reverse-standard-content {margin-left:auto;margin-right:auto;max-width:1350px;padding-left:2%;padding-right:2%;}
.bordered-image img {border-radius:75px;}
.bordered-image {border-radius:75px;border-radius:75px;box-shadow: rgba(133, 183, 68, 1) 5px 5px;}

.divider {width:100%;}
.divider img {width:100%;}
figure.wp-block-image {line-height:0%;}
.wp-block-columns {align-items: center!important;}

.wp-block-button__link {background-color: #4976a5;color: #ffffff!important;font-size:100%;font-weight:700;border-radius:5px;letter-spacing:1px;}
.wp-block-button.is-style-fill {margin-left: auto;margin-right: auto;}

.even {padding-top:15px;padding-bottom:15px;}
.odd {background-color:#eff4fa;padding-top:15px;padding-bottom:15px;}

.wp-block-group__inner-container {}
.page-content ol {counter-reset: item;}
.page-content ol li {display: block;margin-left: 2em;padding:0.5em 0;}
.page-content ol li:before {content: counter(item) ". ";counter-increment: item;position: absolute;margin-left: -2em;}
.page-content ul {list-style:bullets!important;}
.page-content ul li {list-style-type: disc!important;}
.page-content li {margin-left: 2em;padding:0.5em 0;}
.text-image-right img {width:100%;height:auto;}
.wp-block-image figcaption {display:none;}
.page-content table {width:100%}
.page-content table, th, td {border: 1px solid #4976a5 !important;}
.wp-block-table thead {border-bottom: 0px solid #4976a5 !important;background-color: #7dabda !important;}
.page-content th {padding:10px;color:#ffffff;}
.page-content td {padding:10px;}
.page-content .price td {width:50%}

#copyright {text-align:center;font-size:70%;margin-top: 20px;line-height: 150%}
#acorn {text-align:center;font-size:70%;margin-top: 20px;margin-bottom:80px;}

/* CONTACT FORM */

.wpcf7-form textarea, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], input[type="reset"] {border: 1px solid rgba(34, 36, 38, .4);padding:0.5em;}
.wpcf7-form textarea, input[type="text"], input[type="email"], input[type="button"], input[type="submit"] {width:100%;}
input.wpcf7-form-control.wpcf7-submit {width: 150px;background-color: #4976a5;color: #ffffff;font-size:100%;border-radius:5px;}
input.wpcf7-form-control.wpcf7-submit:hover {background-color: #4976a5;color: #ffffff;}
form.wpcf7-form.init p {padding: 7px 0;}




/* WOOCOMMERCE */
.woocommerce {margin-left:auto;margin-right:auto;max-width:1350px;padding-left:2%;padding-right:2%;}
.woocommerce .products ul li, .woocommerce ul.products li {list-style: none outside !important;text-align:center;}
span.posted_in {display:none;}
.term-description {margin-left:auto;margin-right:auto;max-width:1350px;padding-left:2%;padding-right:2%;}
form.woocommerce-ordering {display: none;}
.woocommerce ul.products li.product .price {font-weight: 800;}
span.woocommerce-Price-amount.amount {font-weight: 800;}
h2.woocommerce-loop-product__title {color: #4976a5;}
.woocommerce-loop-category__title mark.count {display: none;}
.woocommerce div.product .woocommerce-tabs .panel h2 {display: none;}
.woocommerce div.product .woocommerce-tabs .panel ul {margin-left:25px;}
.woocommerce div.product .woocommerce-tabs .panel ul li {list-style: disc;}
footer.entry-footer {display:none;}
.footer {display:none;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width:100%!important}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {background-color: #4976a5!important;color: #ffffff!important;padding:8px;border-radius:5px;}
.woocommerce div.product div.images .flex-control-thumbs li img {opacity: 1!important;}


a.button.product_type_simple {background-color: #4976a5;color: #ffffff !important;padding:8px;border-radius:5px;}
.woocommerce .products ul::after, .woocommerce ul.products::after {display:none;}


/* align the read more links */
ul.products {display:flex;flex-wrap:wrap;justify-content:space-between;}
li.product {padding-bottom:60px;}
a.button.product_type_simple {display:block!important;width:94%;margin-left:2%;text-align:center;position:absolute;bottom:0;}
h2.woocommerce-loop-product__title {margin-bottom: 60px!important;}
.owl-item.active {display: flex;}


/* COMPLIANZ */
.cc-color-override-2132646379.cc-revoke {color: #ffffff!important;}
.cc-link, .cc-revoke:hover {text-decoration: none!important;}
.cc-animate.cc-revoke.cc-bottom {transform: none!important;}
#cmplz-document {font-size: 100%!important;max-width: 100%!important;}
#cmplz-cookies-overview .cmplz-dropdown a, #cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown a, #cmplz-document .cmplz-dropdown p, #cmplz-document li, #cmplz-document p, #cmplz-document td {font-size: 100%!important;}

@media all and (min-width:400px){
#logo-container {width: 28%;}
}



@media all and (min-width:500px){
#logo-container {width: 26%;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width:46%!important}
}

@media all and (min-width:600px){
#logo-container {width: 23%;}
#top-image img {width:100%;transform: none;margin-left:0%;}
#tagline {position: absolute;top: 50%;transform: translateY(-50%);left:2%;width:23%;color:#ffffff;z-index: 10;font-size:120%;line-height:125%;letter-spacing:1px;margin-left:1%;margin-right:1%;text-shadow: 0 0 8px rgba(99,154,210, 1);text-align:left;padding-top:0px;}
h2 strong {font-size:125%;}
}

@media all and (min-width:700px){
#logo-container {width: 18%;}
}

@media all and (min-width:750px){

}

@media all and (min-width:800px){
#logo-container {width: 16%;}
#menu-bottom-menu {flex-direction:row;font-size:80%;}
.wp-block-group__inner-container {padding-top: 15px;padding-bottom: 15px;}
#tagline {font-size:150%;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width:21%!important}
}

@media all and (min-width:950px){
#tagline {font-size:180%;}
#site-title {width:23%;}
#logo-container {width:100%;padding-bottom:1px;}
#top-image img {width:100%;margin-left:0%;}

	/* NORMAL MENU */	
#header {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;}
#menu-control {display:none;}
#menu-container {padding-top:20px;padding-left:6%;padding-right:2%;}
#menu {display:block;width:100%;}	
#menu-main-menu {width:100%;display:flex;flex-direction:row;justify-content: space-between;flex-wrap: nowrap;font-size:100%;text-align:center;}	
#menu-main-menu li {padding:1px;flex:auto;}
#menu li a {padding:7px;display:block;border-top:0;}
.menu-item:hover>ul {position: absolute;}
.breakdown-item {width: 30%;}	
#tagline {font-size:160%;}

.centered-columns {align-items: center !important;}
.reverse {flex-direction: row-reverse;}
h2 strong {font-size:155%;}	
}

@media all and (min-width:1150px){
#hero-container {margin-top:-50px;}		
#site-title {width:18%;}
#tagline {font-size:190%;}
}

@media all and (min-width:1300px){
#tagline {font-size:200%;}
	}

@media all and (min-width:1350px){
#tagline {left:calc(51% - 675px);font-size:210%;width:20%;}

	}

@media all and (min-width:1500px){
#tagline {font-size:230%;}
	}

@media all and (min-width:1600px){
#hero-container {margin-top:-60px;}		
}

@media all and (min-width:1800px){
#site-title {width:17%;}
#tagline {font-size:260%;}
}