/*
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: 'Manrope';
  font-style: normal;
	font-display: swap;
  font-weight: 300; 
  src: url('fonts/Manrope-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
	font-display: swap;
  font-weight: 500;
  src: url('fonts/Manrope-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Sora';
  font-style: normal;
	font-display: swap;
  font-weight: 600;
  src: url('fonts/Sora-SemiBold.woff2') format('woff2');
}







    
:root {
  --dark-colour: #3b332e;
  --mid-colour: #a05121;
  --pale-colour: #e99b4a;
  --background-colour: #fff8f2;
  --menu-link-colour: #fff8f2;	
  --xpale-colour: #fdf2e7;	
--dull-colour: #694C3A;
	--footer-colour: #3b332e;
  --text-colour: #191715;
  --link-colour: #a05121;
  --link-hover-colour: #e7944a;
  --footer-link-colour: #de9a63;
  --footer-link-hover-colour: #da3909;
  --cta-colour:  #ffffff;

  --menu-bar-colour: #ffffff;
  --content-font: "Manrope", sans-serif;
  --heading-font: "Sora", serif;
  --caption-font: "Manrope", sans-serif;
  --strong-weight: 500;
}


html {scroll-behavior: smooth;}
[id] {scroll-margin-top: 120px;}

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

*:focus {outline: 2px solid var(--menu-link-colour);}

/* SCROLLBAR */

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

/* GENERIC */
body {margin: 0;padding:0;font-size:1.08rem;line-height: 1.6;font-family:var(--content-font);color:var(--text-colour);font-weight: 300;overflow-x: hidden;}
.page-content {margin-left:auto;margin-right:auto;max-width:1450px;}
a:link {color: var(--link-colour);text-decoration:none!important;}
a:hover {color: var(--link-hover-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;}
p {padding:0.8em 0;}
h1 {padding:0 0 1.2em 0;font-size:1.7rem;font-family:var(--heading-font);display:block;margin: 0 auto;line-height:1.2;}
h2 {padding:0.5em 0 1.1em 0;font-size:1.65rem;font-family:var(--heading-font);line-height:1.2;}
h2 strong {color:var(--pale-colour);}
h3 {padding:0.8em 0;font-size:1.2rem;font-family:var(--heading-font);line-height:1.2;}
strong, b {font-weight: var(--strong-weight);}
h4, h5, h6 {font-weight: var(--strong-weight);}
.page-content a:link, .page-content a:hover, .page-content a:active, .page-content a:visited {font-weight:500;}



/* Lists */
.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;font-size:1.08rem;}

/* SECTIONS COLORS */
.dark-section {position: relative;margin-bottom:0px!important;padding:80px 0 80px 0;background-color:var(--dark-colour);width:100%;padding-left:2%;padding-right:2%;}
.dark-section h1, .dark-section h2, .dark-section h3, .dark-section p, .dark-section li {color: var(--xpale-colour)!important;}
.light-section {position: relative;margin-bottom:0px!important;padding:80px 0 80px 0;background:var(--background-colour);width:100%;padding-left:2%;padding-right:2%;}
.light-section h1, .light-section h2, .light-section h3, .light-section li {color: var(--dark-colour);}
.dark-section p {color: var(--text-colour);}
.pale-section {position: relative;margin-bottom:0px!important;padding:80px 0 80px 0;background:var(--xpale-colour);width:100%;padding-left:2%;padding-right:2%;}
.pale-section h1, .pale-section h2, .pale-section h3, .pale-section li {color: var(--dark-colour);}
.cta-section {position: relative;margin-bottom:0px!important;padding:80px 0 80px 0;background:var(--pale-colour);width:100%;padding-left:2%;padding-right:2%;}
.cta-section h1, .dark-section h2, .dark-section h3, .dark-section p, .dark-section li {color: var(--dark-colour)!important;}
.top-section {padding-top:20px!important;padding-bottom:20px!important;}

/* TABLE COLORS */
.pale-section .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: var(--xpale-colour);}
.light-section .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: var(--background-colour);}
th {font-weight: var(--strong-weight);font-size:1.2rem;font-family:var(--heading-font);}


/* HEADER */
#header-container {position: -webkit-sticky;position: sticky;top: 0px;z-index: 997;display:block;}
#header {width:100%;background-color:var(--dark-colour);padding-top:10px;padding-bottom: 5px;position:relative;z-index:99;}
#site-header {display: flex;flex-direction: row;flex-wrap: nowrap;padding-left:2%;padding-right:2%;justify-content:space-between;align-items:center;width:100%;}
#site-title {display: flex;flex-direction: row;flex-wrap: nowrap;gap:10px;align-items:center;}
#site-name {color:var(--xpale-colour);font-family:var(--heading-font);font-weight:600;}
#site-name strong {color:var(--pale-colour);font-weight:600;}
#logo {width:15%;padding-bottom:0px;}
#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%;overflow:hidden;background: var(--dark-colour);} 
#top-image img {width: 170%;max-width: none;height: auto;transform: translateX(-40%);display: block;}
#hero-container {position:relative;display:block;}
.highlight {color:var(--pale-colour)}
.caption {font-family:var(--content-font);line-height:1.4;color:var(--xpale-colour);display:block;opacity:0;transform:translateY(18px);animation:heroCaptionReveal 0.9s ease forwards;animation-delay:0.3s;padding:10px 10px 30px 10px;}
.caption p {font-size:1.05rem;}
.caption-large {font-size:1.8rem;display:inline-block;line-height:115%;color:var(--xpale-colour);padding:0;font-family:var(--heading-font);text-align:left;}
.caption-head {font-size:0.72rem;font-family:var(--content-font);text-transform:uppercase;margin-top:10px;margin-bottom:20px;display:block;letter-spacing: 1px;font-weight:300;text-align:left;}
.space {padding:0.8em 0 1.6em 0}
.caption .button {background-color:var(--pale-colour);border-radius:99px;color:var(--dark-colour)!important;font-size:0.9rem;padding:6px 8px;font-weight:500;margin-top:20px;white-space: nowrap;display:inline-block;}
.caption .button:hover {background-color:var(--xpale-colour);}
.caption-email {font-size:0.9rem;font-weight:500;padding-bottom:20px;}
.caption > a {text-decoration: none;}
.caption a:focus {outline: none;}

/* ARROW */
.button img {width: 20px!important;height: 20px!important;display: inline-block!important;vertical-align: middle;margin-left:10px!important;margin-top:-3px;}
.arrow-link {background-color: var(--pale-colour);border-radius: 99px;font-weight: 500;display: inline-block;}
.arrow-link a {display: inline-flex;align-items: center;color: var(--dark-colour);padding: 16px 18px;}
.arrow-link a::after {content: "";display: inline-block;width: 20px;height: 20px;margin-left: 10px;
background-color: currentColor;-webkit-mask: url('https://acorn-web-design.uk/k9/wp-content/uploads/arrow-right.svg') center / contain no-repeat;mask: url('https://acorn-web-design.uk/k9/wp-content/uploads/arrow-right.svg') center / contain no-repeat;}


@keyframes heroCaptionReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* PAGE CONTENT */
.content-tag {font-size:0.8rem!important;font-family:var(--content-font);text-transform:uppercase;display:block;letter-spacing: 1px;font-weight:500!important;text-align:left;color:var(--dull-colour)!important; }
.page-content img {border-radius:15px;}
.wp-block-group.area-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.price {font-weight:500;}


/* Page Intro Flexbox */
.page-intro-group > .wp-block-group__inner-container {display: flex;flex-direction: column;gap: 20px;}
.intro-points > .wp-block-group__inner-container {display: flex;flex-direction: column;gap: 20px;}
.intro-group-item strong {font-size:1.2rem;text-transform:uppercase;letter-spacing: 0.5px;padding-bottom:0px!important;}
.intro-group-item {border-top: 2px solid #a05121;text-align:center;margin-left:15px;margin-right:15px;padding-top:15px;}
.intro-group-item p {padding: 0.2em 0;}

/* Section Flexbox */
.section-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;gap:40px;}
.section-flex-item {padding:0;width:100%;}
.section-flex-item p {padding:0;margin:0 0 20px;}
.section-flex-item img {width:100%!important;max-width:800px;}
.section-flex-item .wp-block-image img {display: block; margin:0 auto;}

/* Section Flexbox Reverse */
.section-flex-reverse > .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;gap:20px;}



/* Training Flexbox */
.training-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;gap:20px;border-top:1px solid var(--dull-colour);padding-top:20px;padding-bottom:10px;}
.training-flex-item {padding:0;width:100%;}
.training-flex-item-text > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;flex-wrap: nowrap;flex-direction: row;justify-content:space-between;width:100%;align-items: center;}
.text {width:calc(100% - 75px);}
.arrow {width:40px;font-size:2rem;}
.training-flex-item p {padding:0;font-size:1.1rem;margin:0 0 20px;}
.circle-link a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: var(--pale-colour);
	border-radius: 50%;
	color: var(--dark-colour);
	text-decoration: none;
	transition: all 0.25s ease;
	line-height: 1;
    padding-left: 8px;
}

.circle-link a::after {
    content: "";
    width: 30px;
    height: 30px;
    background-color: var(--link-colour);
    -webkit-mask: url('https://acorn-web-design.uk/k9/wp-content/uploads/arrow-right.svg') center / contain no-repeat;
    mask: url('https://acorn-web-design.uk/k9/wp-content/uploads/arrow-right.svg') center / contain no-repeat;
}

.circle-link a:hover {
    background-color: var(--link-colour);
    color: #fff;
}

/* First Call Flexbox */
.first-flex-group > .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;gap:20px;padding-top:20px;padding-bottom:10px;}








/* CTA */
.cta-button {background-color:var(--dark-colour);border-radius:99px;padding:12px 16px;font-weight:500;text-transform:uppercase;letter-spacing: 1px;font-size:1.2rem!important;white-space:nowrap!important;margin-left:10px;margin-right:10px;display:inline-block;margin-bottom:30px;}
.cta-button:hover {background-color:var(--dull-colour);}
.cta-button a:link, .cta-button a:active,.cta-button a:hover,.cta-button a:focus {color:var(--background-colour)!important;}
.cta-section .content-tag {color:var(--dark-colour)!important;}

/* FOOTER */
#footer {background-color: var(--footer-colour);border: 1px solid transparent;padding: 25px;font-size:1.0rem;}
#footer .page-content ul li {list-style-type: none!important;}
#footer .page-content li {margin-left:0;padding: 0.5em 0;}
#footer a:link {color: var(--footer-link-colour);text-decoration:none!important;}
#footer a:hover {color: var(--footer-link-hover-colour);text-decoration:none!important;}
#footer a:active {color: var(--footer-link-colour);text-decoration:none!important;}
#footer a:visited {color: var(--footer-link-colour);text-decoration:none!important;}
.arealist {display:flex;flex-direction:row;flex-wrap:wrap;text-align: center;}
#footer .page-content .arealist ul {margin-left:auto;margin-right:auto;}
#footer .page-content .arealist li {width:100%;padding:0;text-align:left;}
.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(--link-colour);}
#menu-bottom-menu li a:hover {color:var(--link-hover-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;}
#address {color:var(--xpale-colour)!important;margin-top:15px;width:100%;}
#contact {color:var(--xpale-colour)!important;margin-top:15px;width:100%;}
#legal {color:var(--xpale-colour)!important;margin-top:15px;width:100%;}
.bottom-divider img {width:100%;display:block;}
#footer-content {margin: 0 4%;}
.flex-footer {display: flex;justify-content:space-between;flex-wrap: nowrap;flex-direction:column;width:60%;margin-right:auto;margin-left:auto;}
div#footer-menu {color: var(--xpale-colour);text-align:center;}

/* HAMBURGER MENU */
#menu-control {padding-bottom:10px;font-size:140%;text-align: right;}
.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(--menu-link-colour); transition: background-color 0.3s ease;}
.hamburger-button:hover span {background-color:var(--menu-link-colour);}
#menu {display:none;}
#menu.responsive {display:block;max-height: 100vh;overflow-y: scroll;background-color:var(--dark-colour);display: block;position: relative;margin-top:25px;}
#menu-container {width:100%;}
#menu li {position: relative;font-family:var(--content-font);}
#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(--menu-link-colour);text-align:center;}
#menu li a:hover {background-color:var(--pale-colour)!important;color:var(--dark-colour);}
.menu-item:hover>ul {display: block;}

.wp-block-button__link {border-radius:10px!important;}
.wp-block-image img {width:100%;}
.wp-block-button__link {background-color: var(--link-colour)!important;margin:20px;}
.wp-block-button__link:hover {background-color: var(--link-hover-colour)!important;}
.wp-block-button a,
.wp-block-button a:visited,
.wp-block-button a:active {color: var(--background-colour)!important;text-decoration: none !important;font-weight:500;}
.wp-block-button a:hover {color: var(--background-colour)!important;text-decoration: none !important;font-weight:500;}

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

/* 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;}

/* TESTIMONIALS */
.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;padding:8px;border-radius:5px;}
input[type="submit"] {background-color:var(--link-colour)!important;color:var(--background-colour)!important;font-size:1.1rem;padding:12px 16px;border-radius:10px;}
input[type="submit"]:hover {background-color:var(--link-hover-colour)!important;}

.strong-view.wpmtst-default .wpmtst-testimonial {border:solid 1px var(--dark-colour)!important;border-radius:10px!important;overflow:hidden;background:var(--background-colour);}
.readmore-text {color:var(--link-colour)!important;font-weight:500!important;}
.strong-view.wpmtst-default .readmore {margin-top:25px;}
.readmore-text::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    position: relative;
    top: -4px;
}
.readmore[aria-expanded="true"] .readmore-text::after {
    transform: rotate(225deg);
    top: 0px;
}

.testimonial-field testimonial-name  {font-weight:400!important;}
.main .strong-content.strong-normal {display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;align-items: stretch;font-style:italic;}
.strong-content.strong-normal .wpmtst-testimonial {height: 100%;margin-bottom:40px!important;}
.main .strong-view.wpmtst-default .wpmtst-testimonial {margin:0!important;}
.strong-content.strong-normal .wpmtst-testimonial-inner {position: relative;height: 100%;box-sizing: border-box;padding-bottom: 60px !important;}
/* Pin customer name to bottom */
.strong-content.strong-normal .testimonial-name {position: absolute !important;bottom: 20px;left: 20px;right: 20px;margin: 0 !important;float: none !important;font-style:normal;font-weight:400;}
/* Plugin clearfix not required */
.strong-content.strong-normal .clear {display: none;}


/* =========================
   CONTACT FORM
========================= */

.wpcf7-form textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="button"],input[type="submit"],input[type="reset"] {padding: 0.8em;border: 1px solid rgba(41, 41, 41, .4);border-radius:10px;}
.wpcf7-form textarea,input[type="text"],input[type="email"],input[type="tel"],input[type="button"],input[type="submit"] {width: 100%;}
input.wpcf7-form-control.wpcf7-submit {width: 200px;background-color: var(--link-colour);color: var(--background-colour);border:none;border-radius: 99px;font-size: 100%;}
input.wpcf7-form-control.wpcf7-submit:hover {background-color: var(--link-hover-colour);color: var(--background-colour);}
.wpcf7 form.sent .wpcf7-response-output {border: 5px solid var(--link-colour)!important;font-weight: bold;}
select {padding: 0.8em;border: 1px solid rgba(41, 41, 41, .4);border-radius:10px;font-size:1.15rem;}



@media all and (min-width:400px){
#site-name {font-size:1.5rem;}
}

@media all and (min-width:500px){
#top-image img {width: 145%;transform: translateX(-30%);}
.cta-button {font-size:1.3rem;}
#site-name {font-size:1.6rem;}
.wp-block-group.area-grid {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

	
@media all and (min-width:600px){
#site-name {font-size:1.7rem;}
#logo {width:13%;}
h1 {font-size:2.4rem;}
h2 {font-size:2.2rem;}
h3 {font-size:1.5rem;}	
th {font-size:1.5rem;}
	
	
.caption p {font-size:1.1rem;}
.caption-large {font-size:2.0rem;}
.caption-head {font-size:0.85rem;margin-bottom:15px;}
.space {margin-bottom:20px;}
.caption .button {font-size:1.1rem;padding:12px 16px;}	
.caption-email {font-size:1.1rem;padding-bottom:40px;}
.cta-button {font-size:1.5rem;}	
}	
	
@media all and (min-width:650px){
#top-image img {width: 140%;transform: translateX(-25%);}
.caption p {font-size:1.05rem;}
.caption-large {font-size:2.4rem;}
.caption .button {font-size:1.1rem;}	
.caption-email {font-size:1.1rem;}
}
	
@media all and (min-width:700px){
#site-name {font-size:1.75rem;}
#logo {width:12%;}
	
.cta-button {font-size:1.6rem;}
.training-flex > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;flex-wrap: nowrap;flex-direction: row;}
.training-flex-item-image {padding: 0;width: 19%;}
.training-flex-item-image .wp-block-image img {width: 100%;height: auto%;display: block;}
.training-flex-item-text {width:80%;}	
	
	
}

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


.flex-footer {flex-direction:row;}
	
.caption p {font-size:1.1rem;}
.caption-large {font-size:2.5rem;}
.caption .button {font-size:1.15rem;}	
.caption-email {font-size:1.15rem;}
}


@media all and (min-width:800px){
#site-name {font-size:1.8rem;}
#logo {width:11%;}
.caption p {font-size:1.15rem;}
.caption-large {font-size:2.55rem;}
.caption-head {font-size:0.85rem;}
.caption .button {font-size:1.18rem;}	
.caption-email {font-size:1.18rem;}	
.cta-button {font-size:1.8rem;}
	
	
.first-flex-group > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;flex-wrap: wrap;flex-direction: row;}
.first-call-item {width:48%;border-top:2px solid var(--dark-colour);}		
.intro-points > .wp-block-group__inner-container {flex-direction: row;align-items: stretch;flex-wrap: nowrap;}
.intro-points > .wp-block-group__inner-container {gap:40px;}
.intro-group-item {width:30%;padding-top:5px;}

}

@media all and (min-width:850px){
#top-image img {width: 135%;transform: translateX(-25%);}
	
}

@media all and (min-width:900px){
#logo {width: 10%;}
.caption p {font-size:1.15rem;}
.caption-large {font-size:2.2rem;}
.caption-head {font-size:0.90rem;}
.caption .button {font-size:1.2rem;}	
.caption-email {font-size:1.2rem;}
}

@media all and (min-width:950px){
.space {margin-bottom: 15px;}	
	
	
#footer-content {flex-direction:row;justify-content:space-between;align-items: start;margin: 0 0;}
#menu-bottom-menu li {text-align:right;}
#menu-bottom-menu li a {padding: 0px;}
#address {width:30%;text-align:left;}
#contact {width:30%;}
#legal {width:30%;text-align:right;}
#cta h2 {font-size:220%;}
.primary-caption h2 {font-size:220%;}	
#top-image img {width: 100%;transform: translateX(0%);}	
#top-image::after {content: "";position: absolute;inset: 0;background: linear-gradient(to right,rgba(55, 47, 42, 1) 0%,rgba(55, 47, 42, .8) 25%,rgba(55, 47, 42, .7) 40%,rgba(55, 47, 42, 0) 60%); pointer-events: none;z-index: 1;}
.hero-caption {position: absolute;top: 50%;transform: translateY(-50%);left:1%;width: 42%;color:var(--xpale-colour)!important;padding: 20px;text-align: left;display:block;padding:0.7em 0;padding: 10px;text-align:left;z-index:2;}
	
}

	
@media all and (min-width:1000px){
#logo {width: 9%;}
	
.section-flex > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;flex-wrap: nowrap;flex-direction: row;align-items: stretch;}
.section-flex-item {padding: 0;width: 49%;flex: 1;}
.section-flex-item:has(.wp-block-image) {position: relative;overflow: hidden;}
.section-flex-item:has(.wp-block-image) > .wp-block-group__inner-container {position: absolute;inset: 0;width: 100%;height: 100%;}
.section-flex-item .wp-block-image {position: absolute;inset: 0;margin: 0;width: 100%;height: 100%;}
.section-flex-item .wp-block-image img {width: 100%;height: 100%;object-fit: cover;display: block;}
.section-flex-reverse > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {display: flex;flex-wrap: nowrap;flex-direction: row-reverse;align-items: stretch;}

	
.caption p {font-size:1.2rem;}
.caption-large {font-size:2.3rem;}
.caption-head {font-size:0.90rem;}	
.caption .button {font-size:1.25rem;}	
.caption-email {font-size:1.25rem;}
	
	

	
.intro-image {flex: 0 0 calc(50% - 20px);position: relative;min-height: 0;overflow:hidden;}	
.fit-image {flex: 0 0 calc(50% - 20px);position: relative;min-height: 0;overflow:hidden;}
.fit-image > .wp-block-group__inner-container {height: 100%;display: flex;align-items: center;}	
.fit-image img {width: 100%!important;}
.intro-text {flex: 1;min-width: 0;width: auto;}	
.intro-image {position: relative;overflow: hidden;}
.intro-image > .wp-block-group__inner-container {position: absolute;inset: 0;}
.intro-image figure {width: 100%;height: 100%;margin: 0;}
.intro-image img {width: 100%;height: 100%;object-fit: cover;object-position: center center;display: block;}
	
}	
	
@media all and (min-width:1100px){
#logo {width: 8%;}	
	
.page-intro-group > .wp-block-group__inner-container {flex-direction: row;align-items: stretch;flex-wrap: nowrap;}
.page-intro {width:48%;}
.intro-points {width:50%;}		
.intro-group-item {width:100%;margin-left:0px;margin-right:0px;}
.page-intro-group > .wp-block-group__inner-container {gap:40px;}
}

@media all and (min-width:1200px){
.caption p {font-size:1.4rem;}
.caption-large {font-size:2.6rem;}
.caption-head {font-size:0.95rem;}	
.caption .button {font-size:1.35rem;}
.caption-email {font-size:1.35rem;}
}		
	
	
/* NORMAL MENU */
@media all and (min-width:1300px){
h2 {font-size:2.9em;}	
#header {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;}
#menu li a:hover {border-radius:8px;}
#site-header {width:25%;padding-right:0px;}
#logo {padding-left:0;width:20%;max-width:100px;padding-top:5px;}
#site-name {font-size:1.22rem;}	
#menu-control {display:none;}
#menu-container {width:73%;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;font-size:1.0rem;}
#menu li a {padding:7px;display:block;border-top:0;text-align:center;font-size:0.95rem;}
.menu-item:hover>ul {position: absolute;min-width: 100%;left: 0;top: 100%;}	


.caption p {font-size:1.5rem;}
.caption-large {font-size:3.0rem;}
.caption .button {font-size:1.4rem;}
.caption-email {font-size:1.4rem;}
}

@media all and (min-width:1400px){
.caption p {font-size:1.55rem;}
.caption-large {font-size:3.2rem;}
#logo {width:22%;max-width:100px;padding-top:5px;}
#site-name {font-size:1.32rem;}
#menu-main-menu li {padding:1px;flex:auto;}
}


@media all and (min-width:1450px){
h2 {font-size:3.0em;}	
.hero-caption {left: 2%;}
.hero-caption {left: 5%;}
.dark-section::before {content: "";position: absolute;inset: 0;left: 50%;width:100vw;transform: translateX(-50%);background: var(--dark-colour);z-index: -1;}
.light-section::before {content: "";position: absolute;inset: 0;left: 50%;width:100vw;transform: translateX(-50%);background: var(--background-colour);z-index: -1;}
.pale-section::before {content: "";position: absolute;inset: 0;left: 50%;width:100vw;transform: translateX(-50%);background: var(--xpale-colour);z-index: -1;}
.cta-section::before {content: "";position: absolute;inset: 0;left: 50%;width:calc(100vw + 2px);transform: translateX(-50%);background: var(--pale-colour);z-index: -1;}
}
	
@media all and (min-width:1500px){
h2 {font-size:3.2em;}
.caption p {font-size:1.57rem;}
.caption-large {font-size:3.4rem;}
#site-name {font-size:1.42rem;}

}	
	

@media all and (min-width:1600px){
#site-name {font-size:1.5rem;}
h2 {font-size:3.3rem;}
.caption p {font-size:1.6rem;}
.caption-large {font-size:3.7rem;}
}

@media all and (min-width:1700px){
#site-name {font-size:1.55rem;}
}

@media all and (min-width:1800px){
#site-name {font-size:1.6rem;}
}
