/*

INVISIO -n
Invision, in this instance meaning the way we see the webskite in general.

*/


/* ----- MENU ----- */
	.navbar-default {
		box-shadow: 0px 0.4px 2.2px -15px rgba(0, 0, 0, 0.02), 0px 1px 5.3px -15px rgba(0, 0, 0, 0.028), 0px 1.9px 10px -15px rgba(0, 0, 0, 0.035), 0px 3.4px 17.9px -15px rgba(0, 0, 0, 0.042), 0px 6.3px 33.4px -15px rgba(0, 0, 0, 0.05), 0px 15px 80px -15px rgba(0, 0, 0, 0.07);
		background: rgba( 255, 255, 255, 0.65 );
    	backdrop-filter: blur( 8px );
    	-webkit-backdrop-filter: blur( 8px );
    	border-bottom: 1px solid rgba( 255, 255, 255, 0.18 );
    	min-height: unset;
    	transition: var(--trb);
	}

	.navbar-default .container-fluid {
		padding: 0px 35px;
	}

	.navbar-header .region-navigation {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-start;
	}

	.navbar-collapse {
		float: right;
	}

	.navbar-default .navbar-nav > li > a {
		color: var(--cgr-drk);
		padding: 31px 15px 32px;
		transition: var(--trb);
		font-family: 'Luckiest Guy';
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: var(--cgr-lgt);
		color: var(--cmw-100);
	}

	#block-navigation a,
	#block-accountmenu a {
		display: inline-block;
		vertical-align: middle;
		background-color: var(--cgr-elt);
		padding: 16px 25px 17px;
		font-size: 0.8rem;
		color: var(--cgr-lgt);
	}

	#block-navigation a {
		border-right: 3px solid var(--cmw-100);
	}

	#block-accountmenu a {
		border-left: 3px solid var(--cmw-100);
	}

	#block-navigation a svg,
	#block-accountmenu a svg {
		margin-right: 6px;
	}

	h1.page-header {
		border: none;
		font-weight: 700;
		font-size: 1.5rem;
		color: var(--cgr-drk);
		margin: 0px 25px;
		padding: 12px 0px;
	}


	.logo svg,
	.logo img {
		height: 75px;
		margin: 5px 0px;
		transition: var(--trb);
	}

	.logo svg .tagline {
		height: 100%;
		overflow: hidden;
		transition: var(--trb);
	}

	.logo a {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: start;
		gap: 15px;
		height: 82px;
		margin-left: 30px;
		transition: var(--trb);
	}

	.navbar-nav > li > .dropdown-menu {
		margin-top: 10px;
		border-radius: 20px;
		background-color: var(--cgr-elt);
		border: none;
		overflow: hidden;
		padding: 0px;
	}

	.dropdown-menu > li > a {
		color: var(--cgr-lgt);
		padding: 10px 15px;
		transition: var(--trb);
	}

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: var(--cgr-lgt);
		color: var(--cmw-100);
	}

	.region-navigation-collapsible {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-end;
	}

	:focus {
		outline: none;
	}


/* ----- SCROLLED MENU ----- */


	.scrolled .navbar-default {
		background: rgba( 154, 199, 91, 0.35 );
	}


/* ----- MOBILE MENU ----- */
	#block-mmb {
		display: none;
	}

	.hamburger a {
	    display: inline-block;
	    font-size: 0.9rem;
	    transition: var(--trb);
	    padding: 30px 25px 31px;
	}

	.hamburger a:hover,
	.hamburger a:active,
	.hamburger.is-active a {
		background-color: var(--cgr-lgt);
		color: var(--cmw-100);
	}

	.hamburger a:hover .hamburger-inner, .hamburger a:hover .hamburger-inner::before, .hamburger a:hover .hamburger-inner::after,
	.hamburger a:active .hamburger-inner, .hamburger a:active .hamburger-inner::before, .hamburger a:active .hamburger-inner::after,
	.hamburger.is-active a .hamburger-inner, .hamburger.is-active a .hamburger-inner::before, .hamburger.is-active a .hamburger-inner::after {
		background-color: var(--cmw-100);
	}

	.hamburger a:hover .hamburger-text,
	.hamburger a:active .hamburger-text,
	.hamburger.is-active a .hamburger-text {
		color: var(--cmw-100);
	}

	.hamburger {
		padding: 0px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		color: var(--cmw-100);
	}

	.hamburger-box {
	 	position: relative;
	    display: flex;
	    flex-flow: row nowrap;
	    align-items: center;
	}

	.hamburger-inner {
		display: block;
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: var(--cgr-drk);
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	  
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
	}

	.hamburger-inner::before {
		top: -10px;
	}

	.hamburger-inner::after {
		bottom: -10px;
	}

	.hamburger--squeeze .hamburger-inner {
		transition-duration: 0.075s;
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
	}

	.hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--squeeze.is-active .hamburger-inner {
		transform: rotate(45deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
	}

	.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	 
	.hamburger-text {
		margin-left: 50px;
	}

	body:before {
		content: "";
		display: block;
		width: 0vw;
		height: 100vh;
		background-color: var(--cgr-edk);
		opacity: 0;
		z-index: 999;
		position: fixed;
		left: 0px;
		top: 0px;
		transition: 0.1s;
	}

	body.sidr-open:before {
		width: 100vw;
		opacity: 0.8;
	}

	.sidr-open .sidr {
		box-shadow: var(--bsl);
	}

	.navbar-toggle {
		display: none;
	}

	.sidr {
	 	position: fixed;
	 	top: 0px;
	 	height: 100vh;
	 	z-index: 999999;
	 	width: 400px;
	 	overflow-x: hidden;
	 	overflow-y: auto;
	 	background-color: var(--cgr-elt);
	}

	.sidr.left {
		left: -400px;
		right: auto;
	}

	.sidr-class-scroll {
		display: none;
		font-size: 0.8rem;
		text-align: center;
		background-color: var(--cgr-lgt);
		color: var(--cmw-100);
		padding: 10px;
		margin-bottom: 15px;
		margin-top: -10px;
	}

	.sidr-class-mobile-logo img {
		height: 60px;
	}

	.sidr-class-close {
		background-color: var(--cmw-100);
		padding: 5px 13px;
		border-radius: 50px;
		border: none;
	}

	.sidr-class-field--label {
	 	display: none;
	}

	#bblock-mmenu {
		margin-left: 25px;
	}

	#block-mmenu {
		display: none;
	}

	.sidr-class-mobile-logo {
		margin-bottom: 30px;
		background-color: var(--ctx-edk);
		padding: 10px 10px 10px 10px;
		width: 80px;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	.sidr-class-mmfoot {
		position: fixed;
		bottom: 0px;
		background-color: var(--cgr-elt);
		padding: 15px;
		text-align: center;
		font-size: 0.7rem;
		width: 400px;
	}

	.sidr-class-nav,
	.sidr-class-nav ul {
		list-style-type: none;
		padding-left: 0px;
	}

	.sidr-class-nav > li > a {
		padding: 15px;
		display: inline-block;
		transition: var(--trb);
		width: 100%;
		font-weight: 700;
	}

	.sidr-class-nav ul > li > a {
		padding: 10px 20px;
		display: inline-block;
		font-size: 0.9rem;
		transition: var(--trb);
		width: 100%;
	}

	.sidr-class-nav > li > a:hover, .sidr-class-nav > li > a:focus, .sidr-class-nav > li > a:active,
	.sidr-class-nav ul > li > a:hover, .sidr-class-nav ul > li > a:focus, .sidr-class-nav ul > li > a:active,
	.sidr-class-nav > li > a:has(ul > li > a:hover) {
		background-color: var(--cgr-lgt);
		color: var(--cmw-100);
	}

	#sidr-id-block-mainnavigation > h2 {
		display: none;
	}


/* ----- PAGE ERRORS ----- */
	.pewrapper {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		width: 100vw;
		position: relative;
		z-index: 999999;
		margin-left: -25px;
	}

	.peheader {
		display: block;
		width: 100vw;
		height: 100vh;
		background-color: var(--cpr-185);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 0;
	}

	.pecontent {
		background-color: var(--cmw-100);
		border-radius: 25px;
		width: 50%;
		text-align: center;
		box-shadow: var(--bsl);
		overflow: hidden;
		position: relative;
		z-index: 9;
	}

	.pecontent h1 {
		font-size: 3rem;
		font-weight: 900;
		color: var(--cgr-lgt);
		text-transform: uppercase;
		margin: 0px;
		line-height: 1;
		margin-bottom: 15px;
	}

	.cnt-altm {
		background-color: var(--cgr-elt);
		padding: 20px 40px;
		font-size: 0.8rem;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}

	.cnt-info {
		padding: 40px 40px 20px 40px;
	}

	.cnt-info h3 {
		margin: 0px 0px 15px;
	}

	.readyp {
		font-size: 0.8rem;
	}

	.pelogo img {
		width: 200px;
	}

	.cnt-altm h4,
	.cnt-altm p {
		margin: 0px;
		text-align: right;
	}

	.cnt-info > img {
		height: 200px;
	}

	.cnt-btn a {
		display: inline-block;
		border-radius:50px;
		border: 2px solid var(--cgr-lgt);
		padding: 15px 20px;
		margin: 20px 10px;
		transition: var(--trb);
	}

	.cnt-btn a:hover, .cnt-btn a:focus, .cnt-btn a:active {
		background-color: var(--cgr-drk);
		color: var(--cmw-100);
		border-color: var(--cgr-drk);
	}

	@media(max-width: 1024px) {
		.pecontent {
			width: 70%;
		}
	}

	@media(max-width: 800px) {
		.pecontent {
			width: 95%;
		}

		.pecontent h1 {
			font-size: 3rem;
		}
	}

	@media(max-width: 580px) {
		.cnt-altm {
			justify-content: center;
		}

		.pelogo {
			margin-bottom: 25px;
		}

		.cnt-altm h4, .cnt-altm p {
			text-align: center;
		}
	}

	@media(max-width: 425px) {
		.pecontent h1 {
			font-size: 2.5rem;
		}
	}

	@media(max-width: 320px) {
		.pecontent h1 {
			font-size: 2rem;
		}
	}


/* ----- HEADER STYLING ----- */

	h2.block-title {
		display: none;
	}

	.custom.header > h2 {
		display: none;
	}


	.hcnt {
		position: absolute;
		background: rgba( 255, 255, 255, 0.25 );
		box-shadow: var(--bsl);
		backdrop-filter: blur( 4px );
		-webkit-backdrop-filter: blur( 4px );
		border-radius: 45px;
		border: 1px solid rgba( 255, 255, 255, 0.18 );
		padding: 50px 65px;
		text-align: center;
		max-width: 80%;
		margin-top: 50px;
	}

	.hcnt:has(.hpban) {
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		border: none;
		max-width: 100%;
	}

	.hcnt:has(.hpban) .field--name-field-title {
		display: none;
	}

	.hpban img {
		width: 70vw;
	}

	.hpban {
		position: relative;
	}

	.hpb-actions {
	    position: absolute;
	    z-index: 5;
	    top: 38.9vh;
	    left: 34.9vw;
	    background: red;
	    height: 19.7vh;
	    width: 16vw;
	    border-radius: 60px;
	    overflow: hidden;
	    display: flex;
	    flex-flow: column;
	    align-items: center;
	    justify-content: center;
	    padding: 20px;
	    font-size: 1rem;
	}

	.hpba-lnk a {
		display: flex;
    	flex-flow: row nowrap;
    	align-items: center;
    	justify-content: center;
    	margin-top: 20px;
	}

	.hpba-licn {
		width: 50px;
		height: 50px;
		margin-left: 25px;
	}

	.hpba-licn .link-circle {
		fill: var(--cbp-185);
		transition: var(--trb);
	}

	.hpba-licn .link-arrow {
		fill: var(--cmw-100);
		transition: var(--trb);
	}

	.hcnt .field--name-field-title {
		font-size: 4rem;
		line-height: 1;
		color: var(--cgr-lgt);
		font-weight: 900;
		margin-bottom: 10px;
	}

	.hcnt .field--name-field-hcnt {
		font-size: 1.3rem;
		letter-spacing: 1px;
	}


/* ----- ACCORDION STYLING ----- */
	 .ckeditor-accordion-container dl {
	    border: none;
	 }

	 .ckeditor-accordion-container dl dt a .ckeditor-accordion-toggle:before,
	 .ckeditor-accordion-container dl dt a .ckeditor-accordion-toggle:after {
	    background-color: var(--cgr-lgt);
	 }

	 .ckeditor-accordion-container dl dt.active a .ckeditor-accordion-toggle:after,
	 .ckeditor-accordion-container dl dt.active a .ckeditor-accordion-toggle:before {
	    background-color: var(--cmw-100);
	 }

	 .ckeditor-accordion-container dl dt a:hover .ckeditor-accordion-toggle:before,
	 .ckeditor-accordion-container dl dt a:hover .ckeditor-accordion-toggle:after {
	    background-color: var(--cmw-100);
	 }

	 .ckeditor-accordion-container dl dt a,
	 .ckeditor-accordion-container > dl dt > a,
	 .ckeditor-accordion-container > dl dt > a:not(.button) {
	    padding: 25px 50px;
	    background-color: var(--cgr-elt);
	    color: var(--ctx-100);
	    border: none;
	    transition-duration: 0.4s;
	    border-radius: 30px;
	    margin-bottom: 20px;
	    transition: var(--trb);
	 }

	 .ckeditor-accordion-container > dl dt > a:hover,
	 .ckeditor-accordion-container > dl dt > a:not(.button):hover {
	    background-color: var(--cgr-lgt);
	    color: var(--cmw-100);
	    border: none;
	    text-decoration: none;
	    transition-duration: 0.4s;
	 }

	 .ckeditor-accordion-container dl dt > a:focus,
	 .ckeditor-accordion-container > dl dt > a:not(.button):focus {
	    text-decoration: none;
	 }

	 .ckeditor-accordion-container dl dd {
	    padding: 35px;
	    border: none;
	    background-color: var(--cgr-elt);
	    margin-bottom: 20px;
	    border-radius: 0px 0px 30px 30px;
	 }

	 .ckeditor-accordion-container dl dt.active > a {
	    background-color: var(--cgr-lgt);
	    color: var(--cmw-100);
	    border-bottom: none;
	    text-decoration: none;
	    margin-bottom: 0px;
	    border-radius: 30px 30px 0px 0px;
	    transition: var(--trb);
	 }


/* ----- CUSTOM PAGE STYLING ----- */


	.legal-wrap {
		display: flex;
		flex-flow: row wrap;
		gap: 100px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.lw-left {
		width: 25%;
	}

	.lw-right {
		width: 63%;
	}

	.cb_light:has(.paragraph--type--tlb) {
		border-radius: 30px;
	}

	.field--name-field-st {
		font-size: 2rem;
		font-weight: 900;
		line-height: 1.1;
	}

	.field--name-field-tldr {
		font-size: 0.8rem;
		color: var(--ctx-068);
		margin-top: 10px;
		text-align: justify;
	}

	.field--name-field-tldr .field--label {
		color: var(--ctx-100);
	}

	.lw-right .field--name-field-body {
		text-align: justify;
	}

	.field--name-field-pc {
		display: none;
	}

	.idflex {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		gap: 20px;
		margin: 20px 20px 0px;
	}

	.idflex svg {
		width: 100px;
	}

	.field--name-field-ib {
		display: flex;
		flex-flow: column;
		margin-bottom: 60px;
	}

	.field--name-field-ib .paragraph--type--tib {
		display: flex;
		flex-flow: column;
		position: relative;
	}

	.field--name-field-ib > .field--item:nth-of-type(odd) {
		align-self: flex-start;
		width: 70%;
		margin-bottom: -130px;
	}

	.field--name-field-ib > .field--item:nth-of-type(even) {
		align-self: flex-end;
		width: 70%;
		margin-bottom: -130px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib {
		align-items: flex-start;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib {
		align-items: flex-end;
	}

	.paragraph--type--tib .blazy--field {
		width: 400px;
		height: 400px;
		border-radius: 30px;
		box-shadow: var(--bsl);
		overflow: hidden;
	}

	.paragraph--type--tib .blazy--field img {
		width: 400px;
		height: 400px;
		object-position: center;
		background-position: center;
		object-fit: cover;
		background-size: cover;
	}

	.field[data-blazy] {
		min-width: unset;
	}

	.paragraph--type--tib .field--name-field-body {
		padding: 50px;
		border-radius: 30px;
		background-color: var(--cmw-100);
		width: 80%;
		position: relative;
		box-shadow: var(--bsl);
	}

	.hp-hello {
		box-shadow: var(--bsl);
		border-radius: 30px;
		padding: 40px 60px 60px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib .field--name-field-body {
		top: -170px;
		left: 200px;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib .field--name-field-body {
		top: -170px;
		right: 200px;
	}

	.paragraph--type--tib .field--name-field-svg {
		background-color: var(--cmw-100);
		width: 150px;
		height: 150px;
		padding: 15px;
		border-radius: 50%;
		box-shadow: var(--bsl);
		position: absolute;
		top: 170px;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}

	.paragraph--type--tib .field--name-field-svg svg {
		width: 90px;
		height: 90px;
	}

	.field--name-field-ib .field--item:nth-of-type(odd) .paragraph--type--tib .field--name-field-svg {
		right: -80px;
	}

	.field--name-field-ib .field--item:nth-of-type(even) .paragraph--type--tib .field--name-field-svg {
		left: -80px;
	}

	.paragraph--type--tbc {
		position: relative;
	}

	.paragraph--type--tbc .field--name-field-bg {
		position: absolute;
		width: auto;
		height: calc(-webkit-fill-available + 100px);
		top: -20px;
	}

	.paragraph--type--tbc .field--name-field-bg img {
		width: auto;
		height: 100%;
		object-fit: cover;
		object-position: center;
		background-size: cover;
		background-position: center;
	}

	.paragraph--type--tbc .field--name-field-bg:after {
		position: absolute;
		display: block;
		content: "";
		background-color: var(--cpr-185);
		opacity: 0.5;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 105%;
	}

	.paragraph--type--tbc .field--name-field-c1c,
	.paragraph--type--tbc .field--name-field-c2c {
		position: relative;
		z-index: 3;
		color: var(--cmw-100);
		width: 48%;
	}

	.bgflex {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
		width: 80%;
		margin: 50px auto;
		gap: 50px;
	}


/* ----- PAGE ----- */
	.page .field--name-body {
		padding: 25px 25px 0px;
	}

	.main-container {
		min-height: 65vh;
	}


/* ----- WEBFORM ----- */
	.webform-submission-form,
	.webform-submission-data {
		margin: 40px 40px 0px;
	}

	.webform-submission-form .panel-default ,
	.webform-submission-data .panel-default {
		margin-bottom: 25px;
		background-color: var(--cmw-100);
		border: none;
		border-radius: 20px;
		box-shadow: var(--bsl);
 	}

 	.webform-submission-form .panel-body,
 	.webform-submission-data .panel-body {
 		padding: 25px;
 	}

	.webform-submission-form .panel-default > .panel-heading,
	.webform-submission-data .panel-default > .panel-heading {
  		background-color: var(--ctx-068);
  		padding: 15px 25px;
  		border-radius: 20px 20px 0px 0px;
  		border: none;
 	}

	.webform-submission-form .panel-title,
	.webform-submission-data .panel-title {
  		padding: 0px;
  		font-size: 1.3rem;
  		font-weight: 700;
  		color: var(--cmw-100);
  		margin: 0px;
 	}

 	.webform-submission-form label,
 	.webform-submission-data label {
 		display: block;
 		margin-bottom: 5px !important;
 		color: var(--ctx-100);
 		font-weight: 600;
 	}

 	.webform-flexbox {
 		margin: 0px;
 	}

 	.iti--allow-dropdown {
 		width: 100%;
 	}

 	.webform-options-display-buttons label.webform-options-display-buttons-label {
 		border: none;
 		border-radius: 35px;
 		background-color: var(--cgr-lgt);
 		padding: 15px 30px;
 		font-size: 0.8rem;
 		color: var(--ctx-100);
 		transition: var(--trb);
 		font-weight: 400;
  	}

  	#edit-stamps label.webform-options-display-buttons-label {
  		width: 85px;
  		font-size: 1.2rem;
  	}

  	.webform-options-display-buttons label.webform-options-display-buttons-label:hover,
  	.webform-options-display-buttons label.webform-options-display-buttons-label:focus,
  	.webform-options-display-buttons label.webform-options-display-buttons-label:active {
  		background-color: var(--cgr-drk);
  		color: var(--cmw-100);
  	}

	.webform-options-display-buttons label.webform-options-display-buttons-label:hover .description,
	.webform-options-display-buttons label.webform-options-display-buttons-label:focus .description,
	.webform-options-display-buttons label.webform-options-display-buttons-label:active .description {
		color: var(--cmw-100);
	}

	.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
		background-color: var(--cgr-edk);
		color: var(--cmw-100) !important;
	}

	.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
		color: var(--cmw-100) !important;
	}

	.webform-options-display-buttons-description {
		color: var(--ctx-100);
	}

	.webform-options-display-buttons input:hover .webform-options-display-buttons-description,
	.webform-options-display-buttons input:focus .webform-options-display-buttons-description,
	.webform-options-display-buttons input:active .webform-options-display-buttons-description {
		color: var(--cmw-100);
	}

	.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label .webform-options-display-buttons-description {
		color: var(--cmw-100);
	}

	.checkboxes--wrapper .fieldset-wrapper,
	.radios--wrapper .fieldset-wrapper {
		margin: 5px 0px 15px;
	}

	.form-control {
		display: block;
		width: 100%;
		height: 45px;
		padding: 6px 12px;
		font-size: 16px;
		line-height: 1.5;
		color: var(--ctx-edk);
		background-color: var(--cmw-100);
		background-image: none;
		border: 2px solid var(--cgr-lgt);
		border-radius: 15px;
    	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	}

	.form-control:focus {
		border-color: var(--cgr-drk);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(91 12 136 / 60%);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(91 12 136 / 60%);
	}

	.webform-address__row-1 {
		margin-top: 0px;
	}

	.input-group-addon {
		text-align: left;
		background-color: var(--cpr-051);
		border: 2px solid var(--cgr-lgt);
		padding: 10px 20px;
		margin-top: -27px;
		color: var(--cmw-100) !important;
		border-radius: 15px;
	}

	.form-control:focus .input-group-addon {
		border-color: var(--cgr-drk);
	}

	html.js .form-item .input-group-addon .glyphicon {
		color: var(--cmw-100);
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		display: none;
	}

	.select2-container .select2-selection--single {
		height: 45px;
		border-radius: 15px;
		border: 2px solid var(--cgr-lgt);
	}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding: 8px 10px;
		line-height: 1.5;
		color: var(--ctx-100);
	}

	.select-wrapper:after {
		color: var(--cgr-lgt);
		padding-right: 10px;
		margin-top: -7px;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: var(--cgr-lgt);
	}

	.webform-submission-navigation,
	.webform-submission-information {
		display: none;
	}

	.wsf-flex,
	.wsd-flex {
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-start;
		justify-content: center;
	}

	.wsfbitm {
		flex: 1;
		margin: 20px;
	}

	.webform-multiple-table--operations .btn {
		padding: 5px 10px;
		margin: 2px;
	}

	.webform-submission-confirm-form {
		margin: 40px;
		background-color: var(--cgr-elt);
		border-radius: 20px;
		padding: 30px;
	}

	.form-item-annual-leave,
	.form-item-sick-leave {
		flex: 1;
		margin: 20px;
	}

	.webform-multiple-add {
		display: none;
	}

	.form-type-number.form-inline .input-group,
	.form-type-date.form-inline .form-control {
		width: 100%;
	}

	.form-type-number.form-inline .input-group .input-group-addon  {
		width: 50px;
	}

	td.form-inline .form-type-date,
	td.form-inline .form-type-number {
		width: 100%;
	}

	.webform-submission-contact-us-form .fieldset-legend {
		color: var(--cmw-100);
	}

	.webform-submission-contact-us-form #edit-flexbox-02,
	.webform-submission-order-now-form #edit-flexbox-01 {
		margin-top: 20px;
	}

	.webform-button--submit {
		width: 100%;
		margin: 0px;
	}

	.webform-submission-contact-us-form .webform-options-display-buttons-horizontal {
		justify-content: center;
	}

	.webform-submission-contact-us-form #edit-flexbox-02 legend {
		text-align: center;
	}

	#edit-order table {
		width: 100%;
	}

	#edit-order table td:nth-of-type(1) {
		width: 2%;
	}

	#edit-order table td:nth-of-type(2) {
		width: 19%;
	}

	#edit-order table td:nth-of-type(3) {
		width: 15%;
	}

	#edit-order table td:nth-of-type(5) {
		width: 5%;
	}

	.webform-submission-order-now-form .webform-button--submit.btn {
		margin: 6px;
	}


/* ----- WEBSITE STYLING PAGE ----- */
	.color-blocks {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}

	.cb-item {
		border: 2px solid var(--cmw-100);
		border-radius: 30px;
		box-shadow: var(--bsl);
		overflow: hidden;
		margin: 20px;
		background-color: var(--cmw-100);
	}

	.cbi-visual {
		width: 220px;
		height: 150px;
	}

	.cbi-name {
		padding: 20px 20px 20px 20px;
	}


/* ----- PRODUCTS ----- */
	.view-products .view-content {
		display: flex;
		flex-flow: row wrap;
		align-items: start;
		justify-content: center;
		gap: 20px;
	}

	.view-products .views-row {
		width: 32%;
	}

	.view-products .pitm {
		box-shadow: var(--bsl);
		border-radius: 30px;
		overflow: hidden;
	}

	.view-products .pi-cat {
		width: 89%;
		display: inline-block;
		padding: 17px 10px 8px 10px;
		font-family: 'Luckiest Guy';
		text-align: center;
		background-color: var(--cgr-lgt);
		border: 3px solid var(--cgr-drk);
		border-radius: 50px;
		font-size: 2rem;
		line-height: 1;
		margin: -25px 25px 0px 25px;
		letter-spacing: 3px;
	}

	.view-products .pi-img {
		margin-bottom: -10px;
	}

	svg.pcls {
		height: 35px;
		margin-top: -10px;
	}

	.pi-prc {
		padding: 15px 25px;
		font-size: 3rem;
		font-weight: 700;
		text-align: center;
	}

	.pi-lnk {
		margin-top: 30px;
	}

	.pi-lnk a {
		display: inline-block;
		margin: 0px 25px 25px 25px;
		background-color: var(--cgr-lgt);
		text-align: center;
		padding: 15px 25px;
		width: 89%;
		color: var(--ctx-edk);
		border-radius: 50px;
		transition: var(--trb);
	}

	.pi-lnk a:is(:hover, :focus, :active) {
		background-color: var(--cgr-drk);
		color: var(--cmw-100);
	}

	button.tabledrag-toggle-weight {
		display: none;
	}

	.pi-cls {
		text-align: center;
	}

	.pi-cls img {
		height: 35px;
		margin-top: -10px;
	}

	.ui-widget.ui-widget-content {
		width: 80% !important;
		height: 83vh !important;
		top: 100px !important;
		z-index: 99999 !important;
		overflow: scroll !important;
		-webkit-overflow-scrolling: touch !important;
		border: none !important;
		border-radius: 30px !important;
		background-color: var(--cmw-100) !important;
		padding: 25px !important;
	}

	.ui-front.ui-dialog-content {
		max-height: unset !important;
	}

	.ui-dialog .ui-widget-content.ui-dialog-content .content {
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.ui-widget-overlay {
		background: var(--ctx-edk) !important;
		opacity: 0.9 !important;
	}

	.ui-dialog-title {
		display: none;
	}

	.ui-widget-header {
		border: none;
		background: transparent;
		padding: 0px;
	}

	.ui-dialog .ui-dialog-titlebar-close {
	    position: fixed !important;
	    right: 11% !important;
	    top: 11% !important;
	    width: 30px !important;
	    margin: 0px !important;
	    border-radius: 50% !important;
	    height: 30px !important;
	    background-color: var(--crd-lgt) !important;
	    z-index: 99999 !important;
	    border: none !important;
	    display: flex !important;
	    flex-flow: row nowrap !important;
	    align-items: center !important;
	    justify-content: center !important;
	    transition: var(--trb) !important;
	    box-shadow: var(--bsl) !important;
	    opacity: 1 !important;
	}

	.ui-dialog .ui-dialog-titlebar-close:is(:hover, :focus, :active) {
		background-color: var(--crd-drk) !important;
	}

	.ui-dialog .ui-dialog-titlebar-close:after {
		content: 'X';
		position: absolute;
		color: var(--cmw-100);
		font-weight: 900;
	}

	.field--name-field-pimg img {
		width: 300px;
		border-radius: 30px;
		border: 15px solid var(--cmw-100);
		box-shadow: var(--bsl);
	}

	.fs {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 40px;
	}

	.fs-cnt {
		padding-left: 25px;
	}

	.field--name-field-pcat {
		width: 400px;
		display: inline-block;
		padding: 17px 50px 8px 50px;
		font-family: 'Luckiest Guy';
		text-align: center;
		background-color: var(--cgr-lgt);
		border: 3px solid var(--cgr-drk);
		border-radius: 50px;
		font-size: 2rem;
		line-height: 1;
		letter-spacing: 3px;
	}

	.fs-cnt {
		width: 40%;
		display: flex;
		flex-flow: column;
		align-items: center;
	}

	.field--name-field-pclass {
		text-align: center;
		width: 400px;
	}

	.field--name-field-pclass img {
		height: 35px;
		margin-top: -10px;
	}

	.field--name-field-price {
		padding: 15px 25px;
		font-size: 3rem;
		font-weight: 700;
		text-align: center;
		width: 400px;
	}



/* ----- BANNER ----- */
	.banner {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		height: 90vh;
		overflow: hidden;
		box-shadow: var(--bsl);
	}

	.ban-img {
		position: absolute;
		height: 90vh;
		opacity: 0.4;
	}

	.ban-img img {
		width: 100vw;
		height: 90vh;
		object-fit: cover;
		object-position: center;
		background-size: cover;
		background-position: center;
		filter: blur(2px);
	}

	.ban-cnt {
		position: relative;
		z-index: 99;
		text-align: center;
		width: 40%;
		margin-top: 80px;
	}

	.ban-cnt .bc-logo img {
		width: 350px;
		margin-bottom: 80px;
	}

	.ban-cnt .bc-cnt {
		font-size: 1.4rem;
		margin-bottom: 80px;
	}

	.bc-arrow img {
		width: 80px;
		opacity: 0.8;
	}


/* ----- EMAIL ----- */
	.cc-conf {
		background-color: var(--cgr-elt);
		padding: 80px;
	}

	.ccc-img {
		text-align: center;
		height: 100px;
		margin: 30px;
	}

	.ccc-img img {
		height: 100px;
	}

	.ccc-cnt {
		background-color: var(--cmw-100);
		border-radius: 30px;
		padding: 30px;
		margin: 60px;
		text-align: center;
	}

	.ccc-ftr {
		margin: 30px;
		text-align: center;
		color: var(--ctx-lgt);
	}

	.webform-confirmation-modal--content {
		max-height: unset !important;
	}


/* ----- HEADINGS ----- */
	.heading {
		font-size: 6rem;
		font-family: 'Luckiest Guy';
		color: var(--cgr-drk);
		text-align: center;
	}

	.heading-drk {
		font-size: 6rem;
		font-family: 'Luckiest Guy';
		color: var(--cmw-100);
		text-align: center;
	}


















/* ----- FOOTER ----- */

	.footer {
		border: none;
		padding: 0px;
		margin-top: 0px;
	}

	.footer #block-footer {
		text-align: center;
		font-size: 0.7rem;
		color: var(--cmw-100);
	}

	.foot-sec1 {
		padding: 50px 80px;
		border-radius: 30px;
		width: 60%;
		margin: 0px auto -85px;
		background-color:hsla(200,100%,80%,1);
		background-image:
			radial-gradient(at 97% 8%, hsla(225,48%,58%,1) 0px, transparent 50%),
			radial-gradient(at 77% 72%, hsla(187,43%,62%,1) 0px, transparent 50%);
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		position: relative;
		z-index: 5;
	}

	.contact-page .foot-sec1 {
		display: none;
	}

	.fs1c1 h1 {
		text-align: left;
		font-size: 2rem;
		color: var(--cpr-151);
		margin: 0px;
		font-weight: 700;
	}

	.fs1c1 h3 {
		text-align: left;
		font-size: 1.5rem;
		color: var(--ctx-100);
		margin: 0px;
	}

	.fs1c2 a {
		display: inline-block;
		background-color: var(--cmw-100);
		padding: 20px 50px;
		border-radius: 50px;
		font-size: 1rem;
		transition: var(--trb);
	}

	.fs1c2 a:hover, .fs1c2 a:focus, .fs1c2 a:active {
		background-color: var(--cgr-drk);
		color: var(--cmw-100);
	}

	.flc1 a > svg {
		display: none;
	}

	.foot-sec2 {
		margin: 0px 30px;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		background-color: var(--cpr-185);
		border-radius: 35px;
		padding: 130px 60px 60px 60px;
	}

	.contact-page .foot-sec2 {
		padding: 60px;
	}

	.fs2c1 {
		width: 50%;
		text-align: left;
	}

	.fs2c1 a svg {
		width: 300px;
	}

	.fs2c2 {
		width: 50%;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}

	.fs2c2 a {
		color: var(--cmw-100);
		display: block;
		text-align: left;
		padding: 10px 5px;
		transition: var(--trb);
		text-decoration: underline;
		text-decoration-color: transparent;
	}

	.fs2c2 a:hover, .fs2c2 a:focus, .fs2c2 a:active {
		text-decoration-color: var(--cmw-100);
	}

	.foot-legal {
		background-color: var(--cmw-100);
		padding: 15px;
		text-align: center;
		font-size: 0.7rem;
	}

	.fl-wrap {
		margin: 0px 90px;
		display: flex;
		flex-flow: row wrap;
		color: var(--ctx-100);
		align-items: center;
		justify-content: space-between;
	}

	.foot-legal a {
		transition: var(--trb);
		text-decoration: underline;
		text-decoration-color: transparent;
	}

	.foot-legal a:hover, .foot-legal a:focus, .foot-legal a:active {
		text-decoration-color: var(--crp-134);
	}