:root {
	--white: #FFFFFF;
	--dpurple: #32245E;
	--purple: #8F4895;
	--lgreen: #89CAB8;
	--yellow: #FFD200;
	--green: #00A687;
	--orange: #F3974E;
	--pink: #E73268;
	--blue: #38BDE2;
	--dpurple05: rgba(50, 36, 94, 0.05);
	--dpurple5: rgba(50, 36, 94, 0.5);
}

body {
	font-family: 'Alegreya Sans', sans-serif;
	background-color:var(--white);
}

body, .dpurple, a, .bg-dpurple .bg-blue a, h1, h2, h3, h4, h5, h6 p {color:var(--dpurple); fill:var(--dpurple);}
.white {color:var(--white); fill:var(--white);}
.purple {color: var(--purple);}
.bg-dpurple a {color: var(--lgreen);}
.red {color: red;}

a:hover {color: var(--purple);}
.bg-dpurple a:hover, .bg-blue a:hover {color: var(--white);}

a {font-weight:700;}
footer a {text-decoration: none;}

.bg-dpurple {background-color:var(--dpurple);}
.bg-dpurple-05 {background-color:var(--dpurple05);}
.bg-green {background-color: var(--green);}
.bg-lgreen {background-color: var(--lgreen);}
.bg-purple {background-color:var(--purple);}
.bg-white {background-color:var(--white);}
.bg-yellow {background-color:var(--yellow);}
.bg-pink {background-color:var(--pink);}
.bg-blue {background-color:var(--blue);}
.bg-orange {background-color:var(--orange);}

.stroke-white {stroke: var(--white);}
.stroke-green {stroke: var(--green);}
.stroke-orange {stroke: var(--orange);}
.stroke-yellow {stroke: var(--yellow);}
.stroke-pink {stroke: var(--pink);}
.stroke-purple {stroke: var(--purple);}
.stroke-blue {stroke: var(--blue);}
.stroke-dpurple {stroke: var(--dpurple);}

.fill-white {fill: var(--white);}
.fill-green {fill: var(--green);}
.fill-lgreen {fill: var(--lgreen);}
.fill-orange {fill: var(--orange);}
.fill-yellow {fill: var(--yellow);}
.fill-pink {fill: var(--pink);}
.fill-purple {fill: var(--purple);}
.fill-blue {fill: var(--blue);}
.fill-dpurple {fill: var(--dpurple);}

button {
	background: none!important;
	border: none!important;
	border-radius: 0!important;
	-webkit-appearance: none!important;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:1em;
}

button.search {
	color:var(--dpurple) !important;
}
button.search:hover {
	color:var(--purple) !important;
}

button.search svg {
	display:inline;
	width: auto;
	height: 1.5em;
	margin: 0 .5em 0 0;
}
button.search svg path {fill: var(--dpurple); transition: fill 0.3s ease-in-out;}
button.search:hover svg path {fill: var(--purple);}

.btn,
.wp-block-button a,
.wp-block-file a,
form input[type=submit],
form input[type=button],
button[type=submit],
button.cky-btn {
	background-color: var(--dpurple)!important;
	background: var(--dpurple)!important;
	color: var(--white)!important;
	padding: .5em 2em!important;
	text-transform: uppercase!important;
	font-weight: 700!important;
	border-radius:0!important;
	font-size:1em!important;
	display:inline-block;
	line-height:1.25em!important;
	letter-spacing:1px;
	text-decoration:none;
}
.bg-dpurple .btn {
	background-color: var(--lgreen)!important;
	color: var(--dpurple)!important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error,
label.error {
	color:red!important;
	font-size:1em!important;
	margin-top: 0.25rem;
}

btn:hover,
.wp-block-button a:hover,
.wp-block-file a:hover,
form input[type=submit]:hover,
form input[type=button]:hover,
button[type=submit]:hover,
button.cky-btn:hover,
a:hover .btn {
	background-color: var(--purple)!important;
}

.bg-dpurple a:hover .btn {
	background-color: var(--white)!important;
}

#logo img {width:100%; height:auto;}
@media screen and (max-width: 1024px) { #logo img {width: 15rem;} }
@media screen and (max-width: 768px) { #logo img {width: 12rem;} }

#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {font-size:1em;}
@media screen and (max-width: 1920px) {#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {font-size:1vw;}}
@media screen and (max-width: 1440px) {#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {font-size:1.25vw;}}
@media screen and (max-width: 1024px) {#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {font-size:1em;}}
@media screen and (max-width: 768px) {#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-indicator, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge, #mega-menu-wrap-max_mega_menu_1 button.mega-close, #mega-menu-wrap-max_mega_menu_1 button.mega-toggle-standard {font-size:1em;}}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {padding:0;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item:last-of-type {margin-right:0;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {font-weight:700; color:var(--dpurple);}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:hover {color:var(--purple);}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 button.mega-toggle-standard {font-weight:700;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	line-height:1.25em;
	min-height:3em;
	padding:1em;
	font-size:1em;
}

@media screen and (max-width: 1024px) {
	#main_menu { position:absolute; top:.5rem; right:1rem;}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open+#mega-menu-max_mega_menu_1 {
		padding:2.5rem 0;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item>a.mega-menu-link {
		line-height:1.25em;
		min-height:3em;
		padding:1em;
		font-size:1em;
		font-weight:700;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {color:var(--white);}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link:hover, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link:hover {color:var(--white);}
}

.col-20percent {width:20%;}

.uni-logo img {width:100%; height:auto; max-width: 12rem;}

.social-icon {width: 4em; height:4em;}
.social-icon svg {width:100%; height: auto;}
.social-icon svg path {fill: var(--purple);}
.social-icon:hover svg path {fill: var(--dpurple);}
footer .social-icon svg path {fill: var(--lgreen);}
footer .social-icon:hover svg path {fill: var(--white);}

.shape {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height: auto; width: auto; aspect-ratio: 1/1;}
.shape svg {width:100%; height:auto;}

.shape1 {height: 150%;}
.shape2 {height: 125%;}
.shape3 {height: 75%;}

.resource-block .shape1 {left:0; transform: translate(-10%, -50%);}
.resource-block .shape2 {left:auto; right:0; transform: translate(20%, -50%);}
.resource-block .shape3 {left:auto; right:0; transform: translate(-10%, -50%);}

.badge .shape1 {height: 100%;}
.badge .shape2 {height: 50%;}

footer .shape1 {right: 0; left:auto; transform: translate(-10%, -50%);}
footer .shape2 {left:0; transform: translate(20%, -50%);}
footer .shape3 {left:0; transform: translate(10%, -50%);}

#page_banner_text {z-index:1;}

#page_banner .shape1 {left:0; transform: translate(0, -50%);}
#page_banner .shape2 {left:0; transform: translate(50%, -50%);}
#page_banner .shape3 {left:0; transform: translate(40%, -50%);}

.custom-banner .shape1, .fb-slide .shape1 {left:0; height:100%; transform: translate(15%, -50%);}
.custom-banner .shape2, .fb-slide .shape2 {left:0; height:75%; transform: translate(0, -50%);}
@media screen and (max-width: 768px) {
	.custom-banner .shape1, .fb-slide .shape1 {left:50%; height:100%; transform: translate(-25%, -50%);}
	.custom-banner .shape2, .fb-slide .shape2 {left:50%; height:75%; transform: translate(-75%, -50%);}
}

.resource-block .shape1 {height: auto; width:75%; transform: translate(-30%, -50%);}
.resource-block .shape2 {height: auto; width:50%; transform: translate(-60%, -50%);}

article hr.wp-block-separator, article hr {border:none; border-top: 1px solid var(--dpurple5);}

article .wp-block-embed iframe {width: 100%; aspect-ratio: 16/9; display: block; height:auto;}

.wp-block-table table {border-collapse: collapse; border-spacing:0!important; width:100%;}

.wp-block-table td, .wp-block-table th, .wp-block-table thead, .wp-block-table tfoot {
	border: 1px solid var(--dpurple5)!important;
}

.wp-block-table thead {text-transform: uppercase; font-weight: 700;}

.wp-block-table thead, .wp-block-table tfoot {
	background-color: var(--dpurple05)!important;
}

.wp-block-table td, .wp-block-table th {padding:.5em;}

.heading-pentagon {aspect-ratio: 1/1; width:3em; display:inline-block; margin:0 auto .5em;}

.clc-logo {width:100%; height: auto; max-width: 12em;}

.wp-block-file__button {display:none !important;}
.wp-block-file:not(.wp-element-button) {font-size:1em!important;}

.clc-university-form {display:none;}

label {
	font-weight: 600 !important;
	display: block !important;
}

div.wpforms-container-full {
	margin:0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field,
div.wpforms-container-full .wpforms-form .wpforms-submit-container,
.forms-field {
	padding:0 !important;
	margin-bottom: 1rem;
}

form input,
form select,
form textarea {
	font-weight:400!important;
	font-size:1em!important;
	font-family:inherit!important;
	color:var(--dpurple)!important;
	border-radius:0!important;
	padding:1em!important;
	height:auto!important;
	line-height:1.25em!important;
	border:1px solid var(--dpurple)!important;
	max-width:60%;
	width:100%;
}

form select {
	padding-right:3em!important;
	background-image: url('img/chevron-down-solid-full.svg');
	background-repeat: no-repeat;
	background-position: right 1em center;
	background-size: 1em;
}

form textarea {
	height:15rem!important;
	max-width:100%;
}

.event-block {margin-bottom:1rem;}
.event-block:last-of-type, .resource-block:last-of-type {margin-bottom:0;}

.event-pentagon {max-width:8rem; margin:0 auto;}
.event-date {position: absolute; top:0; left:0; right:0; bottom:0; container-type: inline-size;}
.event-date .day {font-size: 40cqw; line-height:.85em;}
.event-date .month {font-size: 20cqw; line-height:1em;}

.ajax-pagination {margin-top:2rem;}
.ajax-pagination a.page-numbers {margin: 0 0.5rem;}
.ajax-pagination a.page-numbers.current {color:var(--purple);}

.event-pentagon-container {background: linear-gradient(transparent 49.9999999999%, var(--dpurple05) 50%);}
@media screen and (max-width: 480px) {.event-block .col-3{background: linear-gradient(var(--white) 49.9999999999%, transparent 50%);}}

#breadcrumbs {margin-bottom:.5em;}

.default-img {position:absolute; top:0; left:0; right:0; bottom:0;}
.resource-image {left:0; width:50%; bottom:0; top:0; position:relative;}

.resource-block {margin-bottom:3rem;}
@media screen and (max-width: 480px) {.resource-block {margin-bottom:1rem;}}

.resource-bg {background: linear-gradient(to right, transparent 24.9999999999%, var(--dpurple) 25%); position:relative;}
@media screen and (max-width: 480px) {.resource-bg {background: var(--dpurple);}}

.overflow-img-container {position:absolute; bottom:0;}
.overflow-img {position:absolute; bottom:0; top:-2rem;}

.resource-block .overflow-img {left:0; right:calc(50% + -2rem);}
@media screen and (max-width: 480px) {.resource-block .overflow-img {left:calc(66.666666% + -2rem); right:0;}}

.custom-link .overflow-img, .single-activity .overflow-img {left:50%; transform:translateX(-50%); right:-2rem;}

.custom-link .btn {position:absolute; left:50%; bottom:1rem; transform:translateX(-50%); width: max-content; max-width:90%;}

.activity .overflow-img-container {right:0; width:33%;}
.activity .overflow-img {left:0; right:0;}

@media screen and (max-width: 768px) {.custom-link:last-of-type {display:none;}}
@media screen and (max-width: 480px) {.custom-link:last-of-type {display:block; margin-bottom:0;}}

.custom-banner {width: 130%; margin-left:-15%;}
@media screen and (max-width: 1024px) {.custom-banner {width: 120%; margin-left:-10%;}}
@media screen and (max-width: 768px) {.custom-banner {width: 100%; margin-left:0;}}
.banner-title {font-size: 6.5em; line-height:.85em;}
@media screen and (max-width: 1920px) {.banner-title {font-size: 5cqw;}}

/* --- filters --- */
.filter-checkbox-label, .form-checkbox-label {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:1em;
  line-height:1.25em;
  cursor: pointer;
  letter-spacing: 0;
}
.filter-checkbox-label {
  padding:0 0 0 2em;
  font-weight: 500!important;
  margin: 0.5rem 0!important;
}
.form-checkbox-label {
  padding:0.25em 2em 0 2em;
  text-transform: none;
}

.filter-checkbox, .form-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  padding:0;
}

.filter-checkbox-label .checkmark, .form-checkbox-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  z-index:0;
}

.filter-checkbox-label .checkmark, .form-checkbox-label .checkmark {
  height: 1.5em;
  width: 1.5em;
  background-color:var(--white);
  border: 1px solid var(--purple);
  background-image: url('img/icon-check.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:1em;
}
.filter-checkbox-label .checkmark {
  top:50%;
  transform:translateY(-50%);
}
.form-checkbox-label .checkmark {
  border: 1px solid var(--dpurple)!important;
}
.form-checkbox-label .checkmark-radio, .filter-checkbox-label .checkmark {
  border-radius:50%;
}

.filter-checkbox:checked ~ .checkmark, .form-checkbox:checked ~ .checkmark {
  background-color: var(--purple);
}

.filter-checkbox-label .checkmark:after, .form-checkbox-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.filter-checkbox:checked ~ .checkmark:after {
  display: block;
}

.filter-checkbox-label.active {color:var(--purple)!important;}

.tax-filter {max-height:22.5rem; overflow-y:auto;}
@media screen and (max-width:1440px) {.tax-filter {max-height:18.9rem;}}
.tax-filter::-webkit-scrollbar {-webkit-appearance: none; background-color: rgba(50, 36, 94, .1);}
.tax-filter::-webkit-scrollbar {width: 5px;}
.tax-filter::-webkit-scrollbar-thumb {
	border: 0 solid rgba(50, 36, 94, .1); /* should match background, can't be transparent */
	background-color: var(--dpurple);
}
.tax-filter-item {margin-right:0.25rem;}
.tax-filter-item label {transition: all 0.3s ease-in-out;}

@media screen and (max-width:768px) {
	#filter_overlay {
		display:none;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		top:0;
		height:100%;
		width:100%;
		z-index:999;
		overflow-y:scroll;
		background: var(--dpurple);
		padding: 4rem 1rem 1rem 1rem;
	}
}

button.overlay-close,
button.search {
	box-sizing:border-box;
	transition: all 0.3s ease-in-out!important;
	cursor:pointer;
	opacity:1;
	height:auto;
	width:auto;
	background:none!important;
	border:none!important;
	-webkit-appearance:none!important;
	font-family:inherit!important;
	font-size:1em;
}

.overlay-close {
  top:1.25rem;
  right:1rem;
  position:absolute;
  font-weight:600;
}

.icon-text {align-items: center; width: fit-content; margin:0 auto; flex-wrap: nowrap;}
.icon-text-left {align-items: flex-start; width: auto; }
.icon-text svg {height:1.5em; width:auto; margin-right:.25em; margin-left:0;}

.activity-bar {height:5px; margin-top:.5em;}

.overlay {
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  top:0;
  height:100%;
  width:100%;
  z-index:999;
  overflow-y:scroll;
  padding: 4rem 1rem 1rem 1rem;
  background-color: var(--dpurple);
}

.overlay .overlay-inner {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
  height:100%;
  width:100%;
}

.overlay-close {
  top:1.25rem;
  right:1rem;
  position:absolute;
  font-weight:600;
}

#saving_overlay .loader-text {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:6rem;
  transform: translateX(-50%);
}
#saving_overlay .loader {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-5rem;
  margin-left:-5rem;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 4000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height:10rem;
  width:10rem;
}
@-ms-keyframes spin {
	from {-ms-transform: rotate(0deg);}
	to {-ms-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
#saving_overlay .loader img {height:100%; width:auto;}

.form-msg {display: none; border:none; border-bottom:5px solid var(--green);}
.form-msg.error {border-color:red;}

.strand-icon {width: 4rem;}

.dashboard-btn {
	display:flex;
	justify-content: center;
	flex-direction: column;
	aspect-ratio: 1;
	position:relative;
}
@media screen and (max-width:480px) {.dashboard-btn { aspect-ratio: 0;}}

.tab {opacity:.5;}
.tab.active {opacity:1;}
.tab-container {display: none;}
.tab-container.active {display: block;}

/* --- slider --- */
.fb-slide {
  position: relative;
  left:0;
  top:0;
  display:none;
}

.fb-slide.active {
  display:block;
}

.fb-dots {margin:0; padding:0; position: absolute; z-index:1; left:0; bottom:3em;}
@media screen and (max-width:1440px) {.fb-dots {bottom:2em;}}
@media screen and (max-width:768px) {.fb-dots {bottom:1em;}}

li.fb-dot {width:1.5em; height:1.5em; border-radius:50%; display:inline-block; margin:0; margin-right: 1rem; cursor:pointer; border:2px solid var(--white); background-color:rgba(255,255,255,0);transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
li.fb-dot:hover, li.fb-dot.active {background-color:rgba(255,255,255,1);}

.grecaptcha-badge {bottom:2rem!important;}

.login.clc-both-logo h1 a{padding-top:90px!important;}

.wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {color: var(--dpurple)!important;}



.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message),
div.wpforms-container-full .wpforms-form .wpforms-error-container, 
div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {border:none!important; border-bottom:5px solid var(--green)!important; margin:0 0 2rem!important; font-size:1.25em; padding:0 0 1rem!important; background:none!important;}
div.wpforms-container-full .wpforms-form .wpforms-error-container, 
div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {border-color: red!important;}
.wpforms-error-container p {color: var(--dpurple); font-weight:400!important;}