/************************
FONT INCLUDES
*************************/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,800;1,400;1,800&display=swap');

/************************
BODY
*************************/
body {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 1rem;
}

::selection {
	background: #A14399;
	color: #fff;
}

/***************************
THEME COLORS
****************************/
/*** black ***/
.bg-black {
	background: #000!important;
	color: #fff!important;
}

.bg-white {
	background: #fff!important;

}

/*** dark ***/
.bg-dark {
	background: #30272f!important;
}

.text-dark {
	color: #30272f!important;
}

/*** light ***/
.bg-light {
	background: !important;
}

.text-light {
	color: !important;
}

/*** primary ***/
.bg-primary {
	background: #A14399!important;
}

.text-primary {
	color: #A14399!important;
}

/*** secondary ***/
.bg-secondary {
	background: #22a8b9!important;
}

.text-secondary {
	color: #22a8b9!important;
}

/*** tertiary ***/
.bg-tertiary {
	background: #d69d24!important;
}

.text-tertiary {
	color: #d69d24!important;
}
/*************************
HEADINGS AND FONTS
**************************/
h1, .h1 {
	font-family: 'Cormorant Garamond', serif;
	font-size: 3.4em;
}

h2, .h2 {
	font-family: 'Cormorant Garamond', serif;
}

h3, .h3 {
	font-family: 'Cormorant Garamond', serif;
}

h4, .h4 {
	font-family: 'Cormorant Garamond', serif;
}

h5, .h5 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	letter-spacing: 0.15rem;
}

h6, .h6 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-size: 0.9rem;
}

.text-serif {
	font-family: 'Cormorant Garamond', serif;
}

.text-sans-serif {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
}

.lead {
	font-size: 1.4rem;
}

	.lead.text-serif {
		font-size: 1.7rem;
	}

.text-muted {
	color: inherit!important;
	opacity: 0.7;
}

.small {

}

blockquote {

}

figure {
	text-align: center;
	margin: 2rem auto;
}

figure img {
	max-width: 100%;
}

figcaption {
	font-size: 0.8rem;
	max-width: 1170px;
	opacity: 0.7;
	margin: 10px auto;
	font-style: italic;
}

	figcaption strong {
		font-style: normal;
	}

/**************************
LINKS AND BUTTONS
***************************/
/*** default links ***/
a {
	color: #22a8b9;
}

	a:hover {
		color: #22a8b9;
	}

	a:active, a:focus {
		color: #22a8b9;
	}

/*** default button ***/
.btn, input[type=submit], button, .btn-primary {
	transition: 0.3s;
	font-size: 0.875rem;
	padding: 12px 20px !important;
	border-radius: 20px;
	letter-spacing: 0.1em;
	font-family: 'Open Sans',sans-serif;
	text-transform: uppercase;
	background-color: #A14399!important;
	color: #fff;
	border-color:  #A14399!important;
}

	.btn svg {
		transition: 0.3s;
	}

	.btn:hover svg {
		margin-left: 5px;
	}

	.btn:hover, .btn-primary:hover {
		background: #82347a!important;
		border-color: #82347a!important;
		color: #fff;
	}

	.btn:active, .btn:focus, .btn-primary:active, .btn-primary:focus {
		background: #82347a!important;
		border-color: #82347a!important;
		color: #ccc!important;
	}

	.btn:focus-visible {
		border-color: #A14399;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}

.btn-outline-light {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

	.btn-outline-light:hover {
		background: #fff;
		border-color: #fff;
		color: #000;
	}

	.btn-outline-light:active, .btn-outline-light:focus {
		background: #eee!important;
		border-color: #eee!important;
		color: #333!important;
	}

	.btn-outline-light:focus-visible {
		border-color: #fff;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}

.btn-tertiary {
	background: #D69D24;
	color: #000;
	border-color: #D69D24;
}

	.btn-tertiary:hover {
		background: #fff;
		border-color: #fff;
		color: #000;
	}

	.btn-tertiary:active, .btn-tertiary:focus {
		background: #F1A943!important;
		border-color: #F1A943!important;
		color: #333!important;
	}

	.btn-tertiary:focus-visible {
		border-color: #D69D24;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}



/***************************
WEBFORMS
****************************/
.form-control, .form-select {
	border-color: #222;
}

	.form-control:focus, .form-select:focus {
		border-color: #A14399;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}

.form-check-input {
	border-color: #222;
}

.form-check-input:checked {
  background-color: #A14399;
  border-color: #A14399;
}

	.form-check-input:focus {
		border-color: #A14399;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25)
	}

label {

}

/*************************
DESIGN ELEMENTS / HELPER CLASSES
**************************/
hr {
	border: 2px solid #D69D24;
	background: #D69D24;
	height: 2px;
	max-width: 100px;
	opacity: 1;
}

/*** background + overlay sections ***/
.background { /* applied to parent image */
	position:relative;
}

.text-overlay { /* applied to child with text */
	z-index: 3;
	position: relative;
}

.bg-overlay { /* applied to child to add gradient/overlay to parent image*/
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,0.2);
}

.gradient-overlay { /* applied to child to add gradient/overlay to parent image*/
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	background: rgb(14,13,14);
	background: linear-gradient(0deg, rgba(14,13,14,0.9) 8%, rgba(255,255,255,0) 100%);
}

.vh-75 { /*vertical height 75*/
	min-height: 75vh;
}

.vh-50 { /*vertical height 50*/
	min-height: 50vh;
}

.vh-25 { /*vertical height 25*/
	min-height: 25vh;
}

/***************************
CARDS
****************************/
.card {
	border-radius: 0;
	border: 0;
	padding: 0px 10px;
}

	.card .ratio {
		border-top: 5px solid #D69D24;
	}

	.card img {
		border-radius: 0;
		transition: 0.3s;
	}

	.card img:hover {
		transform: scale(105%);
	}

	.card-footer {
		background: #fff;
	}

.pagination .page-link {
	color: #22a8b9;
	letter-spacing: 0.1em;
	font-family: 'Open Sans',sans-serif;
	text-transform: uppercase;
	padding: 12px 20px !important;
}

	.page-item:first-child .page-link,
	.page-item:last-child .page-link	{
		border-radius: 0;
	}

	.page-link:focus {
		border-color: #A14399;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}

/***************************
NAVIGATION
****************************/
.navbar {
	background:#F2F3F3;
	border: 0!important;
}

	.navbar-border {
		content: "";
		height:43px;
		width:100%;
		display: block;
		position: fixed;
		top: 79px;
		z-index: 15;
		background: transparent url(../img/nav-border.png) repeat center center;
	}

.navbar .nav-link {
	transition: 0.3s;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.navbar .navbar-toggler {
	background: #30272F;
	color: #fff;
}

.navbar .dropdown-menu {
	border-radius: 0;
	background: #F2F3F3;
	border: 0;
}

	.navbar .dropdown-menu a {
		transition: 0.3s;
		font-size: 0.875rem;
		letter-spacing: 0.1em;
		padding: 0.5rem 0.8rem;
		color: #222;
		text-decoration: none;
	}

	.navbar .dropdown-menu a:hover {
		padding: 0.5rem 0.8rem 0.5rem 0.9rem;
	}

/***************************
FOOTER
****************************/
.site-footer {
	background: transparent!important;
	padding: 0!important;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 1rem;
}

	.site-footer .block {
		border: 0!important;
		padding: 0!important;
		font-family: 'Open Sans', helvetica, arial, sans-serif;
		font-size: 1rem;
	}

.footer {
	background: #2B2B2B;
}

	.footer-border {
		content: "";
		height:45px;
		width:100%;
		display: block;
		z-index: 15;
		background: transparent url(../img/tornpaper-dark.png) repeat center center;
	}

.footer .navbar-nav {
	flex-direction: row!important;
	display: flex!important;
}

	.footer .navbar-nav li {
		padding: 4px;
	}

.footer a {
	color: #fff!important;
}

/***************************
HEADER
****************************/
header {
	margin-top: 85px;
	background: #A14399 url(../img/header-bg.png) repeat;
	background-blend-mode: multiply;
	color: #fff;
	position: relative;
}

	header figcaption {
		font-size: 0.8rem;
		max-width: 1170px;
		margin: 0px auto;
	}

/***************************
BODY STRUCTURE
****************************/
main.body {
	margin-top: -15vh;
	background: #fff;
	z-index: 10;
	padding: 2em;
	border-top: 10px solid #d69d24;
}

/***************************
HOMEPAGE - GENERAL STYLES
****************************/
.home-header {
	margin-top: 85px;
	background: #A14399 url(../img/header-03.jpg) no-repeat center center;
	background-size: cover;
	background-blend-mode: normal!important;
	color: #fff;
}

.home-about {
	background-color: #30272f;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a8449d' fill-opacity='0.17'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

	.home-about a {
		transition: 0.3s;
		font-size: 0.875rem;
		padding: 12px 20px !important;
		border-radius: 20px;
		letter-spacing: 0.1em;
		font-family: 'Open Sans',sans-serif;
		text-transform: uppercase;
		background-color: #A14399!important;
		color: #fff;
		border-color:  #A14399!important;
		text-decoration: none;
	}

		.home-about a:hover {
			background: #82347a!important;
			border-color: #82347a!important;
			color: #fff;
		}

		.home-about a:active, .home-about a:focus {
			background: #82347a!important;
			border-color: #82347a!important;
			color: #ccc!important;
		}

		.home-about a:focus-visible {
			border-color: #A14399;
			box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
		}

.home-events .slick-prev {
	display: none;
}

/***************************
HOMEPAGE - SUPPORTERS
some styles also used for board page
****************************/
.sponsor-icon {
	width: 110px;
	height: 110px;
	background: #eee;
	border-radius: 100%;
	padding-top: 27px;
	margin: 10px auto;
	border: 5px solid rgba(255,255,255,0.5);
	text-align: center;
}

	.sponsor-icon.diamond {
		background: #22a8b9;
		color: #fff;
	}

	.sponsor-icon.platinum {
		background: #82999c;
		color: #fff;
	}

	.sponsor-icon.gold {
		background: #d7a449;
		color: #fff;
	}

	.sponsor-icon.silver {
		background: #bababa;
		color: #fff;
	}

	.sponsor-icon.bronze {
		background: #a77642;
		color: #fff;
	}

.list-inline-item:not(:last-child) {
	margin-right: .8rem;
}


/***************************
VISIT PAGE
****************************/
.visit-header {
	margin-top: 85px;
	background: #A14399 url(../img/header-02.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	background-blend-mode: normal!important;
	position: relative;
}


/***********************
TWO COLUMN BLOCK
************************/
.block-twocol img {
	margin: 10px auto;
	box-shadow: 10px 10px #000;
}

.block-twocol a {
	background: #D69D24;
	display: inline-block;
	color: #000;
	border-color: #D69D24;
	transition: 0.3s;
	font-size: 0.875rem;
	padding: 12px 20px !important;
	border-radius: 20px;
	letter-spacing: 0.1em;
	font-family: 'Open Sans',sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 1rem;
}

	.block-twocol a:hover {
		background: #fff;
		border-color: #fff;
		color: #000;
	}

	.block-twocol a:active, .block-twocol a:focus {
		background: #F1A943!important;
		border-color: #F1A943!important;
		color: #333!important;
	}

	.block-twocol a:focus-visible {
		border-color: #D69D24;
		box-shadow: 0 0 0 .25rem rgba(161, 67, 153,.25);
	}

/***********************
CUSTOM FORMS
************************/
.cart-form th {
  color: #000 !important;
}

.commerce-checkout-flow-multistep-default #edit-actions-next {
  display: block !important;
}

#edit-donation-level-table th {
  color: #000 !important;
}

#custom-raac-commerce-form #edit-event-title h1 {
  font-size: 2.3em !important;
}

#custom-raac-commerce-form #edit-event-title p {
  font-size: 1rem !important;
}

.page-header-custom-block {
  margin-top: 85px;
  /*background: #A14399 url(../img/header-03.jpg) no-repeat center center;*/
  background-size: cover !important;
  background-blend-mode: normal !important;
  color: #fff;
}


.page-header-custom-block figcaption {
  font-size: 0.8rem;
  max-width: 1170px;
  margin: 0px auto;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #fff !important;
}

/***********************
BOOTSTRAP CAROUSEL
************************/
#carouselExampleControls .btn, #carouselExampleControls input[type="submit"], #carouselExampleControls button, #carouselExampleControls .btn-primary {
  transition: 0.3s;
  font-size: 0.875rem;
  padding: 12px 20px !important;
  border-radius: 20px;
  letter-spacing: 0.1em;
  font-family: 'Open Sans',sans-serif;
  text-transform: uppercase;
  background-color: #0000 !important;
  color: #fff;
  border-color: #A14399 !important;
}

/***********************
BOOTSTRAP GALLERY MODAL
************************/
.modal-card:hover {
  cursor: pointer;
}