/* 300 Light */
@font-face 
{
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('/resources/Website/_Fonts/roboto-light-webfont.woff2') format('woff2'), url('/resources/Website/_Fonts/roboto-light-webfont.woff') format('woff'), url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2'), local('sans-serif-light');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* 400 Regular */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('/resources/Website/_Fonts/roboto-regular-webfont.woff2') format('woff2'), url('/resources/Website/_Fonts/roboto-regular-webfont.woff') format('woff'), url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'), local('sans-serif');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

/* 400 Italic */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('/resources/Website/_Fonts/roboto-italic-webfont.woff2') format('woff2'), url('/resources/Website/_Fonts/roboto-italic-webfont.woff') format('woff'), url(//fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2'), local('sans-serif');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* 700 Bold */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/resources/Website/_Fonts/roboto-bold-webfont.woff2') format('woff2'), url('/resources/Website/_Fonts/roboto-bold-webfont.woff') format('woff'), url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2'), local('sans-serif');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Slab 700 Bold */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Slab'), local('Roboto-Slab'), url('/resources/Website/_Fonts/RobotoSlab-Bold.woff') format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v25/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Omb2Rj.woff2) format('woff2'), local('serif');
  }

/* 900 Black */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('/resources/Website/_Fonts/roboto-black-webfont.woff2') format('woff2'), url('/resources/Website/_Fonts/roboto-black-webfont.woff') format('woff'), local('sans-serif-black'), url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/*CENTREPOINT CUSTOMIZATION*/

/* VARIABLES */
:root {
	--ff-body: Roboto;
	--ff-heading: Roboto;
	/* font sizes */
	--fs-xl: clamp(1rem, 0.9364rem + 0.3636vw, 1.3rem);
	--fs-600: clamp(0.90rem, 0.8rem + 0.2424vw, 1.15rem);
	--fs-500: clamp(0.9rem, 0.8576rem + 0.2424vw, 1.1rem);
	--fs-400: clamp(0.85rem, 0.8076rem + 0.2424vw, 1.05rem);
	--fs-300: clamp(0.65rem, 0.6288rem + 0.1212vw, 0.75rem);
	/* font line-heights */
	--flh-xl: 1;
	--flh-m: 1.3;
	--flh-s: 1.2;
	/* font letter-spacing */
	--fls-m: 0.1em;
	--fls-l: 0.125em;
	/* Colours */
	--col-red1: #5c1a1e;
	--col-red1_trans: rgba(92, 26, 30, 0.9);
	--col-red2_trans: rgba(168, 47, 55, 0.75);
	--col-red2: rgb(168, 47, 55);
	--col-red3: #f54550;
	--col-greyD: #ddd;
	--col-greyB: #bbb;
	--col-grey3: #333;
}
/* BASIC DESIGN */
* {
	box-sizing: border-box;
	cursor: default;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: var(--ff-body) !important;
	background-color: white;
}
header {
}
body {
	font-weight: 300;
}
H1:not(.promo),
h1,
h2,
h3,
h4,
h5 a {
	font-family: var(--ff-body) !important;
	text-wrap: balance;
}
.CP_RedGadget {
	background-color: rgba(92, 26, 30, 0.2);
}
H1:not(.promo),
h1,
.gadgetStyleNone H1:not(.promo) {
	font-size: var(--fs-xl);
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0.4em !important;
}
.CP_ContentGadget H1:not(.promo).title,
.CP_Mail H1:not(.promo).title {
	margin-inline: auto;
	text-wrap: balance;
	max-width: 45ch;
	text-align: center;
	color: #5c1a1e;
	background-color: white;
	font-weight: 900;
}
h2 {
	color: #5c1a1e;
	font-size: clamp(0.90rem, 0.8rem + 0.2424vw, 1.15rem);
	line-height: 1.3;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	html:not([class*="WaPlaceHolder"]) h2 {
		font-size: clamp(0.90rem, 0.8rem + 0.2424vw, 1.15rem);
	}
}
@media screen and (max-width: 469px) {
	html:not([class*="WaPlaceHolder"]) h2 {
		font-size: clamp(0.90rem, 0.8rem + 0.2424vw, 1.15rem);
	}
}
p,
ul li, h4 {
	font-family: var(--ff-body) !important;
	font-size: var(--fs-400);
	line-height: var(--flh-s);
	font-weight: 300;
	margin-top: 0.5em;
	margin-bottom: 0px;
}
h4 {
	color: #5c1a1e;
}
ul li::marker {
	color: #5c1a1e;
}
[class*="EditableArea"] ul {
	margin: 0.5em 0 0.5em 1rem;
}
p.title {
	margin-inline: auto;
	text-align: center;
}
.IMG-hover img:hover {
	opacity: 0.7;
}

a {
	box-sizing: content-box;
}
A:not(.stylizedButton),
A:link:not(.stylizedButton),
A:active:not(.stylizedButton),
A:visited:not(.stylizedButton),
.gadgetStyleNone a:not(.stylizedButton),
.gadgetStyleNone a:link:not(.stylizedButton) {
	color: #5c1a1e;
}
A:not(.stylizedButton):hover,
A:link:not(.stylizedButton):hover,
A:active:not(.stylizedButton):hover,
A:visited:not(.stylizedButton):hover,
.gadgetStyleNone a:not(.stylizedButton):hover,
.gadgetStyleNone a:link:not(.stylizedButton):hover {
	color: var(--col-red3);
}

.CP_PlaceholderBody,
.CP_ContentGadget {
	width: 99%;
	max-width: 55rem;
	margin-inline: auto;
	margin-block: 0;
}
.CP_ContentGadget H1:not(.promo),
.CP_Mail H1:not(.promo) {
	background-color: #5c1a1e;
	color: white;
	font-size: var(--fs-xl);
	font-weight: 600;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 5px;
	margin-block: 0.75rem 1.75rem !important;
	padding-block: 0.75rem;
	padding-inline: 1.5rem;
	clear:both;
}
.CP_ContentGadget H1:not(.promo):first-child {
	margin-block: 1.75rem 1.75rem !important;
}
.CP_ContentGadget h2,
.CP_Mail h2
 {
	background-color: #5c1a1e;
	color: white;
	font-size: clamp(0.90rem, 0.8rem + 0.2424vw, 1.15rem);
	font-weight: 300;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	line-height: 1;
	border-radius: 5px;
	margin-inline: 0;
	margin-block: 1.5rem 0.5rem;
	padding-block: 0.5rem;
	padding-inline: 0.75rem;
	border-radius: 1em;
	clear:both;
}
.CP_ContentGadget h1 + h2 {
	margin-block: 1rem 0.5rem !important;
	clear:both;
}
.CP_ContentGadget h2 > a {
	color: white !important;
	text-decoration: none;
}

.CP_ContentGadget h3 {
	background-color: white;
}

.CP_ContentGadget h3,
.CP_Mail h3 {
	color: #5c1a1e;
	font-size: var(--fs-500);
	font-weight: 400;
	letter-spacing: var(--fls-m);
	text-transform: uppercase;
	line-height: 1;
	border-radius: 5px;
	margin-inline: 0;
	margin-block: 0rem 0rem !important;
	padding-block: 0.5rem 0.25rem;
	padding-inline: 0;
	clear:both;
}
.CP_ContentGadget p,
.CP_Mail p {
	background-color: white;
	color: black;
	font-size: var(--fs-400);
	font-weight: 300;
	letter-spacing: normal;
	text-transform: none;
	line-height: var(--flh-s);
	border-radius: 0px;
	margin-block: 0rem 0rem;
	padding-block: 0 0.5rem;
}
.CP_ContentGadget h3 + p {
	padding-block: 0 0.5rem;
}
.CP_Padding_After_H1,
.CP_Block_Main {
	display: block;
	padding-block: 0rem;
	padding-inline: 1.5rem;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Padding_After_H2,
.CP_ContentGadget .CP_GridCards-SmlCols .CP_Padding_After_H2 {
	padding-inline: 0.25rem;
}
.CP_ContentGadget .CP_Padding_After_H2 {
	padding-inline: 0.75rem;
}
.CP_ContentGadget .CP_GridCards_MedCols {
	display: grid;
	column-gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
}
@media screen and (max-width: 30rem) {
	.CP_ContentGadget .CP_GridCards_MedCols {
		grid-template-columns: 1fr;
	}
}


.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(1) {
	grid-area: wwd-events;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(2) {
	grid-area: wwd-activity-groups;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(3) {
	grid-area: wwd-conversation-groups;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(4) {
	grid-area: wwd-next-events;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(5) {
	grid-area: how-to-find-us;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(6) {
	grid-area: about-volunteering;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(7) {
	grid-area: front-desk-hours;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(8) {
	grid-area: join-us;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(9) {
	grid-area: ukrainian-initiative;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(10) {
	grid-area: work-with-us;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(11) {
	grid-area: latest-news;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(12) {
	grid-area: instagram;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(13) {
	grid-area: advert1;
}
.CP_ContentGadget .CP_GridCards-Home .CP_Card_ImgSmlTop:nth-child(14) {
	grid-area: advert2;
}


.CP_ContentGadget .CP_GridCards-Home {
	display: grid;
	column-gap: 0.75rem;
	row-gap: 1.25rem;
	grid-auto-columns: 11%;
	grid-template-areas:
		'wwd-events wwd-events wwd-events  wwd-activity-groups wwd-activity-groups wwd-activity-groups wwd-conversation-groups wwd-conversation-groups wwd-conversation-groups' 
		'wwd-next-events wwd-next-events wwd-next-events latest-news latest-news latest-news how-to-find-us how-to-find-us how-to-find-us'
		'.  advert1 advert1 advert1 . advert2 advert2 advert2 .'
		'front-desk-hours front-desk-hours front-desk-hours work-with-us work-with-us work-with-us about-volunteering about-volunteering about-volunteering'
		'join-us join-us join-us ukrainian-initiative ukrainian-initiative ukrainian-initiative instagram instagram instagram';
/* 		'wwd-events wwd-activity-groups wwd-conversation-groups' 
		'wwd-next-events how-to-find-us front-desk-hours'
		'work-with-us about-volunteering join-us'
		'ukrainian-initiative instagram .';
 */	justify-content: center;
	align-items:self-start;
}
@media screen and (max-width: 50rem) {
	.CP_ContentGadget .CP_GridCards-Home {
		grid-auto-columns: 50%;
		grid-template-areas:
		
/* 		'wwd-events wwd-activity-groups' 
		'wwd-conversation-groups wwd-next-events'
		'how-to-find-us front-desk-hours'
		'about-volunteering join-us'
		'ukrainian-initiative instagram'
		' work-with-us .' */

		/* 'with News.'; */
		'wwd-events wwd-activity-groups' 
		'wwd-conversation-groups wwd-next-events'
		'latest-news wwd-next-events'
		'how-to-find-us front-desk-hours'
		'work-with-us about-volunteering'
		'join-us ukrainian-initiative'
		'instagram .';
	}
}
@media screen and (max-width: 35rem) {
	.CP_ContentGadget .CP_GridCards-Home {
		grid-auto-columns: 100%;
		grid-template-areas:
		'wwd-events'
		'wwd-activity-groups'
		'wwd-conversation-groups'
		'wwd-next-events'
		'latest-news'
		'how-to-find-us'
		'front-desk-hours'
		'work-with-us'
		'about-volunteering'
		'join-us'
		'ukrainian-initiative'
		'instagram'
		/* 'Artwall' */;
	}
}
.CP_ContentGadget .CP_GridCards-SmlCols {
	display: grid;
	column-gap: 0.75rem;
	grid-template-columns: repeat(3, 1fr);
}
.CP_ContentGadget .CP_Card_ImgSmlLeft h3 {
	clear:none;
}

.CP_ContentGadget .CP_Card_ImgSmlLeft img {
	width: clamp(120px, 40%, 200px);
	border-radius: 3%;
	float: left;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
@media screen and (max-width: 50rem) {
	.CP_ContentGadget .CP_GridCards-SmlCols {
		display: grid;
		column-gap: 0.75rem;
	grid-template-columns: repeat(2, 1fr);
	}	
}
@media screen and (max-width: 32rem) {
	.CP_ContentGadget .CP_GridCards-SmlCols {
		display: grid;
		column-gap: 0.75rem;
		grid-template-columns: 1fr;
	}
	.CP_ContentGadget .CP_Padding_After_H1 {
		padding-inline:0.5rem;
	}	
	.CP_ContentGadget H1:not(.promo) {
		padding-inline:.75rem;
	}
	.CP_ContentGadget .CP_Padding_After_H2 {
		padding-inline:.5rem;
	}
	.CP_ContentGadget .CP_Card_ImgSmlLeft img {
		width: 100%;
		max-width: 18rem;
	}
	.CP_ContentGadget .CP_Card_ImgSmlLeft p {
		clear:both;
	}
}
@media screen and (max-width: 25rem) {
	.CP_ContentGadget .CP_Card_ImgSmlLeft img {
		width:100%;
	}
}
.CP_ContentGadget .CP_Card_ImgMedLeft img {
	width: clamp(240px, 40%, 400px);
	border-radius: 3%;
	float: left;
	margin-right: 0.75rem;
	margin-top: 0rem;
	margin-bottom: 0.5rem;
}
.CP_ContentGadget .CP_Card_ImgSmlTop {
	padding-inline: 0rem;
	max-width: 17rem;
	margin-inline: auto;
	position: relative;
}

.CP_ContentGadget .CP_Card_ImgSmlTop ul li {
	margin-bottom: 0.8em;
}
.CP_ContentGadget .CP_Card_ImgSmlTop ul {
	padding-left:0rem ;
}

.CP_ContentGadget .CP_Card_ImgSmlTop h3 {
	margin-top:1.125em !important;
}

.CP_ContentGadget .CP_Card_ImgSmlLeft {
	clear: both;
}
.CP_ContentGadget .CP_Card_Grid_Horiz {
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 1.5rem;
	margin-inline:.5rem;
	border-radius: .5rem;
	box-shadow: 4px 4px 5px 1px rgba(36,13,13,0.3);
	padding:0.75rem;
}
.CP_ContentGadget .CP_Card_Grid_Horiz img {
	max-width:50%;
	border-radius:5px;
}

.CP_ContentGadget .CP_Card_Grid_Horiz img {
	max-width: 50%;
}
.CP_ContentGadget img.icon-inline {
	width: 1rem;
	display: inline-block;
	margin:0;
	padding:0;
	padding-right: 0.1em;
}
.CP_ContentGadget .CP_Card_ImgSmlTop img {
	width: 100%;
	border-radius: 3%;
	margin-bottom: 0.5rem;
}
.CP_ContentGadget .CP_Card_ImgSmlTop p {
	width: 100%;
	margin-inline: auto;
}

.CP_ContentGadget .CP_Card_ImgSmlTop p:first-child {
	margin-top: 0.25rem;
}

.CP_ContentGadget .img_privilege img
 {
	max-height: 150px;
	max-width: 150px;
}


.CP_ContentGadget .CP_Card_ImgSmlTop p,
.CP_ContentGadget .CP_Card_ImgMedLeft p,
.CP_ContentGadget .CP_Card_ImgSmlLeft p {
	padding-bottom: 0.5rem;
	padding-inline: 0rem;
}
.CP_ContentGadget .CP_Card_ImgSmlTop p:first-child,
.CP_ContentGadget .CP_Card_ImgMedLeft p:first-child,
.CP_ContentGadget .CP_Card_ImgSmlLeft p:first-child {
	padding-top: 0.5em;
}
.CP_ContentGadget p.nofloat, .CP_ContentGadget a.nofloat, .CP_ContentGadget h4.nofloat {
	clear:both;
}
.CP_ContentGadget ul {
	padding-left:1rem;
	margin-block: 0rem;
}
.CP_ContentGadget ul li:first-child {
	margin-top: 0rem;
}

@media screen and (max-width: 549px) {
	.CP_ContentGadget .CP_Card_ImgMedLeft img {
		width: clamp(50%, 50%, 400px);
		max-width: 240px;
		border-radius: 3%;
	}
}
@media screen and (max-width: 400px) {
	.CP_ContentGadget .CP_Card_ImgMedLeft img {
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}
}
.CP_ContentGadget .contStyleCaption {
	font-weight: 300;
	font-size: var(--fs-300);
	color: initial;
	margin-top: 0rem;
}
.img-small {
	width: 90%;
	max-width: 300px;
	border-radius: 3px;
	padding-block: 0rem 0.7rem;
}
.iframe {
	width: 90%;
	max-width: 400px;
	border-radius: 3px;
	padding-block: 1rem 0.7rem;
}

.img-medium {
	width: 90%;
	max-width: 400px;
	border-radius: 3px;
	padding-block: 1rem 0.7rem;
}

.img-advert {
	width: 90%;
	max-width: 300px;
	border-radius: 3px;
	padding-block: 1rem 0.7rem;
}

.CP_ContentGadget .img-large {
	padding-block: 0.5rem 0.5rem;
}
.img-large {
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	padding-block: 1rem 0.7rem;
}
.CP_ContentGadget .img-large.hascaption {
	padding-block: 0.5em 0;
	padding-inline: 0;
}
.CP_ContentGadget .contStyleCaption {
	padding-block-start: 0;
}
.CP_ContentGadget .navbtns {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: normal;
	align-items: normal;
	align-content: normal;
	padding-block: 0 0.5rem;
	margin-block: 0;
	gap: 0.5rem;
}
.CP_ContentGadget .navbtns .navbtn {
	background-color: #5c1a1e;
	display: inline-block;
	border-radius: 0.3em;
	margin-block: 0;
	flex-grow: 0;
}
.navbtn {
	background-color: #5c1a1e;
	display: inline-block;
	margin-block-start: 0em;
	margin-block-end: 0px;
	border-radius: 0.3em;
	margin-right: 0.25rem;
}
button.navbtn, a.navbtn {
	color: white !important;
	padding: 0.4em 0.6em;
	text-decoration: none;
	letter-spacing: 0.5px !important;
	font-size: var(--fs-400) !important;
	font-weight: 300 !important;
}
a.navbtn:hover {
	color: var(--col-red3) !important;
}

/*GAGDET SPECIFIC RESETS FOR UNUSEFUL WA SETTINGS*/
.zoneContent .WaPlaceHolderContent > div {
	padding: 0 0;
}
.WaPlaceHolder > div {
	padding: 0 0;
}
[class^="WaLayoutContainer"] {
	margin-bottom: 0;
}

/*HEADER*/
/* Set column widths to center logo */
.WaPlaceHolderHeader {
	max-width: 70rem;
}
.WaPlaceHolderHeader .WaLayoutRow .WaLayoutItem:nth-child(1),
.WaPlaceHolderHeader .WaLayoutRow .WaLayoutItem:nth-child(5) {
	width: 12.5% !important;
}
.WaPlaceHolderHeader .WaLayoutRow .WaLayoutItem:nth-child(2),
.WaPlaceHolderHeader .WaLayoutRow .WaLayoutItem:nth-child(4) {
	width: 0% !important;
}
.zoneHeader1 [class*="EditableArea"] {
	margin-block: 0.8rem;
}
.zoneHeader1 [class*="EditableArea"] img,
.laylogo img {
	width: 25vw !important;
}
@media screen and (max-width: 767px) {
	.zoneHeader1 [class*="EditableArea"] img {
		width: 45vw !important;
	}
}
@media screen and (max-width: 469px) {
	.zoneHeader1 [class*="EditableArea"] img {
		width: 65vw !important;
	}
}

/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel {
	position: relative;
	height: 50px;
	background: #5c1a1e;
	color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
	color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
	color: var(--col-red3);
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a,
.WaGadgetMobilePanel
	.mobilePanel
	.menuInner
	ul.firstLevel
	> li.sel
	> .item
	> a {
	background-color: var(--col-red2);
	color: white;
}
/* MENU BAR*/
.WaGadgetMenuHorizontal {
	width: 100%;
	max-width: 70rem;
	margin-inline: auto;
	background-color: #5c1a1e;
	font-family: var(--ff-body) !important;
}

.WaGadgetMenuHorizontal .menuInner {
	border-radius: 2px;
}
.WaGadgetMenuHorizontal .menuInner Ul.firstLevel > li > .item > a {
	font-family: var(--ff-body) !important;
	height: 26px;
	padding: 14px 13px 15px;
	letter-spacing: 0.5px;
	font-size: var(--fs-400);
	font-weight: 300;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
	font-weight: 400;
}

/* LOGIN BUTTON */
.WaGadgetLoginForm {
	margin-bottom: 0.2em;
}
.WaGadgetLoginForm .loginContainer.loginContainer {
	position: relative;
}
.WaGadgetLoginForm
	.loginContainer.authenticated.loginContainer.authenticated
	.loginLink,
.WaGadgetLoginForm
	.loginContainer.authenticated.loginContainer.authenticated
	.loginLink:hover,
.WaGadgetLoginForm
	.loginContainer.authenticated.loginContainer.authenticated
	.loginLink.hover,
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #5c1a1e;
	color: white;
	line-height: 400px;
	vertical-align: top;
	text-decoration: none;
	cursor: pointer;
}
.WaGadgetLoginForm {
	position: relative;
}
.WaGadgetLoginForm .loginContainer:not(.authenticated)::before {
	font-family: var(--ff-body);
	font-size: var(--fs-400);
	content: "Login";
	top: 100%;
	right: 0.35em;
	color: #5c1a1e;
	position: absolute;
	display: inline;
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover {
	background: var(--col-red3);
	color: #fff;
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
	background: var(--col-red2);
	color: #fff;
}
.WaGadgetLoginForm .loginPanel a,
.WaGadgetLoginForm .authenticated .loginPanel a,
.WaGadgetLoginForm
	.loginContainer.authenticated
	.loginContainerInner
	.loginPanel
	.loginBoxLogout {
	color: #5c1a1e;
}
.WaGadgetLoginForm .loginPanel a:hover,
.WaGadgetLoginForm .authenticated .loginPanel a:hover,
.WaGadgetLoginForm
	.loginContainer.authenticated
	.loginContainerInner
	.loginPanel
	.loginBoxLogout:hover {
	color: var(--col-red3);
}
.WaGadgetLoginForm
	.loginContainer.authenticated
	.loginContainerInner
	.loginPanel
	.loginBoxLogout,
.WaGadgetLoginForm
	.loginContainer.authenticated
	.loginContainerInner
	.loginPanel
	.loginBoxLogout:hover {
	font-weight: 300;
	font-family: "Roboto";
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink.active {
	background: var(--col-red2);
	color: #fff;
}
.WaGadgetLoginForm .loginButton {
	font-family: var(--ff-body);
	font-weight: 400;
}

/* WILD APRICOT STANDARD CSS CODE  */

/* this is remove the grey box around the webpage footer*/
.cnFooterContainerTopCorners.cornersContainer,
.cnFooterContainerBottomCorners.cornersContainer {
	display: none;
}
.cnFooterContainer {
	background-color: white;
}
/* this is for the email subject, name, and email fields change it to the width you would like*/
.generalFieldsContainer
	DIV#idMemberSinceContainerEdit.textFieldContainer
	.fieldBody
	INPUT,
.generalFieldsContainer
	DIV#idExpirationDateContainerEdit.textFieldContainer
	.fieldBody
	INPUT,
.generalFieldsContainer .textFieldContainer .fieldBody INPUT.typeText {
	width: 500px;
	height: 20px;
}
/* this is for the code field change it to the width you would like*/
#idCaptchaTextBoxContainer INPUT.captchaCode {
	width: 500px;
}
/*this is for the body field change it to the width you would like*/
.generalFieldsContainer .textFieldContainer .fieldBody TEXTAREA {
	width: 500px;
	height: 288px;
}
/* this is so that IE 11 word wraps*/
.typeText {
	white-space: normal;
}
/* this is for the color of a blog/news title when hovered*/
.cnPrimaryContentBlock1Content DIV.artBoxContainerType-gadgetStyle001 A:hover,
DIV.artBoxContainerType-gadgetStyle001 A:hover {
	color: #c5605e;
}

/* FOOTER */
#idFooterContentHolder {
	position: relative;
}
.WaPlacehoderFooter .WaGadgetContent a:hover {
	color: var(--col-red3);
}
.gadFooter,
.gadFooterMobile {
	background-color: #5c1a1e;
	margin-inline: auto;
	max-width: 70rem !important;
	position: relative;
	left: unset;
	height: auto;
	display: block;
}
.gadFooterMobile {
	display: block;
	position: absolute;
	height: 0px;
}
.gadFooter p {
	line-height: 1;
	padding-inline: 0.5em;
	color: white;
}
.gadFooter p .blank {
	color: transparent;
}

.gadFooterMobile p {
	line-height: 1.4;
	padding-inline: 1em;
	padding-block: 0;
	color: white;
	text-align: center;
}
.gadFooter a,
.gadFooterMobile a {
	color: white;
	text-decoration: unset;
}
.gadFooter A:not(.stylizedButton),
.gadFooterMobile A:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter A:link:not(.stylizedButton),
.gadFooterMobile A:link:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter A:active:not(.stylizedButton),
.gadFooterMobile A:active:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter A:visited:not(.stylizedButton),
.gadFooterMobile A:visited:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter a:not(.stylizedButton),
.gadFooterMobile a:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter a:link:not(.stylizedButton),
.gadFooterMobile a:link:not(.stylizedButton) {
	color: white;
	text-decoration: unset;
}
.gadFooter a:hover,
.gadFooterMobile a:hover {
	color: var(--col-red3);
}
.gadFooter A:not(.stylizedButton):hover,
.gadFooterMobile A:not(.stylizedButton):hover {
	color: var(--col-red3);
}
.gadFooter A:link:not(.stylizedButton):hover,
.gadFooterMobile A:link:not(.stylizedButton):hover {
	color: var(--col-red3);
}
.gadFooter A:active:not(.stylizedButton):hover,
.gadFooterMobile A:active:not(.stylizedButton):hover {
	color: var(--col-red3);
}
.gadFooter A:visited:not(.stylizedButton):hover,
.gadFooterMobile A:visited:not(.stylizedButton):hover {
	color: var(--col-red3);
}
.gadFooter a:not(.stylizedButton):hover,
.gadFooterMobile a:not(.stylizedButton):hover {
	color: var(--col-red3);
}
.gadFooter a:link:not(.stylizedButton):hover,
.gadFooterMobile a:link:not(.stylizedButton):hover {
	color: var(--col-red3);
}

/*     
fa-linkedin-square"\f08c"
fa-facebook-square"\f082"
fa-twitter-square"\f081"
fa-instagram"\f16d"
*/
.socialLinksFB::before {
	font-family: "FontAwesome";
	content: "\f082";
	font-size: 2.5em;
}
.socialLinksLI::before {
	font-family: "FontAwesome";
	content: "\f08c";
	font-size: 2.5em;
}
.socialLinksIN::before {
	font-family: "FontAwesome";
	content: "\f16d";
	font-size: 2.5em;
}
.gadFooterMobile [class=*"socialLinks"] {
	font-size: 1.5em;
}

@media screen and (max-width: 767px) {
	.gadFooterMobile {
		height: 100%;
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.gadFooter {
		position: absolute;
		left: 10000px;
		height: 0px;
	}
}
/* Partners */
.gadFooter2 {
	margin-inline: auto;
	max-width: 70rem !important;
}
#idFooterPoweredByContainer {
	visibility: hidden;
	height: 0px;
}

#idFooterPoweredByContainer span {
	font-size: 0.8rem !important;
}
#idFooterPoweredByContainer a {
	font-size: 0.8rem !important;
}

/* SPECIAL GADGETS */

/* CALENDAR */
#idEventListCalendar h3 {
	font-size: var(--fs-500);
	line-height: 1.3;
	font-weight: 400;
	margin-top: 0.7em;
	margin-bottom: 0px;
	color: #5c1a1e;
	text-transform: unset;
}

.WaGadgetEventsStateCalendar
	[class*="ViewType"]
	.EventListCalendar
	td.EventListCalendarHeader,
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader {
	background-color: transparent;
	font-family: var(--ff-body) !important;
	font-style: normal;
	font-size: var(--fs-400);
	line-height: 1.3;
	font-weight: 400;
	text-decoration: none;
	margin: 1.05em 0;
	color: var(--red1);
	/* line-height: 1.36; */
	text-transform: none;
	margin: 0;
	padding: 15px 10px;
	overflow: hidden;
	border: none !important;
	color: inherit;
	text-overflow: ellipsis;
}
.WaGadgetEventsStateCalendar
	.yearViewType
	.EventListCalendar
	a.yearViewHeader:hover {
	color: var(--col-red3);
}
.WaGadgetEventsStateCalendar
	[class*="ViewType"]
	.EventListCalendar
	td
	a.calendarDate,
.WaGadgetEventsStateCalendar [class*="ViewType"] .EventListCalendar td > div a {
	color: black;
	font-size: 0.8rem !important;
}
.WaGadgetEventsStateCalendar
	[class*="ViewType"]
	.EventListCalendar
	td
	a.calendarDate:hover,
.WaGadgetEventsStateCalendar
	[class*="ViewType"]
	.EventListCalendar
	td
	> div
	a:hover {
	color: var(--col-red3) !important;
}
.WaGadgetEventsStateCalendar
	[class*="ViewType"]
	.EventListCalendar
	.eventDivItem:hover
	a {
	color: var(--col-red3) !important;
}
.WaGadgetEventsStateCalendar [class*="ViewType"] .EventListCalendar td > div {
	color: black;
	font-size: 0.8rem !important;
	white-space: nowrap;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] a {
	background-color: #5c1a1e;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] span {
	background-color: var(--col-red2);
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] a:hover,
.WaGadgetEventsStateCalendar
	#idViewSwitchersTable
	div[id*="Button"]
	span:hover {
	background-color: var(--col-red3);
}

/* NEWS */
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink,
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn,
.WaGadgetRecentBlogPosts.gadgetStyleNone ul li .date,
.WaGadgetRecentBlogPosts.gadgetStyleNone ul li .author {
	visibility: hidden;
}
.WaGadgetBlogStateList
	ul.boxesList
	li.boxesListItem
	.boxHeaderOuterContainer
	h4.boxHeaderTitle
	a {
	color: #5c1a1e;
	font-size: var(--fs-400) !important;
	font-weight: 400;
}
.WaGadgetBlogStateList
	ul.boxesList
	li.boxesListItem
	.boxHeaderOuterContainer
	h4.boxHeaderTitle
	a:hover {
	color: var(--col-red3);
}
.LatestNews {
	max-height: 36rem;
	overflow-y: scroll;
	padding-block: 0;
	padding-inline: 0 1em;
	width: 95%;
}
.controlPanelInner a {
	color: white !important;
}
.controlPanelInner a:hover {
	color: var(--col-red3) !important;
}
/* BLOG POST PAGE */
.WaGadgetBlog .pageTitleOuterContainer {
	margin-bottom: 0.5em !important;
}
.WaGadgetBlog .boxBodyInfoOuterContainer {
	height: 0px;
	padding: 0px;
	line-height: 0;
	margin: 0;
}
.WaGadgetBlog .controlPanel .toggleButton {
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 1.7rem;
	height: 1.5rem;
	border-radius: 3px;
	background: #5c1a1e;
}
.WaGadgetBlog .controlPanel .toggleButton:hover {
	color: var(--col-red3);
}
.WaGadgetBlog .controlPanel .toggleButton::before {
	font-family: var(--ff-heading);
	font-size: var(--fs-400);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.4;
	text-align: center;
	font-family: "FontAwesome";
	content: "\f0c9";
	transform: rotate(0deg);
	padding: 0.029rem 0 0.3rem 0.03rem;
	color: white;
}

.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
	font-size: var(--fs-500) !important;
	font-weight: 400;
}
.WaGadgetBlogStateList ul.boxesList li.boxesListItem + li.boxesListItem {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-top: 0;
}

.CP_button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}

.CP_button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}   
.CP_button:disabled {
	cursor:not-allowed;
	opacity:0.3
}
.CP_button:hover {
	color:#000!important;
	background-color:#ccc!important
}
.CP_black {
	color:#fff!important;
	background-color:#000!important
}
.CP_display-left{
	position:absolute;
	top:50%;
	left:0.25rem;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%)
}
.CP_display-right{
	position:absolute;
	top:50%;
	right:0.25rem;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%)
}
.CP_ContentGadget p.no-padding-bottom {
	padding-bottom:0;
}
.CP_ContentGadget img.no-margin-bottom {
	margin-bottom:0;
}

.CP_ContentGadget p.quote-author {
	padding-top:0.125rem;
	text-align: right;
}
.CP_ContentGadget p.img-description {
	padding-inline: 0.5rem;
	padding-top: 0.125rem;
}


/*
 CSS for the main interaction
*/
.accordion > input[type="checkbox"] {
	display: none;
  }
  
.accordion .content {
	height: 0;
	overflow: hidden;
	opacity:0;	
	transition: opacity .25s ease-in;
}
.accordion > input[type="checkbox"]:checked ~ .content {
	height: auto;
	opacity:1;	
	overflow: visible;	
}
.accordion > input[type="checkbox"]:checked ~ .handle {
	margin-bottom: .5em;
}

.accordion label {
	display: block;
}    
.accordion label:hover,
.accordion label:focus {
	color: var(--col-red3);
}
  
.accordion .handle label:after {
	font-family: 'fontawesome';
	content: "\2b";
	position: absolute;
	right: 0.25rem;
	margin-top:.2rem;
	font-size: .58em;
	line-height: 1.556em;
	vertical-align: middle;
}
  
  .accordion > input[type="checkbox"]:checked ~ .handle label:after {
	font-family: 'fontawesome';
	content: "\f068";
	position:absolute;
	margin-top:.2rem;

	right: 0.25rem;
  }
  
  .accordion {
	max-width: 65em;
  }
  
  .accordion p:last-child {
	margin-bottom: 0;
  }

  .CP_Mail {
	background-color: #fcf0e7;
  }

.CP_Mail .CP_Padding_After_H1 {
	background-color: #fcf0e7;
}
.CP_Mail h3 {

	background-color: #fcf0e7;
	margin-bottom: .75em !important;
	
}
.CP_Mail p {
	margin-bottom: .75em !important;
	background-color: #fcf0e7;
}

iframe {
	min-width:20px !important;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	max-width: 80%; /* Full width */
	max-height: 80%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
/* 	background-color: rgb(0,0,0); /* Fallback color */
	background-color:var(--col-greyB);
	border-radius: 5px;
	box-shadow: 4px 4px 5px 1px rgba(36,13,13,0.3);
	border: 1px solid #5c1a1e;
  }

  
  
  /* Modal Content/Box */
  .modal-content {
	margin: .5rem;
	background-color:var(--col-greyB);
  }
  .modal-content p {
	background-color:var(--col-greyB);
  }
  
  /* The Close Button */
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }

  .EventListCalendar td > div a {
	text-wrap: wrap;
  }

  .img-small  {
	width: 50%;
	max-width: 200px;
	clear:both;
 }