/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ========= Mohunkys Repsonsive Framework V6 ========= */
/* ================= MRWD SITE STYLES ================= */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */

/* -------------------------------------------- */
/* ================= COLOURS ================== */
/* -------------------------------------------- */
:root	{

	--colorPrimary:#cd1719;
	--colorDarkBlue:#004985;
	--colorMidBlue:#009fe3;
	--colorLightBlue:#83d0f5;
	--colorPaleBlue:#dbf0fd;
	--colorPaleGreen:#B0D199;
	--colorGreen:#9BC53D;
	--colorDark:#000000;
	--colorWhite:#fff;
	--colorWhite80pc:rgba(255,255,255,0.8);
}

/* --------------------------------------------- */
/* ================== Buttons ================== */
/* --------------------------------------------- */
.iMadeAChange				{   background-color:firebrick;   }
/* --- Normal Buttons --- */
a.button,
a.button:visited,
button,
input.button,
label.button,
.fauxBtn					{   position:relative; display:inline-block; margin:0 0.5em 0.5em 0; padding:0.5rem 2rem; outline:none; border-radius:0.5em; border:2px solid var(--colorDarkBlue); background:var(--colorDarkBlue); font-size:1.000em; font-weight:700; line-height:normal; color:#fff; text-transform:uppercase;
								-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
a.button:hover,
button:hover,
input.button				{   background:#323232; border-color:#323232; text-decoration:none; color:#fff; cursor:pointer;   }
.fauxBtn:hover				{   cursor:inherit;   }

/* --- Ghost Buttons --- */
a.button.ghost,
button.ghost,
.fauxBtn.ghost				{   background-color:transparent; border-color: var(--colorPrimary); color:#323232;   }
a.button.ghost:hover,
button.ghost:hover			{   background-color:var(--colorPrimary); color:#fff;   }

/* --- Small Buttons --- */
a.button.small,
button.small,
label.button.small,
.fauxBtn.small				{   font-size:0.875em; text-transform:uppercase;   }
a.button.tag,
button.tag,
.fauxBtn.tag				{   padding:0.250rem 0.750rem; font-size:0.750rem; text-transform:uppercase;   }

/* --- Red Buttons --- */
a.button.red,
button.red,
input.button.red,
label.button.red,
.fauxBtn.red				{   border-color:var(--colorPrimary); background-color:var(--colorPrimary);   }
a.button.red:hover,
button.red:hover,
.fauxBtn.red:hover			{   border-color:var(--colorDark); background-color:var(--colorDark);   }
a.button.red:disabled,
button.red:disabled,
.fauxBtn.red:disabled		{   border-color:var(--colorDark); background-color:var(--colorDark); cursor:not-allowed;   }

/* --- Pale Blue Buttons --- */
a.button.paleBlue,
button.paleBlue,
input.button.paleBlue,
label.button.paleBlue,
.fauxBtn.paleBlue				{   border-color:var(--colorPaleBlue); background-color:var(--colorPaleBlue); color:var(--colorMidBlue);   }
a.button.paleBlue:hover,
button.paleBlue:hover,
.fauxBtn.paleBlue:hover			{   border-color:var(--colorMidBlue); background-color:var(--colorMidBlue); color:var(--colorWhite);   }
a.button.paleBlue:disabled,
button.paleBlue:disabled,
.fauxBtn.paleBlue:disabled		{   border-color:var(--colorDark); background-color:var(--colorDark); cursor:not-allowed;   }
a.button.paleBlue.active,
button.paleBlue.active,
.fauxBtn.paleBlue.active		{   border-color:var(--colorMidBlue); background-color:var(--colorMidBlue); color:var(--colorWhite);   }

/* --- Wide Buttons --- */
a.button.widest,
button.widest,
label.button.widest,
.fauxBtn.widest				{   box-sizing:border-box; width:100%; text-align:center;   }

/* --- Icon Buttons --- */
a.button.icnBtn,
button.icnBtn,
.fauxBtn.icnBtn				{   padding:0.250em 1em 0.3125em 1em;   }
a.button.icnBtn svg,
button.icnBtn svg,
.fauxBtn.icnBtn svg			{   position:relative; top:0.1875em; display:inline-block; width:1em; height:1em; margin-right:0.250em;   }

/* --- Pagination Buttons --- */
#pagination					{   display:block; margin:0; padding:0; list-style:none; text-align:center;   }
#pagination li				{   display:inline-block;    }
#pagination a.pageNumber	{   display:block; min-width:1.250rem; color:var(--colorMidBlue); font-weight:600;   }
#pagination a.pageNumber.active	{   color:var(--colorPrimary);   }


#pagination a.button.prev	{   margin:0 0.500rem 0 0;   }
#pagination a.button.next	{   margin:0 0 0 0.500rem;   }
#pagination a.disabled		{   background-color:var(--colorLightBlue); border-color:var(--colorLightBlue);   }
#pagination a.disabled:hover	{   cursor:default;   }

/* --- Subnav Buttons --- */
.subNav						{   display:block; margin:0; padding:0; list-style:none;   }
.subNav li					{   display:inline-block; padding:0 0.500rem 0 0;   }
.subNav li a.button			{   margin:0; padding:0.125rem 0.500rem; background-color:transparent; border-color:transparent; font-size:0.875rem;   }
.subNav li a.button.active	{   background-color:var(--colorMidBlue); border-color:var(--colorMidBlue);   }
.subNav li a.button.ghost	{   border-color:var(--colorMidBlue); color:var(--colorWhite);   }
.subNav li a.button.ghost:hover	{   background-color:var(--colorMidBlue);   }

/* --- Filter Buttons --- */
.filter						{   display:block; margin:0; padding:0; list-style:none;   }
.filter li					{   display:inline-block; padding:0 0.500rem 0.250rem 0;   }
.filter li a.button			{   margin:0; padding:0.125rem 0.500rem; background-color:var(--colorMidBlue); border-color:var(--colorMidBlue); font-size:0.875rem; color:white;   }
.filter li a.button.active	{   background-color:var(--colorPrimary); border-color:var(--colorPrimary);   }
.filter li a.button:hover	{   background-color:var(--colorPrimary); border-color:var(--colorPrimary);   }

/* --- Umbraco Block List Editor button reset --- */
.btn-reset					{   width:100%; margin:0; padding:2.5rem 1rem 3.5rem 1rem; border:1px solid #e9e9eb; background:#fff; text-transform:none; color:inherit; text-align:inherit; overflow:hidden;   }
.btn-reset:hover			{   background:#fff; color:inherit;   }

/* --------------------------------------------- */
/* ================== Helpers ================== */
/* --------------------------------------------- */

/* --- Background Colours --- */
.bgPrimary			{   background-color:var(--colorPrimary);   }
.bgDarkBlue			{   background-color:var(--colorDarkBlue);   }
.bgMidBlue			{   background-color:var(--colorMidBlue);   }
.bgLightBlue		{   background-color:var(--colorLightBlue);   }
.bgPaleBlue			{   background-color:var(--colorPaleBlue);   }
.bgGreen			{   background-color:var(--colorGreen);   }
.bgPaleGreen		{   background-color:var(--colorPaleGreen);   }
.bgDark				{   background-color:var(--colorDark);   }
.bgWhite			{   background-color:var(--colorWhite);   }
.bgImg				{   background-position:center; background-size:cover;   }

/* --- Text Colours --- */
.txtPrimary			{   color:var(--colorPrimary);   }
.txtDarkBlue		{   color:var(--colorDarkBlue);   }
.txtMidBlue			{   color:var(--colorMidBlue);   }
.txtLightBlue		{   color:var(--colorLightBlue);   }
.txtPaleBlue		{   color:var(--colorPaleBlue);   }
.txtDark			{   color:var(--colorDark);   }
.txtWhite			{   color:var(--colorWhite);   }

/* --- Icons --- */
.inlineIcn			{   position:relative; top:0.250em; display:inline-block; width:1.250em; height:1.250em; margin-right:0.250em;   }

/* --- SVG Fill Colours --- */
.fillPrimary		{   fill:var(--colorPrimary);   }
.fillDarkBlue		{   fill:var(--colorDarkBlue);   }
.fillMidBlue		{   fill:var(--colorMidBlue);   }
.fillLightBlue		{   fill:var(--colorLightBlue);   }
.fillPaleBlue		{   fill:var(--colorPaleBlue);   }
.fillDark			{   fill:var(--colorDark);   }
.fillWhite			{   fill:var(--colorWhite);   }

/* --- Images --- */
.roundedImg			{   border-radius:0.5rem; overflow:hidden;   }
.roundedImg img		{   display:block;   }
.roundedPanel		{   border-radius:0.5rem; overflow:hidden;   }
.roundedPanel .panelImg		{   position:relative; top:-1rem; left:-1rem; width:calc(100% + 2rem); max-width:calc(100% + 2rem);   }

/* ------------------------------------------- */
/* ================== Icons ================== */
/* ------------------------------------------- */
.svgSocialIcn				{   fill:var(--colorWhite); transition: all 0.25s ease-in-out;    }
.svgSocialIcnBg				{   fill:var(--colorMidBlue); transition: all 0.25s ease-in-out;    }
a:hover .svgSocialIcnBg		{   fill:var(--colorPaleBlue);   }


/* ------------------------------------------------------------------ */
/* ================== General & Reusable Elements =================== */
/* ------------------------------------------------------------------ */
/* --- Layout Helpers --- */

/* --- Site Headers --- */
#masterHdr					{      }
#hdrLogo					{   width:100%; max-width:13rem; margin-top:-2rem;   }
#hdrLogo a, #hdrLogo a:hover{      }

/* --- Global Footer --- */
globalFtr					{      }
#ftrLogo					{      }

/* --- Image Gallery --- */
ul.imgGallery				{   display:flex; flex-wrap:wrap; width:100%; margin:0; padding:0; list-style:none;   }
.imgGallery li				{   display:block; box-sizing:border-box; width:33.33%; padding:0.500rem;   }
.imgGallery li img			{   display:block;   }
.imgGallery li button			{   display:block; margin:0; padding:0; border:none; border-radius:0.5rem; overflow:hidden; transition:transform 0.25s ease-in-out;   }
.imgGallery li button:hover		{   transform:scale(1.025);   }

.galleryModal					{   position:fixed; top:0; left:0; width:100%; height:0; z-index:800;
									display:flex; align-items:center; justify-content:center; overflow:hidden; transition: all 0.5s ease-in-out;   }
.galleryModal .overlayBg		{   position:fixed; top:0; right:0; bottom:0; left:0; z-index:801; height:0; background-color:rgba(28, 30, 35,0.8); opacity:0; transition:opacity 0.25s ease-in-out;   }
.galleryModal img				{   position:relative; z-index:802; opacity:0; max-width:88vw; max-height:100vh; transition:opacity 0.25s ease-in-out;   }

.galleryModal .galPrev				{   position:fixed; top:50%; left:-3rem; z-index:803; margin-top:-1.5rem; border:none; background:transparent; transition:left 0.25s ease-in-out;   }
.galleryModal .galPrev svg			{   width:3rem; height:3rem; fill:var(--colorWhite);   }
.galleryModal .galPrev:hover svg	{   fill:var(--colorMidBlue);   }
.galleryModal .galNext				{   position:fixed; top:50%; right:-3rem; z-index:803; margin-top:-1.5rem; border:none; background:transparent; transition:right 0.25s ease-in-out;   }
.galleryModal .galNext svg			{   width:3rem; height:3rem; fill:var(--colorWhite);   }
.galleryModal .galNext:hover svg	{   fill:var(--colorMidBlue);   }

.galleryModal.active				{   height:100vh;   }
.galleryModal.active .overlayBg		{   height:100vh; opacity:1;   }
.galleryModal.active img			{   opacity:1;   }
.galleryModal.active .galPrev		{   left:1rem;   }
.galleryModal.active .galNext		{   right:1rem;   }

/* --- Video Player --- */
.videoPlayer				{   position:relative; margin-bottom:1rem; padding-top:56.25%;   }
.videoPlayer iframe			{   position:absolute; top:0; left:0; width:100%; height:100%;   }

/* --- Map Container --- */
.mapContainer				{   position:relative; padding-top:65%;   }
.mapContainer iframe		{   position:absolute; top:0; left:0; width:100%; height:100%;   }

/* --- Slider --- */
.sliderDefault				{   margin:0; padding:0; list-style:none;   }


/* --------------------------------------------- */
/* ================== Heroes =================== */
/* --------------------------------------------- */
.heroContent				{   position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%;   }
.heroCircle					{   display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:22.625rem; height:22.625rem; padding:1rem; border-radius:50%; background-color:rgba(255,255,255,0.8); text-align:center;   }
.miniHero					{   padding:3rem 0; background-image:url('/images/Plain_Sky_Hero.png')   }
.microHero					{   padding:1.5rem 0; background-image:url('/images/Plain_Sky_Hero.png')   }

/* --- Main Home Hero Landscape --- */
#landscape									{      }
#landscape #slidePanel::-webkit-scrollbar	{   display:none;   }
#landscape #slidePanel:hover				{   cursor:grab;   }
#landscape #slidePanel:active				{   cursor:grabbing;   }
#landscape #slidePanel						{   overflow:auto; -ms-overflow-style:none; scrollbar-width:none; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;   }
#landscape #slidePanel #viewport			{   position:relative; width:360rem; height:0; padding-top:38%; background-color:#dff2fd; overflow:hidden;   }
#landscape #slidePanel .imagePanel			{   position:absolute; bottom:0; left:0; width:100%;   }
#landscape #slidePanel .imagePanel svg		{   width:100%;   }
#landscape #slidePanel .imagePanel#sky		{   z-index:1;   }
#landscape #slidePanel .imagePanel#houses	{   z-index:2;   }
#landscape #slidePanel .imagePanel#hills	{   z-index:3;   }
#landscape #slidePanel .imagePanel#trees	{   z-index:4;   }
#landscape #slidePanel .imagePanel#ofsted	{   z-index:5;   }
#landscape #slidePanel .imagePanel#balloon	{   z-index:6;   }
#landscape #slidePanel .imagePanel#girl		{   z-index:9;   }
#landscape #slidePanel .imagePanel img		{   display:block;   }

#landscape #slidePanel .contentPanels		{   position:absolute; top:0; left:0; z-index:7; display:flex; width:100%; height:80%;   }
#landscape #slidePanel .contentPanel		{   position:relative; width:33.3334%;   }

#landscape .noSlide .imagePanel#bus			{   position:absolute; bottom:2%; left:15%; z-index:8; width:16%;    }

/* --- Careers Heroes --- */
#careersHomeHero			{   position:relative; padding:10%; min-height:18rem; overflow:hidden;   }
#careersHero				{   position:relative; padding-top:27%; background-image:url('/images/Plain_Sky_Hero.png')   }
#careersHero.miniHero		{   padding:3rem 0;   }
#careersHeroMicro			{   padding:3rem 0 0 0;   }
#careersHeroMicro h1,
#careersHero h1				{   display:inline-block; margin:0; padding:0.750rem 1rem; border-radius:1rem 1rem 0 0; background-color:var(--colorWhite80pc);   }

/* --- Global Heroes --- */
#globalHero					{   position:relative; background-size:100%; background-repeat:no-repeat;   }
#globalHero.bgTop			{   background-position:top right;   }
#globalHero.bgCtr			{   background-position:center right;   }
#globalHero.bgBtm			{   background-position:bottom right;   }

/* ----------------------------------------------- */
/* ================== Sections =================== */
/* ----------------------------------------------- */
#careersHomeIntro			{   padding-top:6rem;   }
#vacancies					{   padding:4rem 0;   }
#contact					{   padding:6rem 0;   }
#blocks						{   padding-bottom:6rem;   }


/* --------------------------------------------- */
/* ================== Blocks =================== */
/* --------------------------------------------- */
.blockTxtOvrImg				{   padding:6rem 0;   }
.blockImage.bgImg			{   padding-top:33%;   }

/* --- Block spacing --- */
.marginBumper	{   width:100%; height:1px;   }
.mgTopNone		{   margin-top:0;   }
.mgTopSmall		{   margin-top:1.5rem;   }
.mgTopMedium	{   margin-top:3rem;   }
.mgTopLarge		{   margin-top:4.5rem;   }
.mgTopX-Large	{   margin-top:6rem;   }
.mgBtmNone		{   margin-bottom:0;   }
.mgBtmSmall		{   margin-bottom:1.5rem;   }
.mgBtmMedium	{   margin-bottom:3rem;   }
.mgBtmLarge		{   margin-bottom:4.5rem;   }
.mgBtmX-Large	{   margin-bottom:6rem;   }

/* --- Timeline --- */
.timelineSlider						{   display:flex;   }
.blockTimeline						{   position:relative;   }
.blockTimeline .timeline			{   position:absolute; top:50%; left:0; width:100%; height:0.5rem; margin-top:-0.250rem; background-color:var(--colorWhite);   }
.blockTimelineTile					{   display:flex; max-width:54rem; border-radius:0.5rem; overflow:hidden;   }
.blockTimelineTile .contentPanel	{   box-sizing:border-box; width:60%; padding:2rem;   }
.blockTimelineTile .imagePanel		{   width:40%;   }
.blockTimelineTile .imagePanel.iconImg	{   display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:2rem 3rem;   }


/* ---------------------------------------------------- */
/* ================== Register Form =================== */
/* ---------------------------------------------------- */
table#sessionBooking				{   border-spacing:0;   }
#sessionBooking th,
#sessionBooking td					{   padding:0.500rem; text-align:center;   }
#sessionBooking th:first-child,
#sessionBooking td:first-child		{   text-align:left;   }
#sessionBooking label				{   display:block; padding:0.250rem 0;   }

#tabs					{   display:block; margin:0; padding:0; border-bottom:0.125rem solid var(--colorDarkBlue); list-style:none; text-align:center;   }
#tabs li				{   display:inline-block;   }
#tabs li label			{   display:inline-block; margin:0 0.5em; padding:0.5rem 1rem; outline:none; border-radius:0.5rem 0.5rem 0rem 0rem; border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorWhite);   }
#tabs li label:hover	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }

.tabControl				{   width:0; height:0; opacity:0;   }

#tab1Content			{   display:none;   }
#tab2Content			{   display:none;   }
#tab3Content			{   display:none;   }
#tab4Content			{   display:none;   }
#tab5Content			{   display:none;   }
#tab6Content			{   display:none;   }

#tab1NextBtn			{      }
#tab2NextBtn			{      }
#tab3NextBtn			{      }
#tab4NextBtn			{      }
#tab5NextBtn			{      }

/* --- Checked Tabs --- */
#tab1Control:checked ~ .row .column #tabs li label#tab1Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }
#tab2Control:checked ~ .row .column #tabs li label#tab2Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }
#tab3Control:checked ~ .row .column #tabs li label#tab3Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }
#tab4Control:checked ~ .row .column #tabs li label#tab4Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }
#tab5Control:checked ~ .row .column #tabs li label#tab5Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }
#tab6Control:checked ~ .row .column #tabs li label#tab6Btn	{   border:0.125rem solid var(--colorDarkBlue); border-bottom:none; background:var(--colorDarkBlue); color:var(--colorWhite);   }

#tab1Control:checked ~ section#tab1Content					{   display:block;   }
#tab2Control:checked ~ section#tab2Content					{   display:block;   }
#tab3Control:checked ~ section#tab3Content					{   display:block;   }
#tab4Control:checked ~ section#tab4Content					{   display:block;   }
#tab5Control:checked ~ section#tab5Content					{   display:block;   }
#tab6Control:checked ~ section#tab6Content					{   display:block;   }

/* --- Disabled tabs --- */
#tab1Control:disabled ~ .row .column #tabs li label#tab1Btn			{   cursor:not-allowed;   }
#tab2Control:disabled ~ .row .column #tabs li label#tab2Btn			{   cursor:not-allowed;   }
#tab3Control:disabled ~ .row .column #tabs li label#tab3Btn			{   cursor:not-allowed;   }
#tab4Control:disabled ~ .row .column #tabs li label#tab4Btn			{   cursor:not-allowed;   }
#tab5Control:disabled ~ .row .column #tabs li label#tab5Btn			{   cursor:not-allowed;   }
#tab6Control:disabled ~ .row .column #tabs li label#tab6Btn			{   cursor:not-allowed;   }

#tab1Control:disabled ~ .row .column #tabs li label#tab1Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }
#tab2Control:disabled ~ .row .column #tabs li label#tab2Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }
#tab3Control:disabled ~ .row .column #tabs li label#tab3Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }
#tab4Control:disabled ~ .row .column #tabs li label#tab4Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }
#tab5Control:disabled ~ .row .column #tabs li label#tab5Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }
#tab6Control:disabled ~ .row .column #tabs li label#tab6Btn:hover	{   border-color:var(--colorPrimary); background-color:var(--colorPrimary); color:var(--colorWhite);   }

/* --- Tab Progress --- */
#tab2Control:checked ~ .row .column #tabs li label#tab1Btn			{   border-color:var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite);   }

#tab3Control:checked ~ .row .column #tabs li label#tab1Btn,
#tab3Control:checked ~ .row .column #tabs li label#tab2Btn			{   border-color:var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite);   }

#tab4Control:checked ~ .row .column #tabs li label#tab1Btn,
#tab4Control:checked ~ .row .column #tabs li label#tab2Btn,
#tab4Control:checked ~ .row .column #tabs li label#tab3Btn			{   border-color:var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite);   }

#tab5Control:checked ~ .row .column #tabs li label#tab1Btn,
#tab5Control:checked ~ .row .column #tabs li label#tab2Btn,
#tab5Control:checked ~ .row .column #tabs li label#tab3Btn,
#tab5Control:checked ~ .row .column #tabs li label#tab4Btn			{   border-color:var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite);   }

#tab6Control:checked ~ .row .column #tabs li label#tab1Btn,
#tab6Control:checked ~ .row .column #tabs li label#tab2Btn,
#tab6Control:checked ~ .row .column #tabs li label#tab3Btn,
#tab6Control:checked ~ .row .column #tabs li label#tab4Btn,
#tab6Control:checked ~ .row .column #tabs li label#tab5Btn			{   border-color:var(--colorGreen); background-color:var(--colorGreen); color:var(--colorWhite);   }

/* --- Show/Hide Additional Contacts --- */
#showHideSecond ~ label span.checked			{   display:none;   }
#showHideSecond ~ label span.unchecked			{   display:inline;   }
#showHideSecond:checked ~ label span.checked	{   display:inline;   }
#showHideSecond:checked ~ label span.unchecked	{   display:none;   }
#showHideAdditional ~ label span.checked			{   display:none;   }
#showHideAdditional ~ label span.unchecked			{   display:inline;   }
#showHideAdditional:checked ~ label span.checked	{   display:inline;   }
#showHideAdditional:checked ~ label span.unchecked	{   display:none;   }



/* ------------------------------------------- */
/* ================== News =================== */
/* ------------------------------------------- */
ol#newsPosts		{   display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;   }
#newsPosts li		{   display:block; box-sizing:border-box; width:33.33334%; padding:0.750rem; transition:transform 0.25s ease-in-out;   }
#newsPosts li:hover	{   transform:scale(1.025);   }


/* --------------------------------------------------------- */
/* ================== Vacancies Specific =================== */
/* --------------------------------------------------------- */
/* --- Vacancy List --- */
ul#vacancyList					{   display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;   }
#vacancyList li.vacancyCard		{   display:flex; flex-wrap:wrap; width:calc(50% - 1.5rem);   }
li.vacancyCard:nth-child(odd)	{   margin:1.5rem 1.5rem 1.5rem 0;   }
li.vacancyCard:nth-child(even)	{   margin:1.5rem 0 1.5rem 1.5rem;   }
li.vacancyCard header			{   width:100%; padding:1rem;   }
li.vacancyCard .cardBody		{   width:100%; padding:1rem 1rem 0 1rem;   }
li.vacancyCard footer			{   align-self:flex-end; width:100%; padding:0 1rem 1rem 1rem;   }
li.vacancyCard footer .button	{   margin:0;   }

/* --- Vacancy Detail --- */
#vacancyDetail						{   padding:6rem 0;   }
#vacancyDetail #stickyPanelParent	{      }
#vacancyDetail #stickyPanel			{   position:absolute; top:1.5rem; left:0; z-index:3; width:100%;   }
#vacancyDetail #stickyPanel.fixed	{   position:fixed; top:1.5rem; left:0;   }
#vacancyDetail #stickyPanel .column	{   height:0; padding:0; overflow:visible;   }


/* ----------------------------------------------------- */
/* ================== Grove Specific =================== */
/* ----------------------------------------------------- */
/* --- Grove Totals --- */
#groveTotals				{      }
#groveTotals .totalTab		{   padding:1rem 2rem; border-radius:0.5rem;   }
/* --- Grove Year Nav --- */
#groveYears					{   font-size:2.500rem; font-weight:400; font-family:Georgia, Times, Times New Roman, serif; margin:0; line-height:115%; color:var(--colorPrimary);   }
#groveYears .prevYear		{   padding:0 1rem;   }
#groveYears .nextYear		{   padding:0 1rem;   }
#groveYears .disabled		{   padding:0 1rem;   }
#groveYears .prevYear svg	{   width:1.500rem; height:1.500rem; fill:var(--colorPrimary);   }
#groveYears .nextYear svg	{   width:1.500rem; height:1.500rem; fill:var(--colorPrimary);   }
#groveYears .disabled svg	{   width:1.500rem; height:1.500rem; fill:var(--colorPaleBlue);   }
#groveYears .currentYear	{      }
/* --- Grove Tree List --- */
ul#groveTrees				{   display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;   }
#groveTrees li				{   display:block; box-sizing:border-box; width:25%; padding:1rem 1.500rem; text-align:center;   }


/* ----------------------------------------------------- */
/* ==================== Navigation ===================== */
/* ----------------------------------------------------- */
#btnToTop					{   display:block; position:fixed; right:1em; bottom:-0.5em; z-index:9; width:1.5em; height:1.5em; margin:0; padding:0.750em 0.500em 1.5em 0.500em; border-radius:1.25em 1.25em 0 0; background-color:var(--colorPrimary); white-space:nowrap; overflow:hidden; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
#btnToTop svg				{   width:1.5em; height:1.5em; fill:#ffffff;   }
#btnToTop:hover				{   bottom:0;   }
#btnToTop.hidden			{   bottom:-5em;   }

/* --- Site Switcher --- */
nav#siteSwitcher			{   display:block; width:100%; padding:0;   }
#siteSwitcher ul			{   display:block; width:100%; margin:0; padding:0; list-style:none; text-align:right;   }
#siteSwitcher ul li			{   display:inline-block; margin-right:0.250rem;   }
#siteSwitcher ul li a		{   display:block; padding:0.6125em 1.5em 0.5em 1.5em; outline:none; border-radius:0 0 0.5em 0.5em; border:2px solid var(--colorMidBlue); background:var(--colorMidBlue); font-size:0.750rem; font-weight:700; text-transform:uppercase; line-height:normal; color:#fff;
								-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
#siteSwitcher ul li a:hover	{   border-color:var(--colorDarkBlue); background-color:var(--colorDarkBlue);   }
#siteSwitcher ul li a.red	{   border:2px solid var(--colorPrimary); background:var(--colorPrimary);   }

/* --- Site Nav --- */
#rwdMenu                    {   display:none;   }
nav#siteNav					{   width:100%; padding:0;   }
#siteNav ul					{   max-width:none; margin:0; padding:0; font-size:1rem; text-align:right;   }
#siteNav ul li				{   display:inline-block; padding:0;   }
#siteNav ul li a			{   display:block; padding:0.125rem 0.500rem; border:0.125rem solid var(--colorWhite); border-radius:0.5rem; color:var(--colorPrimary); font-size:1rem; font-weight:700; text-transform:uppercase; transition: all 0.25s ease-in-out;   }
#siteNav ul li a:hover		{   border-color:var(--colorPrimary);   }  
#siteNav ul li a.active		{   border-color:var(--colorPrimary);   }

/* --- Footer Nav --- */
nav#ftrNav ul				{   display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; width:100%; margin:0; padding:0; list-style:none;    }
#ftrNav ul li				{   display:block; padding:0.250rem 0.750rem 0.250rem 0;   }
#ftrNav ul li a				{   color:#fff; border:none; font-size:0.750rem; font-weight:600; text-transform:uppercase;   }
#ftrNav ul li:before		{   content:'|'; padding:0 0.750rem 0 0; color:var(--colorMidBlue);   }
#ftrNav ul li:first-child:before {   display:none;   }
#ftrNav ul li a:hover		{   color:var(--colorMidBlue); text-decoration:none;   }
#ftrNav ul li.icon			{   padding:0 0.500rem 0 0;   }
#ftrNav ul li.icon:before	{   display:none;   }
#ftrNav ul li a svg			{   display:block; width:1.750rem; height:1.750rem;   }

/* --- Mobile Nav --- */
#rwdNav						{   display:none;   }

/* --- Mobile Nav Toggle --- */
#menuToggle					{   display:none;   }
.burgerBtn					{   position:relative; width:2.5em; margin:0; padding:1.250em 0; border:none; border-radius:0; background:transparent;
								-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
.burgerBtn:hover			{   background-color:transparent;   }
.burgerBtn .line			{   position:absolute; top:calc(50% - 0.1875em); width:100%; height:0.375em; border-radius:0.1875em; background-color:var(--colorPrimary); transform-origin:center;
								-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
.burgerBtn .lineOne			{   top:calc(20% - 0.1875em);   }
.burgerBtn .lineTwo			{   opacity:1;   }
.burgerBtn .lineThree		{   top:calc(80% - 0.1875em);   }
.active .lineOne			{   top:calc(50% - 0.1875em); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);   }
.active .lineTwo			{   opacity:0;   }
.active .lineThree			{   top:calc(50% - 0.1875em); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);   }


/* --- Small Print Nav --- */
nav.smallPrint ul			{   display:block; margin:0; padding:0; list-style:none;   }
.smallPrint ul li			{   padding:0 0 1em 0;   }
.smallPrint a				{   display:inline-block; margin:0; padding:0;   }
.smallPrint a:hover			{   text-decoration:none; color:#333333;   }

/* --- Sitemap Tree --- */
#humanSitemap ul,
#humanSitemap ul ul			{   margin:0; padding:0; font-size:1.125rem; text-transform:uppercase; font-weight:700; list-style:none;   }
#humanSitemap ul li			{   padding:1rem 0 0 0;   }
#humanSitemap ul ul ul		{   margin:0; padding:0 0 0 1.250rem; font-size:1rem; text-transform:none;   }
#humanSitemap ul ul ul li	{   padding:0;   }
#humanSitemap ul ul ul a	{   color:var(--colorMidBlue);   }

/* --- Sharing --- */
ul.share					{   display:flex; justify-content:flex-end; margin:0; padding:1rem; list-style:none; font-size:1em;   }
.share li:first-of-type		{   flex-grow:2; padding:0.125rem 0 0 0;   }
.share li					{   display:inline-block; padding:0 0 0 0.750rem;   }
.share li a					{   display:block; width:1.750rem; height:1.750rem;   }
.share li a svg				{   display:block; width:1.750rem; height:1.750rem;   }
.share li a:hover			{   color:var(--colorMidBlue); text-decoration:none;   }
.share li a .svgSocialIcnBg				{   fill:var(--colorDarkBlue); transition: all 0.25s ease-in-out;    }
.share li a:hover .svgSocialIcnBg		{   fill:var(--colorMidBlue);   }

/* ------------------------------------------------------- */
/* ==================== Contact Form ===================== */
/* ------------------------------------------------------- */
form .formMandatory		{   color:#ed000c;   }

label					{   display:inline-block; padding:0 0 0.500rem 0; font-size:1rem; text-transform:uppercase; color:var(--colorDarkBlue);   }
label:hover				{   cursor:pointer;   }
label.checkboxLabel		{   text-transform:none;   }
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=date]		{   display:inline-block; box-sizing:border-box; width:100%; margin:0; padding:0.500em 0.750em 0.500em 0.750em; border-radius:0.5em; border:0.125rem solid var(--colorDark); outline:none; line-height:normal; background:#fff;   }

.bgMidBlue input[type=text],
.bgMidBlue input[type=email],
.bgMidBlue input[type=tel],
.bgMidBlue input[type=number],
.bgMidBlue input[type=password],
.bgMidBlue input[type=date]		{   border-color:var(--colorWhite);   }

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus	{   border-color:var(--colorMidBlue);   }
textarea				{   display:inline-block; box-sizing:border-box; width:100%; max-width:100%; min-width:100%; min-height:4.750rem; padding:0.5em 0.750em 0.375em 0.750em; border-radius:0.5em; border:0.125rem solid var(--colorDark); outline:none; background:transparent;   }
textarea:focus			{   border-color:var(--colorMidBlue);   }
#postContactForm		{   margin-right:0;   }

/* --- Drop Down Lists --- */
.selectWrapper			{   position:relative; max-height:2.875rem; border-radius:0.5em; border:0.125rem solid var(--colorDark); background:transparent;   }
select					{   position:relative; z-index:2; display:inline-block; width:100%; height:2.625rem; padding:0 0.750rem 0 0.750rem; border:none; outline:none; background:transparent; line-height:1.5rem; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;   }
select::-ms-expand		{   display:none;   }
select:hover			{   cursor:pointer;   }
select option			{      }
.downArrow				{   position:absolute; bottom:0.750em; right:0.500em; z-index:1; display:block; width:1em; height:1em;   }

/* --- Radio Button List --- */
.radioList								{   overflow:hidden;   }
.radio									{   float:left; margin-right:0.750em;   }
.radio:hover							{   cursor:pointer;   }
.radio .radioButton						{   display:inline-block; position:relative; top:0.125em; left:0.125rem; box-sizing:border-box; width:1em; height:1em; border:0.1875em solid #fff; border-radius:0.5em; background-color:#fff;
											box-shadow: 0 0 0 0.0625em #a7a7a7; -webkit-box-shadow: 0 0 0 0.0625em #a7a7a7; -moz-box-shadow: 0 0 0 0.0625em #a7a7a7;   }
.radio input:checked ~ .radioButton		{   background-color:var(--colorPrimary);   }

/* --- Checboxes --- */
input[type=checkbox]					{      }
.check .checkBox						{   display:inline-block; width:1em; height:1em; padding:0.0675em; background-color:#fff;
											box-shadow: 0 0 0 0.0625em #a7a7a7; -webkit-box-shadow: 0 0 0 0.0625em #a7a7a7; -moz-box-shadow: 0 0 0 0.0625em #a7a7a7;   }
.check .checkBox svg					{   width:1em; height:1em; fill:#fff;   }
.check input:checked ~ .checkBox svg	{   fill:var(--colorPrimary);   }

/* ---  --- */

/* --- Error Messages --- */
input.error,
textarea.error,
.selectWrapper.error		{   border-color:var(--colorPrimary) !important;   }
.formError					{   margin:0.500em 0; padding:0.3571428571428571em 1.500em 0.2857142857142857em 1.500em; border-radius:1.125em; background-color:var(--colorPrimary); font-size:0.875em; color:#fff;   }

/* --- Login Error Messages --- */
.validation-summary-errors ul		{   display:block; margin:0; padding:0; list-style:none; font-size:0.875em;   }
.validation-summary-errors ul li	{   margin:0 0 0.5em 0; padding:0.3571428571428571em 1.500em 0.2857142857142857em 1.500em; border-radius:1.125em; background-color:#af4065; color:#fff; text-transform:uppercase;    }
.input-validation-error				{   border-color:#af4065 !important;   }

/* -------- Form Complete -------- */
#formComplete				{      }

/* -------- Mailchimp -------- */
#mc-embedded-subscribe-form .mc_fieldset			{   margin:0; padding:1rem 0; border:none;   }
#mc-embedded-subscribe-form input[type=checkbox]	{   display:inline; width:auto; margin-right:0.5rem;   }


/* ------------------------------------------------------- */
/* ==================== Search Forms ===================== */
/* ------------------------------------------------------- */
form#search					{      }

/* ---------------------------------------------------------- */
/* ==================== Members Section ===================== */
/* ---------------------------------------------------------- */
/* --- Login Form --- */
#loginForm				{}


/* ---------------------------------------------------------- */
/* ================== CookieBot Overrides =================== */
/* ---------------------------------------------------------- */
#CybotCookiebotDialog a, #CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls									{   font-family:Helvetica Neue,Helvetica,Arial,sans-serif;   }

h2#CybotCookiebotDialogBodyContentTitle										{   font-family:'Open Sans', Helvetica, Arial, sans-serif;   }
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a	{   color:var(--colorPrimary) !important;   }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a							{   color:var(--colorPrimary) !important;   }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active			{   border-bottom-color:var(--colorPrimary) !important; color:var(--colorPrimary) !important;   }

/* --- Buttons --- */
#CybotCookiebotDialogBodyButtonDecline									{   border-color:#1d1d1b !important;   }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll					{   border-color:var(--colorPrimary) !important; border-radius:0 !important; background-color:var(--colorPrimary) !important;   }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection			{   border-color:var(--colorPrimary) !important; border-radius:0 !important;   }
#CybotCookiebotDialogBodyButtonDecline									{   border-radius:0 !important;   }			
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover	{   background:#000 !important; border-color:#000 !important; text-decoration:none; color:#fff !important; cursor:pointer;   }
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll				{   width:auto !important; padding:0.5em 1.5em 0.375em 1.5em !important; border-radius:1.5em; border:2px solid #1d1d1b !important; background-color:transparent !important; font-size:0.750rem; font-weight:400 !important; color:#1d1d1b !important;   }

/* --- Toggles --- */
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider	{   background-color:var(--colorPrimary) !important;   }

/* --- Layout --- */
#CybotCookiebotDialog							{   box-shadow: 0 0 1em 0 rgba(0,0,0,0.2) !important;   }
#CybotCookiebotDialogBodyContentTitle			{   margin:0 0 1rem 0 !important; font-size:1.750rem !important; font-weight:600 !important; line-height:normal !important;   }

#CybotCookiebotDialogBodyLevelButtonsSelectPane	{   border:none !important; text-align:right !important;   }
#CybotCookiebotDialogBodyLevelDetailsWrapper	{   border:none !important; background-color:transparent !important;   }
input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label:not(input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label)	{   background-image:url('/images/cookiebot-checkbox.png') !important;   }

/* Hide the "powered by" in banner state */
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot	{   display:none;   }
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader			{   width:0 !important;   }


@media only screen and (max-width: 1270px) {
	/* --------------------------------------------- */
	/* ================== Laptops ================== */
	/* --------------------------------------------- */
	
	/* --- Page Heroes --- */
	.heroCircle							{   width:28vw; height:28vw;   }
	#heroSpace.caseStudy				{      }
	/* --- Main Home Hero Landscape --- */
	#landscape #slidePanel #viewport	{   padding-top:44%;   }

	/* ========== Navigation ========== */
	/* --- Primary Nav --- */
	nav#masterNav ul li		{      }
}
@media only screen and (max-width: 1024px) {
	/* -------------------------------------------------- */
	/* ================== Tablet Large ================== */
	/* -------------------------------------------------- */

	/* --- Site Headers --- */
	#hdrLogo				{   margin-top:-2.5rem;   }
	/* --- Page Hero --- */
	#heroSpace.caseStudy	{      }
	/* --- News --- */
	#newsPosts li			{   width:50%;   }

	/* ========== Grove Specific ========== */
	/* --- Grove Tree List --- */
	#groveTrees li			{   width:33.3%;   }
}
@media only screen and (max-width: 810px) {
	/* -------------------------------------------------- */
	/* ================== Tablet Small ================== */
	/* -------------------------------------------------- */

	/* --- Site Headers --- */
	#hdrLogo								{   max-width:11rem; margin-top:0;   }
	/* --- Global Heroes --- */
	#globalHero								{   background-size:200%; background-repeat:no-repeat;   }
	#globalHero.bgTop						{   padding-top:40%; background-position:top right;   }
	#globalHero.bgCtr						{   padding-top:40%; background-position:bottom right;   }
	#globalHero.bgBtm						{   padding-bottom:40%;   }
	#globalHero.noImage						{   padding-bottom:0;   }
	/* --- Main Home Hero Landscape --- */
	#landscape #slidePanel #viewport		{   padding-top:50%;   }
	#landscape #slidePanel .contentPanels	{   height:75%;   }
	/* --- Careers Heroes --- */
	#careersHomeHero		{   min-height:14rem;   }
	#careersHero,
	.miniHero				{   background-image:url('/images/Plain_Sky_Hero-small.png')   }
	
	/* ========== Sections ========== */
	#careersHomeIntro		{   padding-top:3rem;   }
	#vacancies				{   padding:3rem 0;   }
	#contact				{   padding:3rem 0;   }

	
	/* ========== Blocks ========== */
	.blockTxtOvrImg			{   padding:0;   }
	/* --- Block spacing --- */
	.mgTopNone		{   margin-top:0;   }
	.mgTopSmall		{   margin-top:1.000rem;   }
	.mgTopMedium	{   margin-top:1.500rem;   }
	.mgTopLarge		{   margin-top:2.250rem;   }
	.mgTopX-Large	{   margin-top:3.000rem;   }
	.mgBtmNone		{   margin-bottom:0;   }
	.mgBtmSmall		{   margin-bottom:1.000rem;   }
	.mgBtmMedium	{   margin-bottom:1.5000rem;   }
	.mgBtmLarge		{   margin-bottom:2.250rem;   }
	.mgBtmX-Large	{   margin-bottom:3.000rem;   }

	/* --- Timeline --- */
	.blockTimelineTile					{   flex-wrap:wrap-reverse; align-content:flex-end;   }
	.blockTimelineTile .contentPanel	{   width:100%;   }
	.blockTimelineTile .imagePanel		{   width:100%; height:14rem;   }
	.blockTimelineTile .imagePanel.iconImg	{   height:auto; padding-bottom:0;   }
	.blockTimelineTile .imagePanel.iconImg img	{   max-height:14rem;   }


	/* ========== Vacancies Specific ========== */
	/* --- Vacancy List --- */
	#vacancyList li.vacancyCard,
	li.vacancyCard:nth-child(odd),
	li.vacancyCard:nth-child(even)	{   width:100%; margin:1.5rem 0;   }
	/* --- Vacancy Detail --- */
	#vacancyDetail					{   padding:3rem 0;   }
	#vacancyDetail #stickyPanelParent	{   display:none;   }
	
	/* ========== Grove Specific ========== */
	/* --- Grove Tree List --- */
	#groveTrees li			{   width:50%;   }

	/* ========== Navigation ========== */
	/* --- Primary Nav --- */
	nav#siteNav				{   display:none;   }
	/* --- Mobile Nav --- */
	#menuToggle				{   display:block;   }
	#rwdNav					{   display:block;   }
	#rwdNav ul				{   display:flex; align-items:flex-end; flex-direction:column; margin:0; padding:0; opacity:0;   }
	#rwdNav ul li			{   padding:0; line-height:initial; font-size:0;   }
	#rwdNav ul li a			{   display:block; padding:0; font-size:0; border:0rem solid var(--colorWhite); border-radius:0.5rem; color:var(--colorPrimary); font-weight:700; text-transform:uppercase;   }
	#rwdNav ul li a.active	{   border-color:var(--colorPrimary);   }

	#rwdNav.open ul			{   padding:1rem 0; opacity:1;   }
	#rwdNav.open ul li		{   padding:0.250rem 0;   }
	#rwdNav.open ul li a	{   padding:0.125rem 0.500rem; border-width:0.125rem; font-size:1rem;   }

	/* Opening transition */
	#rwdNav.open ul				{   transition:padding 0.25s 0s, opacity 0.5s 0.5s;   }
	#rwdNav.open ul li			{   transition:padding 0.25s 0s, font-size 0.5s 0.5s;   }
	#rwdNav.open ul li a		{   transition:padding 0.5s 0s, border-width 0.5s 0s, font-size 0.5s 0s;   }
	/* Closing transition */
	#rwdNav:not(.open) ul		{   transition:opacity 0.25s 0s, padding 0.5s 0.5s;   }
	#rwdNav:not(.open) ul li	{   transition:padding 0.5s 0.5s, font-size 0.5s 0.5s;   }
	#rwdNav:not(.open) ul li a	{   transition:padding 0.5s 0.5s, border-width 0.5s 0.5s, font-size 0.5s 0.5s;   }

	/* --- Footer Nav --- */
	nav#ftrNav ul				{   justify-content:center;   }
}
@media only screen and (max-width: 600px) {
	/* -------------------------------------------------- */
	/* ================== Mobile Large ================== */
	/* -------------------------------------------------- */
	.mblSqrCrnrs			{   border-radius:0;   }
	/* --- Page Heroes --- */
	.heroCircle							{   width:12rem; height:12rem;   }
	/* --- Main Home Hero Landscape --- */
	#landscape #slidePanel #viewport		{   padding-top:20rem;   }
	#landscape #slidePanel .contentPanels	{   height:14rem;   }



}
@media only screen and (max-width: 400px) {
	/* -------------------------------------------------- */
	/* ================== Mobile Small ================== */
	/* -------------------------------------------------- */
	
	/* --- Page Header --- */
	#hdrLogo				{      }
	/* --- News --- */
	#newsPosts li			{   width:100%;   }
	
	/* ========== Grove Specific ========== */
	/* --- Grove Year Nav --- */
	#groveYears				{   font-size:1.750rem;   }
	#groveYears .prevYear	{   padding:0 0.500rem;   }
	#groveYears .nextYear	{   padding:0 0.500rem;   }
	/* --- Grove Tree List --- */
	#groveTrees li			{   width:100%;   }
	
	/* ========== Navigation ========== */
	/* --- Mobile Nav --- */
	nav#rwdNav ul			{      }
	/* --- Mobile Nav Toggle --- */
	#rwdToggle				{      }
}


/* loader */

.overlayBg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(34, 56, 67, 0.68);
	z-index: 100;
}


.lds-spinner {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 48%;
}

	.lds-spinner div {
		transform-origin: 40px 40px;
		animation: lds-spinner 1.2s linear infinite;
	}

		.lds-spinner div:after {
			content: " ";
			display: block;
			position: absolute;
			top: 3px;
			left: 37px;
			width: 6px;
			height: 18px;
			border-radius: 20%;
			background: #fff;
		}

		.lds-spinner div:nth-child(1) {
			transform: rotate(0deg);
			animation-delay: -1.1s;
		}

		.lds-spinner div:nth-child(2) {
			transform: rotate(30deg);
			animation-delay: -1s;
		}

		.lds-spinner div:nth-child(3) {
			transform: rotate(60deg);
			animation-delay: -0.9s;
		}

		.lds-spinner div:nth-child(4) {
			transform: rotate(90deg);
			animation-delay: -0.8s;
		}

		.lds-spinner div:nth-child(5) {
			transform: rotate(120deg);
			animation-delay: -0.7s;
		}

		.lds-spinner div:nth-child(6) {
			transform: rotate(150deg);
			animation-delay: -0.6s;
		}

		.lds-spinner div:nth-child(7) {
			transform: rotate(180deg);
			animation-delay: -0.5s;
		}

		.lds-spinner div:nth-child(8) {
			transform: rotate(210deg);
			animation-delay: -0.4s;
		}

		.lds-spinner div:nth-child(9) {
			transform: rotate(240deg);
			animation-delay: -0.3s;
		}

		.lds-spinner div:nth-child(10) {
			transform: rotate(270deg);
			animation-delay: -0.2s;
		}

		.lds-spinner div:nth-child(11) {
			transform: rotate(300deg);
			animation-delay: -0.1s;
		}

		.lds-spinner div:nth-child(12) {
			transform: rotate(330deg);
			animation-delay: 0s;
		}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}