/* Normalise CSS */
html{line-height:1.4;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2rem;margin:.67rem 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1rem}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1rem}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25rem}sup{top:-.5rem}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance: button;}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35rem .75rem .625rem}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Webfont */
@font-face {font-family:"Archivo";src: url("archivo/Archivo-Regular.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-Italic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:400;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-SemiBold.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:600;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-SemiBoldItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:600;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-ExtraBold.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:800;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-ExtraBoldItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:800;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-Black.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:900;}
@font-face {font-family:"Archivo";src: url("archivo/Archivo-BlackItalic.woff2") format("woff2");font-display:swap;font-style:italic;font-weight:900;}


/* Framework*/
:root
{
    --lightTextColour: #FFF;
    --darkTextColour: #000;
    --primaryColour: #42642F;
    --highlightColour: #942C0D;
    --primaryFont: 'Archivo', sans-serif;
}
/* --OldprimaryColour: #084839;
--OldhighlightColour: #B64462; */

html, body {min-width:320px;color:#000000;font-size:16px;font-weight:400;font-family: var(--primaryFont);line-height:1.4;position:relative;display:block;overflow-x:hidden;min-height:100svh;margin:0;padding:0;border:0;}
* {box-sizing: border-box;}
img {display:block;max-width:100%;}
p:first-child {margin-top:0;}
p:last-child {margin-bottom:0;}
h1,h2,h3,h4,h5 {margin:0;}
body[data-input-method="mouse"] * {outline:none !important;}

/* Exceptions */
.exception .wrapper {text-align:center;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:50vh;max-width:550px;margin:auto;}
.exception .wrapper::before {content:'';opacity:0.75;display:block;width:100px;height:100px;background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:10px;}
.exception[data-exception="error"] .wrapper::before {background-image:url('icons/error.svg');}
.exception[data-exception="maintenance"] .wrapper::before {background-image:url('icons/cogs.svg');}
.exception[data-exception="not-found"] .wrapper::before {background-image:url('icons/warning.svg');}

/* Section */
section {display:block;}
section > .container {margin:auto;display:block;position:relative;}
section > .container.full {max-width:2400px;}
section > .container.main {width:min(1480px, calc(100% - 40px));padding:0px 20px;}
section > .container.narrow {width:min(1200px, calc(100% - 120px));padding: 0px 20px;}

/* Text Aligns */
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-right {text-align: right;}

/* Background Colours */
.bg-grey {background-color:#c4c4c4;color:var(--darkTextColour);}
.bg-black {background-color: #000;color:var(--lightTextColour);}

/* Pagination */
ul.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:20px 0 60px 0;padding:0;}
ul.pagination li{margin:0;padding:0;list-style:none;}
ul.pagination li a{display:block;padding:0 6px;color:#000000;text-decoration:none;font-size:1rem;font-weight:600;}

/* Skip To Content */
.skip-to-content {position:absolute;left:-200%;top:0;display:block;width:100%;text-decoration:none;font-weight:600;text-align:center;background-color:#eee;color:#000;font-size:1rem;padding:10px;outline:none;border:0;}
body[data-input-method="keyboard"] .skip-to-content:focus {position:relative;left:unset;}

/* Buttons */
.primary-button {display:inline-block;appearance: none;border:2px solid var(--highlightColour);padding:10px 35px;background-color:var(--highlightColour);color:#fff;text-decoration: none;font-size:1.125rem;font-weight:700;border-radius:9px;transition:background-color .25s ease-in-out;}
.primary-button:hover, .primary-button:focus {background-color:#fff;color:var(--highlightColour);}
.primary-button.black {display:inline-block;appearance: none;border:2px solid #000;padding:10px 35px;background-color:#000;color:#fff;text-decoration: none;font-size:1.125rem;font-weight:700;border-radius:9px;transition:background-color .25s ease-in-out;}
.primary-button.black:hover, .primary-button.black:focus {background-color:#fff;color:#000;}


/* Header */
header {background-color: var(--primaryColour);}
header .container {width:min(1480px, calc(100% - 40px));margin:auto;}
header .wrapper {display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;padding:20px;}

/* Header Navigation */
header nav {line-height:120%;}
header .wrapper nav ul {display:flex;flex-direction:row;list-style:none;margin:0;padding:0;justify-content:end;gap:60px;}
header .wrapper nav li {font-weight:600;display:block;position:relative;}
header .wrapper nav button {appearance:none;position:relative;padding:15px 25px;border:0;background-color:transparent;font-size:1.125rem;color:#fff;font-weight:600;}
header .wrapper nav button:hover {cursor:pointer;color: #000;}
header .wrapper nav a {display:inline-block;text-decoration:none;color:#fff;position:relative;padding:15px 25px;font-size:1.125rem;}
header .wrapper nav a:hover {color: #000;}
header .wrapper nav ul li > ul {display:none;position:absolute;z-index:2;width:300px;left:0;border-radius:10px;overflow:hidden;}
header .wrapper nav ul li > ul li a{color:#000;}
header .wrapper nav ul li > ul li a:hover{color:var(--highlightColour);}
header .wrapper nav ul li:last-child > ul {right:0;left:unset;}
header .wrapper nav button[aria-expanded="true"] ~ ul {display:block;}
header .wrapper nav li ul {background-color:#FFF;border:1px solid #c4c4c4;}
header .wrapper nav > ul > li:last-of-type {color:#fff;background-color: var(--highlightColour);border-radius: 10px;min-width:140px;text-align: center;}
header .wrapper nav > ul > li:last-of-type a:hover {color:#000;}

#mobile-nav-button { display:none; }


/* Mobile */
#mobile-nav-button { z-index:2; position:absolute; border-radius:15px; top:20px; right:20px; height:45px; width:45px; appearance: none; border:0px; background-color:#fff; background-image:url('../core/icons/Menu.svg'); background-repeat: no-repeat; background-position: center; background-size:auto 40%; }
#mobile-nav-button:hover, body[data-input-method="keyboard"] #mobile-nav-button:focus { cursor: pointer; border:1px solid #333; }

.mobile-nav-panel { display:none; position:fixed; right:0; top:0; width:100%; max-width:360px; z-index:2; }
.mobile-nav-panel.open { display:block; }
.mobile-nav-panel .main-panel, .mobile-nav-panel .sub-panel { position:absolute; width:100%; min-height:100vh; top:0; right:0; background-color:var(--primaryColour); display:flex; flex-direction: column; gap:10px; padding:20px 20px 60px 20px; z-index:100; overflow:auto; }
.mobile-nav-panel .sub-panel { display:none; z-index:101; }
.mobile-nav-panel .sub-panel.open { display:flex; }
.mobile-nav-panel .sub-panel .panel-nav { justify-content: start; }
.mobile-nav-panel .main-panel .buttons { flex-direction: column; gap:10px; flex-wrap: unset; width:220px; text-align: center; margin-top:10px; }
.mobile-nav-panel .mobile-nav { list-style: none; width:100%; display:block; padding: 0px 20px;}
.mobile-nav-panel .mobile-nav ul {list-style: none;padding: 0px;}
.mobile-nav-panel .mobile-nav li { margin-bottom:15px; }
.mobile-nav-panel .mobile-nav li a, .mobile-nav-panel .mobile-nav li button { appearance: none; display:block; border:0; color:#fff; background-color:transparent; padding:0; text-align: left; text-decoration: none;  font-size:1.125rem; padding:15px 0px 6px 0px; width:100%; }
.mobile-nav-panel .mobile-nav li:hover { cursor: pointer; }
.mobile-nav-panel .mobile-nav li a.child { margin-left: 18px; font-size: 1.25rem; padding-top: 0px; }
.mobile-nav-panel .mobile-nav li a span, .mobile-nav-panel .mobile-nav li button span { position:relative; }

.mobile-nav-panel .mobile-nav li a span::after, .mobile-nav-panel .mobile-nav li button span::after { content:''; display:block; height:2px; width:0; position:absolute; bottom:-10px; left:0; transition:width .25s ease-in-out; background-color:var(--highlightColour); }
.mobile-nav-panel .mobile-nav li:hover a span::after, .mobile-nav-panel .mobile-nav li:hover button span::after { width:100%; }
.mobile-nav-panel .mobile-nav li a:hover, .mobile-nav-panel .mobile-nav li button:hover { cursor: pointer; }

.mobile-nav-panel .mobile-nav.main li:last-child { margin-top:20px;position: absolute;bottom: 20px;width: calc(100% - 80px);left: 40px;right: 40px; }
.mobile-nav-panel .mobile-nav.main li:last-child a span { border-radius:10px; background-color:var(--highlightColour);font-size: 1.125rem;text-transform: capitalize;    line-height: 1.15;color: #fff; padding:20px 40px; display:block; min-width:140px; text-align: center; }
.mobile-nav-panel .mobile-nav.main li:last-child a span::after { display:none; }

.mobile-nav-panel .panel-nav { width:100%; display:flex; flex-direction: row; justify-content: end; margin-bottom:30px; }
.mobile-nav-panel .close-button { appearance: none; font-size: 1.25rem; border:1px solid transparent; background-color:transparent; padding:10px 60px 10px 10px; color:#fff; position:relative; border:1px solid transparent; border-radius:5px; }
.mobile-nav-panel .close-button::after { content:''; position:absolute; top:0; bottom:0; right:0; height:100%; aspect-ratio: 1/1; display:block; background-image:url('../core/icons/MobMenuClose.svg'); background-position: center; background-repeat: no-repeat; background-size:auto 60%; }
.mobile-nav-panel .close-button:hover { border:1px dashed #fff; cursor: pointer; }
.mobile-nav-panel .back-button { appearance: none; font-size: 1.25rem; border:1px solid transparent; background-color:transparent; padding:10px 10px 10px 60px; color:#fff; position:relative; border:1px solid transparent; border-radius:5px; }
.mobile-nav-panel .back-button::before { content:''; position:absolute; top:0; bottom:0; left:0; height:100%; aspect-ratio: 1/1; display:block; background-image:url('../core/icons/Arrow.svg'); background-position: center; background-repeat: no-repeat; background-size:auto 40%; transform:rotate(180deg); }
.mobile-nav-panel .back-button:hover { border:1px dashed #fff; cursor: pointer; }
 
/* Footer */
footer {background-color:var(--primaryColour);color: #fff;margin-top: 80px;}
footer .container {width:min(1480px, calc(100% - 40px));margin:auto;}
footer .wrapper {padding:100px 20px 40px;text-align:center;}
footer .wrapper .columns {display: grid;grid-template-columns: repeat(3, 1fr);gap:60px;text-align:left;margin-bottom: 40px;}
footer .wrapper .columns .col .heading {font-size:1.625rem;font-weight: 600;margin-bottom: 20px;}
footer .wrapper .columns .col .mobile-header{display:none;border:0;padding:0;color:inherit;background-color:transparent;width:100%;font-weight:600;font-size:1.375rem;font-family:"brother-1816", sans-serif;text-align:left;border-bottom:1px solid #FFFFFF;padding-bottom:10px;}

footer .wrapper .columns .col nav ul{list-style-type: none;padding: 0px;}
footer .wrapper .columns .col nav ul li a{color: inherit;text-decoration: none;font-size: 1.1875rem;font-weight: 600;display: block;position: relative;padding: 10px 0px;border-bottom: 1px solid #fff;    padding-right: 40px;}
footer .wrapper .columns .col nav ul li a::after{    content: ''; position: absolute; right: 0; width: 32px; height: 25px; background: no-repeat center url(../core/icons/Arrow.svg);filter: invert(1);}
footer .wrapper .columns .col address {font-style: normal;font-size: 1.1875rem;font-weight: 600;}
footer .wrapper .columns .col ul.socials {display: flex;gap:10px;padding: 0px;list-style: none;}
footer .wrapper .columns .col ul.socials li a{background-color: #fff;width: 48px;height:48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transform:scale(1);transition:all .25s ease-in-out;}
footer .wrapper .columns .col ul.socials li a:hover {transform:scale(1.05);}

footer .wrapper .bottom-line {font-size: 1.375rem;font-weight: 600;border-top: 1px solid #fff;padding-top: 20px;}
footer .wrapper .bottom-line span{position: relative;margin-right: 20px;}
footer .wrapper .bottom-line span::after{content: '|';position: absolute;right:-15px;}
footer .wrapper .bottom-line span:last-of-type::after{content: '';}
footer .wrapper .bottom-line span a {color: inherit;}

/* Sections */
section[data-section="top-image"] .image-wrapper {background-color: #000;border-radius: 0px 0px 30px 30px;overflow: hidden;}
section[data-section="top-image"] .image-wrapper.has-text img {opacity: 0.75;}
section[data-section="top-image"] .image-container img {width:100%;height:auto;max-height:700px;object-fit:cover;}
section[data-section="top-image"] .textbox-wrapper  {position: absolute;left:20px;right:20px;top:0;bottom:0;display: flex;    align-items: center;}
section[data-section="top-image"] .textbox-wrapper .textbox {max-width:605px;margin-left:50%;margin-right: 20px;}
section[data-section="top-image"] .textbox-wrapper .textbox .heading{font-size:2.75rem;font-weight:900;line-height:normal;text-align: center;color: #fff;}
section[data-section="top-image"] .textbox-wrapper .textbox a {text-decoration: none;display: flex; align-items: center;gap:15px;color:#000;background-color: #D9D9D9;padding:20px;border-radius:30px;margin-top:20px;transform:scale(1);transition:all .25s ease-in-out;}
section[data-section="top-image"] .textbox-wrapper .textbox a:hover {transform:scale(1.025);}
section[data-section="top-image"] .textbox-wrapper .textbox a .icon{width: 90px;}
section[data-section="top-image"] .textbox-wrapper .textbox .label {font-size:1.5rem;font-weight:800;}

/* section[data-section="top-image"][data-marquee="true"] {padding-top:48px;position: relative;} */
section[data-section="top-image"][data-marquee="true"] {position: relative;}
section[data-section="top-image"][data-marquee="true"] .marquee {position: absolute;top:0;width:100%;margin: 0px;padding:2px 0px;background-color: var(--primaryColour);color:#fff;font-size:1.0625rem;font-weight:600;} 
section[data-section="top-image"][data-marquee="true"] .marquee .ticker {text-wrap: nowrap;animation-duration: 20s ;animation-iteration-count: infinite ;animation-name: marquee ;animation-timing-function: linear ;} 


section[data-section="news-detail"] { margin: 40px 0;}
 
	#cc-main {
		/** Change font **/
		--cc-font-family: var(--primaryFont);
		/** Change button primary color  **/
		--cc-btn-primary-bg: var(--highlightColour);
		--cc-btn-primary-border-color: var(--highlightColour);
		--cc-btn-primary-hover-bg: #fff;
		--cc-btn-primary-hover-border-color: #fff;
	}
	button[data-cc="show-preferencesModal"]{font-family: var(--primaryFont); background: unset; border: unset; text-decoration: underline; color: #333;padding: 0px;}
	button[data-cc="show-preferencesModal"]:hover, button[data-cc="show-preferencesModal"]:focus{color: #000;}	

/* Media */
@media (max-width:1200px){
    header nav ul {gap:25px;}
    section[data-section="top-image"] .textbox-wrapper .textbox .heading{font-size: 2rem;}

}
@media (max-width:1080px)
{
    footer .wrapper .columns {gap:30px;}
    footer .wrapper .columns .col .heading {font-size:1.375rem;}
    footer .wrapper .bottom-line {font-size: 1rem;}
    section[data-section="top-image"] .image-container img {max-height:650px;}
}
@media (max-width:1020px){

    header {position: absolute;top:0;width:100%;z-index: 20;}
    /* header .logo img {filter: invert(1);} */
    header .wrapper nav > ul {display: none;}
    #mobile-nav-button {display:block;}
}
@media (max-width:920px){

    section[data-section="top-image"][data-marquee="true"] {padding-top:0px;}
    section[data-section="top-image"][data-marquee="true"] .marquee {position: relative;top:unset;} 
    section[data-section="top-image"][data-marquee="true"] .marquee .ticker {animation-duration: 10s ;}

    footer .wrapper .columns {display: grid;grid-template-columns: 1fr;gap:40px;text-align:left;margin-bottom: 40px;}

    footer .wrapper .columns .col .mobile-header{display:block;position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
    footer .wrapper .columns .col .mobile-header .plus{display:block;position:relative;width:18px;}
    footer .wrapper .columns .col .mobile-header .plus::before{content:'';position:absolute;left:50%;top:50%;background-color:#ffffff;height:4px;width:18px;margin-top:-2px;margin-left:-9px;border-radius:2px;}
    footer .wrapper .columns .col .mobile-header .plus::after{content:'';position:absolute;left:50%;top:50%;background-color:#ffffff;width:4px;height:18px;margin-left:-2px;margin-top:-9px;transition:transform 1s ease;transform:scaleY(1);border-radius:2px;}
    footer .wrapper .columns .col .mobile-wrapper{visibility:hidden;height:0;transform:scaleY(0);transform-origin:top center;transition:transform .25s ease-in-out;}
    footer .wrapper .columns .col .mobile-wrapper.open {visibility: visible;height:unset;padding-top:30px;transform: scaleY(1);transition:transform .25s ease-in-out;}
    footer .wrapper .columns .col .mobile-wrapper.open .heading{display:none;}
    footer .wrapper .columns .col .mobile-header.open .plus::after{transform:scaleY(0);}
    
    section[data-section="top-image"] .textbox-wrapper .textbox .heading{font-size: 1.625rem;}
    section[data-section="top-image"] > .container.main {width:100%;padding: 0px;}
    section[data-section="top-image"] .image-container img {border-radius: 0px;max-height: 720px;height: 720px;}
    section[data-section="top-image"] .image-wrapper {border-radius: 0px;}
}

@media (max-width:760px){
    section[data-section="top-image"] .textbox-wrapper .textbox{margin: 0px auto;max-width:100%}
    section[data-section="top-image"] .textbox-wrapper .textbox a {position: absolute;bottom:40px; left: 0; right: 0;}

}
@media (max-width:720px)
{
    section > .container.main {width:100%;}
    section > .container.narrow {width:100%;}
}

/* Animations */
@keyframes marquee {
	from {
		transform: translateX( 100% );
	}
	to {
		transform: translateX( -100% );
	}
}