/*
Theme Name: CustomTheme
Author: Acorn Web Design
Description: Wordpress theme created by Acorn Web Design
Version: 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: 'Italianno';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Italianno-Regular.woff') format('woff');
}
    
:root {
  --dark-colour: #597635;
  --mid-colour: #7da046;
  --pale-colour: #d6e2bc;
  --xpale-colour: #f0f5e6;
  --background-colour: #ffffff;
  --link-colour: #7da046;
  --menu-bar-colour: #ffffff;
  --content-font: "source-sans-3-variable", sans-serif;
  --heading-font: "source-serif-4-variable", serif;
}




* {
  padding: 0;
  border: none;
  margin: 0;
  color: #333333;
  box-sizing: border-box;
}

*:focus {outline: 3px dashed var(--dark-colour);}

/* SCROLLBAR */

/* width */
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {background: var(--pale-colour);}
/* Handle */
::-webkit-scrollbar-thumb {background: var(--dark-colour);}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--dark-colour);}
html {scrollbar-color: var(--dark-colour) var(--pale-colour);scrollbar-width:thin;}

/* GENERIC */
body {background-color: var(--background-colour);font-size:130%;line-height: 150%;font-family:var(--content-font);}


a:link {color: var(--link-colour);text-decoration:none!important;}
a:hover {color: var(--dark-colour);text-decoration:none!important;}
a:active {color: var(--link-colour);text-decoration:none!important;}
a:visited {color: var(--link-colour);text-decoration:none!important;}
.mail-link span {color: var(--link-colour);text-decoration:none!important;}
p {padding:0.7em 0;}
h1 {padding:0.7em 0;font-weight:600;font-size:160%;letter-spacing:1px;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}
h1.entry-title {text-align:center;}
h2 {padding:0.7em 0;font-weight:400;font-size:140%;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}
h3 {padding:0.7em 0;font-weight:400;font-size:120%;line-height:120%;font-family:var(--heading-font);color:var(--dark-colour);}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: var(--link-colour);}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) strong {color: var(--background-colour);}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {background-color: var(--background-colour);}
.wp-block-table td, .wp-block-table th {padding:2px!important;}

/* BACKGROUND COLORS */
.intro {background-color:var(--background-colour);border: 1px solid transparent;}
.first {background-color:var(--xpale-colour);border: 1px solid transparent;}
.odd {background-color:var(--pale-colour);border: 1px solid transparent;}
.even {background-color:var(--mid-colour);border: 1px solid transparent;}
.cta {background-color:var(--mid-colour);border: 1px solid transparent;}
#footer {background-color: var(--dark-colour);border: 1px solid transparent;padding-top: 25px;}


/* HEADER */
#header-container {background-color: var(--background-colour);position: -webkit-sticky;position: sticky;top: 0px;z-index: 999;display:block;}
#header {width:100%;}
#site-title {margin-top:10px;margin-left:10px;display:flex;flex-direction:row;}
#logo {padding-bottom:1px;width:90%;}
#logo img {width:100%;transition: width 0.3s ease; /* Add a transition for smooth resizing */}
#logo.small-logo img {width: 75%; /* Adjust this value as needed */}
.custom-logo-link {width:100%;}
.custom-logo-link img {width:100%;max-width:400px;}
#top-image {width:100%;}
#top-image img {width:100%;display:block;border-top:8px solid var(--mid-colour);border-bottom:8px solid var(--mid-colour);}
#hero-container {position:relative;display:block;}
.sitetitle a {font-family: "source-serif-4-variable", sans-serif;font-weight:400;font-size:130%;color:var(--dark-colour);letter-spacing: 0.2em;}
.secure-dog-field a {font-family: 'Italianno', sans-serif!important;font-weight:200;color:#000000!important;font-size:185%;}
span.secure-dog-field {margin-top: 5px;}
div#sitename {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.hero-caption {display:none;}

/* FOOTER */

.menu-bottom-menu-container {width:100%;}
#menu-bottom-menu {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;width:100%;}
#menu-bottom-menu li {width: 100%;padding-top:20px;}
#menu-bottom-menu li a {color:var(--xpale-colour);}
#menu-bottom-menu li a:hover {color:var(--pale-colour);}
#footer-image {position:relative;z-index:-1;clear:both;}
#footer-image img {width:100%; height:auto;display:block;}
#footer-content {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;}
#areas {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
#legal {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
#contact {color:#ffffff!important;margin-top:15px;width:100%;text-align:center;}
div#footer-menu {color: #ffffff;}
#footer-content a:link {color: var(--xpale-colour);text-decoration:none!important;}
#footer-content a:hover {color: var(--pale-colour);text-decoration:none!important;}
#footer-content a:active {color: var(--xpale-colour);text-decoration:none!important;}
#footer-content a:visited {color: var(--xpale-colour);text-decoration:none!important;}
#footer-content .bold {font-weight:800;color:#ffffff;letter-spacing:1px;}



/* HAMBURGER MENU */
#menu-control {padding-top:20px;padding-bottom:10px;font-size:140%;text-align: right;padding-right:10px;width:20%;}
.hamburger-button {display: inline-block;cursor: pointer;border: none;background: none;padding: 10px;}
.hamburger-button span {display: block;width: 24px;height: 3px;margin: 5px auto;background-color: var(--link-colour); transition: background-color 0.3s ease;}
.hamburger-button:hover span {background-color:var(--dark-colour);}
#menu {display:none;}
#menu.responsive {display:block;max-height: 100vh;overflow-y: scroll;background-color:var(--menu-bar-colour);display: block;position: relative;margin-top:25px;}
#menu-container {width:100%;background-color:var(--background-colour); }
#menu li a {display: block;padding-top:9px;padding-bottom:9px;padding-left:2%;padding-right:2%;border-top: solid 1px var(--link-colour);color:var(--link-colour);text-align:center;}
#menu li a:hover {color:var(--xpale-colour)!important;background-color:var(--dark-colour)!important;}
.menu-item:hover>ul {display: block;}
.sub-menu {display: none;}
.sub-menu li {background-color:var(--menu-bar-colour);line-height: 30px;width: 100%;text-align:left!important;}
#menu li .sub-menu li a:hover {background-color:var(--mid-colour);}
.sub-menu li .sub-menu li {background-color:var(--menu-bar-colour);}

/* Content Styling */
.standard-content {margin-left:auto;margin-right:auto;max-width:1450px;padding-left:2%;padding-right:2%;margin-bottom:20px;}
#footer-content {margin: 0 4%;}
.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;}
.large {font-size:125%!important;text-align:center;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;justify-content:space-between;flex-wrap: nowrap;flex-direction:column;}
.flex-item .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: block;}
figure.wp-block-image.size-full {text-align: center;}
.heading-group h2 {padding:0!important}
.content-group {background-color:#ffffff;border-radius:10px;padding:15px;margin-bottom:40px;}
.wp-block-button__link {background-color: var(--mid-colour)!important;margin:20px;}
.wp-block-button__link:hover {background-color: var(--dark-colour)!important;}
.wp-block-button a,
.wp-block-button a:visited,
.wp-block-button a:hover,
.wp-block-button a:active {
    color: #ffffff !important;
    text-decoration: none !important;
}
.even h2 {color:#ffffff!important;text-align:center;}
.even p {color:#ffffff!important;font-size:110%;}
.even a {color:#ffffff!important;}
.breakdown-group .wp-block-group__inner-container {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-around;clear: both;}
.breakdown-item {width: 100%;padding: 15px;text-align: center;}
.breakdown-item h3 {padding:10px 0px 0px 0px;}
.breakdown-item p {padding: 0.4em 0;}
.breakdown-item .wp-block-image {width: 100%;}

.wp-block-table td, .wp-block-table th {border: 1px solid var(--dark-colour)!important;}
.wp-block-table th {background-color: var(--link-colour)!important;}
.wp-block-table th strong {color:var(--background-colour)!important;}

#copyright {text-align:center;font-size:80%;margin-top: 20px;}
#acorn {text-align:center;font-size:80%;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(41, 41, 41, .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: var(--link-colour);color: #ffffff;font-size:100%;border-radius:5px;}
input.wpcf7-form-control.wpcf7-submit:hover {background-color: var(--dark-colour);color: #ffffff;}

/* FOOGALLERY */
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link:focus:before, .fg-paging-container.fg-light .fg-dot-item .fg-dot-link:hover:before, .fg-paging-container.fg-light .fg-dot-item.fg-selected .fg-dot-link:before {
    background-color: #ffffff;border-color: var(--dark-colour);}
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link:focus:before, .fg-paging-container.fg-light .fg-dot-item .fg-dot-link:hover:before, .fg-paging-container.fg-light .fg-dot-item.fg-selected .fg-dot-link:before {
background-color: var(--dark-colour)!important;var(--link-colour)!important;height: 26px;width: 26px;}
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link {background-color: #ffffff;border-color:var(--link-colour)!important;height: 32px;width:32px;}
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link, .fg-paging-container.fg-light .fg-dot-item .fg-dot-link:before {width: 32px;height:32px;}
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link, .fg-paging-container.fg-light .fg-dot-item .fg-dot-link:before {transition-duration: .0s!important;}
.fg-paging-container.fg-light .fg-dot-item .fg-dot-link, .fg-paging-container.fg-light .fg-dot-item .fg-dot-link:before {transition-duration: .0s!important;}
.fg-panel.fg-light :is(.fg-panel-button,.fg-panel-thumbs-button,.fg-panel-thumb,.fg-panel-thumb-spacer), .fg-panel.fg-light:is(.fg-medium,.fg-panel-no-mobile) .fg-panel-cart-inner, .fg-panel.fg-light:is(.fg-medium,.fg-panel-no-mobile):not(.fg-panel-info-overlay) .fg-panel-info-inner {background-color: var(--xpale-colour);border-color: var(--link-colour);}
svg.fg-icon.fg-icon-arrow-right.fg-icon-default {fill:var(--link-colour);}
svg.fg-icon.fg-icon-arrow-left.fg-icon-default {fill:var(--link-colour);}
svg.fg-icon.fg-icon-close.fg-icon-default {fill:var(--link-colour);}
svg.fg-icon.fg-icon-expand.fg-icon-default {fill:var(--link-colour);}
button.fg-panel-button.fg-panel-button-info.fg-disabled {display: none;}
.fg-panel-button {width: 40px!important;height: 40px!important;}
.fg-icon {width: 30px!important;height: 30px!important;}
.fg-paging-container .fg-dot-item, .fg-paging-container .fg-dots {padding-left:5px;padding-right: 5px;}


/*TESTIMONIALS */

.strong-view.wpmtst-default .wpmtst-testimonial-inner {border: 1px solid var(--dark-colour)!important;}
.strong-form input[type="text"], .strong-form input[type="email"], .strong-form input[type="url"], .strong-form select, .strong-form textarea {border: 1px solid var(--dark-colour)!important;}
input[type="submit"] {background-color:var(--dark-colour)!important;color:var(--background-colour)!important;font-size:110%!important;border-radius:5px;}
.wpmtst-testimonial-image.testimonial-image img {width:100%;}
.strong-view.wpmtst-default .wpmtst-testimonial-image {width:100%!important;;max-width:100%!important;}

.wpmtst-testimonial-inner.testimonial-inner {background-color: #ffffff;border-radius:10px;padding:15px;margin-bottom:40px;}
.wpmtst-testimonial-heading {display:none!important;}
.strong-view.wpmtst-default .wpmtst-testimonial {border: none!important;margin: 0px!important;}
.strong-view.wpmtst-default .wpmtst-testimonial-field {text-align: left!important;padding-top:10px;font-style:italic;}
.testimonial-company {display: inline-block;}
.testimonial-name {display: inline-block;}


/* COMPLIANZ */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {font-size: 100%!important;max-width: 100%!important;}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {font-size: 100%!important;}




@media all and (min-width:450px){
.large {font-size:140%!important;}
}

@media all and (min-width:550px){
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
#menu-control {padding-top:30px;}
}
	
@media all and (min-width:650px){
#logo {width: 70%;}
#menu-control  {width: 30%;}
}

@media all and (min-width:750px){
#logo {width: 60%;}
#menu-control  {width: 30%;}
h1 {font-size:200%;}
h2 {font-size:175%;}
h3 {font-size:150%;}
.large {font-size:160%!important;}
}

@media all and (min-width:800px){
.breakdown-item .wp-block-image {max-width:800px;margin-left: auto;margin-right: auto;}	
}

@media all and (min-width:850px){
#logo {width: 50%;}
	#menu-control  {width: 50%;}
.hero-caption {position: absolute;top: 50%;left: 5%;width: 30%;transform: translateY(-50%);color: #fff;padding: 20px;text-align: left;display:block;font-style:italic;}
.hero-caption p {margin: 0;color:#ffffff;font-size:180%;padding:0.7em 0;font-weight:600;letter-spacing:1px;line-height:120%;font-family:var(--heading-font);}
	
.strong-view.wpmtst-default .wpmtst-testimonial-image {width:50%!important;;max-width:50%!important;}	
	

}


@media all and (min-width:950px){
h1 {font-size:220%;}
h2 {font-size:190%;}
h3 {font-size:160%;}
#logo {width: 40%;}
#menu-control  {width: 60%;}
#footer-content {flex-direction:row;justify-content:space-between;align-items: start;margin: 0 0;}
#menu-bottom-menu li {text-align:left;}
#menu-bottom-menu li a {padding: 0px;}
#areas {width:30%;text-align:left;}
#contact {width:30%;text-align:left;}
#legal {width:30%;text-align:left;}
.flex .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {flex-direction:row;align-items: center;}
.flex-item img {margin-left:15px;padding-right:15px;}
.content-group .flex-item {width:50%;}
#cta h2 {font-size:280%;}
}


/* NORMAL MENU */
@media all and (min-width:1300px){
#hero-container {position: relative;width: 100%;}
.hero-caption h1 {font-size:220%;}	
.main-page-book {display:none!important;}
	
h1 {font-size:230%;}
h2 {font-size:200%;}
h3 {font-size:170%;}
#header {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;}
#logo {padding-left:0;width:90%;max-width:500px;}
#menu-control {display:none;}
#menu-container {width:65%;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%;}	
#menu-main-menu li {padding:1px;flex:auto;}
#menu li:nth-child(3) a {background-color:var(--link-colour);color:var(--background-colour);border-radius:5px;}	
#menu li a {padding:7px;display:block;border-top:0;text-align:center;border-radius:5px;margin-right:3%;margin-left:3%;}
.menu-item:hover>ul {position: absolute;}
	
.breakdown-group .wp-block-group__inner-container {flex-direction: row;}
.breakdown-item {width: 32%;}
.breakdown-item .wp-block-image {max-width:100%;}	
	
	
}

@media all and (min-width:1500px){
.hero-caption p {font-size:280%;}	
}