@charset "utf-8";
/* CSS Document */

* {
	box-sizing:border-box;
	transition: color 0.5s ease;
}

body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: "Geologica", Helvetica, Sans-serif;
	font-size:14px;
	overflow-y: scroll;
	box-sizing:border-box;
}

H1 {
	font-family: "Geologica", Helvetica, Sans-serif;
	color:#333333;
	text-align:left;
	font-weight: 600;
	margin-top:10px;
	margin-bottom:.6em;
	font-size:32px;
}

H2 {
	font-family: "Geologica", Helvetica, Sans-serif;
	color:#333333;
	text-align:left;
	font-weight: 600;
	margin-top:10px;
	margin-bottom:10px;
	font-size:24px;
}

H3 {
	font-family: "Geologica", Helvetica, Sans-serif;
	color:#333333;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

H4 {
	font-family: "Geologica", Helvetica, Sans-serif;
	color:#333333;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 20px;
}

H6 {
	font-family: "Geologica", Helvetica, Sans-serif;
	color:#333333;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1em;
}

hr {
	border: none;
	border-top: 1px #e93f86 solid;
}

img {
	max-width: 100%;
}

.italic {
	font-style:italic;
}

.left {
	text-align:left!important;
}

.right {
	text-align:right!important;
}

.center {
	text-align:center!important;
}

.cleardiv {
	font-size: 1px;
	height: 1px;
}

h1.h1_home {
	font-size: 42px;
	color: #E84747;
	line-height: 42px;
}

h2.obw_subheader {
	border-top: solid 1px #333333;
	margin-top: 0;
	padding-top: 10px;
}

div.main {
	max-width: 100%;
	box-shadow: none;
	padding: 0;
}

div.just_announced {
	clear: both;
	width: 100%;
	background-color: #F1F1F1;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.just_announced h2 {
	text-align: center;
	font-size: 42px;
	line-height: 42px;
}

div.just_announced h3 {
	text-align: center;
	font-size: 34px;
	line-height: 34px;
	font-weight: 300;
}

div.just_announced hr {
	border: none;
	border-top: 1px #7a7a7a solid;
	margin: 0;
}

div.photo_credit {
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	margin-top: 0;
	margin-bottom: -15px;
}

div.content {
	width: 100%;
	max-width: 1300px;
	box-shadow: none;
	padding: 20px;
	font-size: 17px;
	/* display: flex; */
}

div.content ul {
	font-family: 'Roboto', Helvetica, Sans-serif;
	font-size: 17px;
	color: #333333;
	line-height: 30px;
}

div.content a {
	color: #E54949;
	font-weight: bold;
}

div.content a:hover {
	color: #333333;
	text-decoration: underline;
}

div.content hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

.pagination_nav {
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.pagination_nav a {
	font-weight: normal!important;
}

.pagination_current {
	color: #333333!important;
	cursor: initial;
	text-decoration: none!important;
	vertical-align: 2px;
	position: relative;
}

.pagination_current::after {
	content: "...";         /* dots under the text */
	position: absolute;
	left: 0;
	bottom: -6px;           /* adjust distance below */
	width: 100%;
	text-align: center;
	font-size: 16px;
}

div.content_full {
	display: inline-block;
	width: 100%;
	min-width: 320px;
	vertical-align: top;
	font-family: 'Roboto', Helvetica, Sans-serif;
	font-size: 17px;
	color: #333333;
	line-height: 26px;
}

div.content_left {
	display: inline-block;
	width: 72%;
	min-width: 320px;
	padding-right: 30px;
	border-right: 1px solid #ccc;
	vertical-align: top;
	font-family: 'Roboto', Helvetica, Sans-serif;
	font-size: 17px;
	color: #333333;
	line-height: 26px;
}

.content_html {
	overflow-x: auto;
}

div.content_right {
	display: inline-block;
	width: 28%;
	min-width: 320px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
	margin-left: -1px;
	vertical-align: top;
	font-size: 14px;
}

div.content_right ul {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
}

div.content_right ul a {
	font-weight: normal;
}

div.content_right hr {
	background-color: #ccc;
	border: 0;
	height: 2px;
	margin-bottom: 1.5em;
}

div.post_content {
	color: #333333;
	font-size: 15px;
	font-weight: 400;
}

.announcement {
	font-size: 22px;
	font-weight: bold;
	color: darkred;
}

.omapi-container {
	display: none;
}

div.pagetop_home, div.main_footer {
	width: 100%;
	background-color: #333333;
	margin: 0;
	padding-top: 25px;
	left: 0;
}

div.pagetop_home hr {
	height: 3px;
	background-color: #e84747;
	border: none;
	margin-top: 10px;
	margin-bottom: 4px;
}

.social_header {
	font-family: "Geologica", Helvetica, Sans-serif;
	font-size: 22px;
	font-weight: 700;
}

div.social_icons {
	margin-top: 10px;
	margin-bottom: 20px;
}

div.social_icons svg {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.curriculum_subscribe_text {
	display: inline-block;
	padding: 8px 0;
}

.curriculum_subscribe_link {
	border: #E54949 2px solid;
	padding: 8px 15px;
	display: inline-block;
}

div.form_strip {
	text-align: left;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.form_message {
	text-align: left;
}

div.form_message_confirmation {
	color: #333333;
}

div.form_strip input[type="button"] {
	margin-left: 0;
	margin-right: 20px;
	font-size: 17px;
	width: auto;
	padding: 4px 12px;
}

img.logo {
	width: 404px;
	max-width: 80%;
}

img.event_featured_image {
	max-width: 100%;
	height: auto;
}

div.main_footer_container, div.content {
	text-align: left;
	width: 100%;
	max-width: 1300px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

div.main_footer_container {
	color: #ebebeb;
}

div.main_footer {
	position: static;
}

div.footer_left {
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	max-width: 610px;
	margin-right: 20px;
	text-align: left;
	color: #EBEBEB;
	vertical-align: top;
}

div.footer_left a {
	color: #ebebeb;
}

div.footer_left .logo{
	width: 233px;
}

.copyright {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 30px;
}

div.footer_right {
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	text-align: left;
	color: #EBEBEB;
	vertical-align: top;
}

div.footer_right * {
	color: #EBEBEB !important;
}

div.footer_right h2 {
	margin-top: 0;
}

div.location_list_item {
	margin-top: 7px;
}

div.sidebar_submit {
	color: #e84747;
	font-size: 16px;
	border: 2px solid #e84747;
	padding-top: 13px;
	padding-bottom: 13px;
	height: 50px;
	width: 285px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 500;
}

div.sidebar_submit:hover {
	color: #fefefe;
	background-color: #727272;
	border-color: #727272;
}

/************ slider for articles ***********/*
.article_slider {
	position: relative;
	margin-top: 35px;
	margin-right: -20px;
	/*
	max-width: 800px;
	*/
}

.article_slider .more {
	position: absolute;
	bottom: 5px;
	right: 12px;
}

.article_slider .slick-prev,
.article_slider .slick-next {
	position: absolute;
	top: -20px;     /* place above the slider */
	width: 30px;
	height: 30px;
	z-index: 10;
	background: none !important;
}

.article_slider .slick-next {
	right: 10px;       /* float right */
}

.article_slider .slick-prev {
	right: 90px;    /* just left of next arrow */
}

.article_slider .slick-prev:before,
.article_slider .slick-next:before {
	color: #000;    /* arrow color */
	font-size: 20px;
}

/* Float them to the right side */
.slick-next {
	right: 0px;          /* align to right edge */
}

.slick-prev {
	left: auto;
	right: 50px;       /* place just to the left of next arrow */
}

/* Optional: style the arrows */
.slick-prev:before,
.slick-next:before {
	color: #000;       /* arrow color */
	font-size: 24px;
	display: none;
}

.article_slider .slick-prev svg,
.article_slider .slick-next svg {
	width: 100%;
	height: 100%;
	fill: #818181;  /* default color */
	transition: fill 0.3s ease;
}

.article_slider .slick-prev:hover svg,
.article_slider .slick-next:hover svg {
	fill: #efefef;  /* hover color */
}

/************ slider for events ***********/*
.event_slider {
	position: relative;
	/*
	margin-top: 30px;
	max-width: 800px;
	*/
}

.event_slider .slick-prev,
.event_slider .slick-next {
	position: absolute;
	top: 160px;
	width: 30px;
	height: 30px;
	z-index: 10;
	background: none !important;
}

.event_slider .slick-next {
	right: -20px;       /* float right */
}

.event_slider .slick-prev {
	left: -20px;    /* just left of next arrow */
}

.event_slider .slick-prev:before,
.event_slider .slick-next:before {
	color: #000;    /* arrow color */
	font-size: 20px;
}

/* Float them to the right side */
.slick-next {
	right: 0px;          /* align to right edge */
}

.slick-prev {
	left: auto;
	right: 50px;       /* place just to the left of next arrow */
}

/* Optional: style the arrows */
.slick-prev:before,
.slick-next:before {
	color: #000;       /* arrow color */
	font-size: 24px;
	display: none;
}

.event_slider .slick-prev svg,
.event_slider .slick-next svg {
	width: 100%;
	height: 100%;
	fill: #818181;  /* default color */
	transition: fill 0.3s ease;
}

.event_slider .slick-prev:hover svg,
.event_slider .slick-next:hover svg {
	fill: #efefef;  /* hover color */
}
/************* end slider *********/

.home_slider_post {
	width: 460px;
	height: 425px;
	max-width: 100%;
	margin-right: 18px;
	padding: 18px 18px;
	border: solid 1px #333333;
	position: relative;
}

.home_slider_post img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin-bottom: 8px;
	box-shadow: 0px 0px 6px 2px #00000059;
}

.home_slider_post .home_slider_title {
	font-family: "Geologica", Helvetica, Sans-serif;
	color: #1E1E1E;
	font-size: 24px;
	font-weight: 600;
}

.home_slider_event {
	width: 295px;
	min-height: 400px;
	max-width: 100%;
	margin-right: 34px;
	padding: 18px 18px;
	border: none;
}

.home_slider_event img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	margin-bottom: 8px;
	box-shadow: 0px 0px 6px 2px #00000059;
}

.home_slider_event .home_slider_title {
	font-family: "Geologica", Helvetica, Sans-serif;
	color: #1E1E1E;
	font-size: 22px;
	font-weight: 500;
}

.home_slider_event .home_slider_date {
	font-size: 18px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 8px;
}

.home_slider_event .home_slider_categories {
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	margin-top: 12px;
}

.home_slider_event .home_slider_categories a {
	font-size: 16px;
	font-weight: 400;
}

.event_category_location {
	font-style: italic;
}

.event_category_location a {
	color: #333333!important;
	font-weight: normal!important;
}

.event_category_location a:hover {
	color: #333333!important;
}

div.event_list_by_date {
	overflow: hidden;
	margin-top: 18px;
	margin-bottom: 8px;
	padding-bottom: 18px;
	border-bottom: dotted 2px #ccc;
}

div.event_list_by_date a {
	font-weight: 400;
}

div.event_list_by_date h2 a {
	font-weight: 700;
	color: #333333;
}

div.event_list_by_date img {
	float: left;
	vertical-align: text-top;
	margin-right: 8px;
	margin-bottom: 8px;
}

.date_group_header {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 12px;
	border-bottom: solid 1px #333333;
}

.all_categories_item_container {
	width: 100%;
	border-top: solid 1px #333333;
	padding-top: 12px;
	padding-bottom: 12px;
}

.all_categories_time_container {
	width: 120px;
	display: inline-block;
	vertical-align: text-top;
	font-size: 1.05em;
	line-height: 1.4em;
	font-weight: 700;
}

.all_categories_event_container {
	width: calc(100% - 200px);
	display: inline-block;
	vertical-align: text-top;
	font-size: 1.05em;
	line-height: 1.4em;
	font-weight: 400!important;
}

.all_categories_event_container h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.all_categories_event_container .location, .all_categories_event_container .location a {
	font-weight: 400;
}

.all_categories_event_container .category, .all_categories_event_container .category a {
	font-weight: 400;
	color: #333333;
	font-style: italic;
}

a.outbound_ticket_link {
	font-family: "Geologica", Helvetica, Sans-serif;
	font-weight: 400!important;
	background-color: #E84747;
	color: #ffffff !important;
	padding: 8px 15px;
	font-size: 18px;
	margin: 10px 0;
	display: inline-block;
}

.ticket_form_box {
	border: 2px solid #e84747;
	padding: 12px 0 12px 2%;
	margin-bottom: 30px;
}

.ticket_form_box .input_field {
	width: 98%;
}

.sidebar_calendar {
	font-family: "Geologica", Helvetica, Sans-serif;
	font-weight: 400!important;
}

.sidebar_calendar select {
	border:none;
	background: none;
	font-size: 20px;
}

.sidebar_calendar svg {
	width: 22px;
	height: 22px;
	background-color: transparent;
}

.sidebar_calendar .grid {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.sidebar_calendar .grid td, .sidebar_calendar .grid th {
	font-family: "Roboto", Sans-serif;
	font-size: 17px;
	width: 14.2857%;
	aspect-ratio: 1 / 1;
	/* border: 1px solid #ccc; */
	border: none;
	text-align: center;
}

.calendar_cell, .calendar_cell_header {
	width: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar_cell_background_1 {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="22" fill="none" stroke="darkgray"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.calendar_cell_background_2 {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="22" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="19.5" fill="none" stroke="darkgray"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.calendar_cell_background_3 {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="22" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="19.5" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="17" fill="none" stroke="darkgray"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.calendar_cell_background_4 {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><circle cx="25" cy="25" r="22" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="19.5" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="17" fill="none" stroke="darkgray"/><circle cx="25" cy="25" r="14.5" fill="none" stroke="darkgray"/></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.sidebar_calendar .grid td, .sidebar_calendar .grid td a {
	color: #999;
}

.sidebar_calendar .grid th {
	color: #888;
}

.sidebar_calendar_grid_container {
	position: relative;
}

img.loading_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* center horizontally & vertically */
	z-index: 999; /* ensures it's above other content */
	display: none;
}

input:focus, select:focus, textarea:focus, select2-selection:focus {
	/* border-color: lightblue !important; */
	outline: none;
}

input::placeholder, select::placeholder, textarea::placeholder {
	font-size: 18px;
	color: #9ca3af;
}

div.input_field {
	margin-bottom: 16px;
}

span.form_error {
	font-size: 15px;
}

.standard_form INPUT[type="text"],
.standard_form INPUT[type="password"],
.standard_form INPUT[type="search"],
.standard_form SELECT,
.standard_form FIELDSET,
.standard_form TEXTAREA,
.standard_form label.photo_label {
	box-sizing:border-box;
	background-color: transparent;
	border: solid 1px #A6A6A6;
	border-radius:0px;
	color:#333333;
	width:100%;
	font-size:16px;
	padding:8px;
}

.standard_form input[disabled],
.standard_form input[readonly],
.standard_form select[readonly],
.standard_form textarea[disabled],
.standard_form textarea[readonly] {
	color:#737373;
	border-color:#bfbfbf;
}

.standard_form label {
	font-size:14px;
	display:block;
	color:#111827;
	font-weight: 500;
}

.standard_form h3 {
	font-size: 24px;
}

.standard_form .ui-datepicker button {
	background-color: #f6f6f6 !important;
}

INPUT[type="submit"], INPUT[type="button"], button {
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#e84747;
	filter: none;
	background-image: none;
	border: 1px outset #e84747;
	border-radius:0;
	width:110px;
	padding:2px 8px 2px 8px;
	height:30px;
	font-size: 17px;
	font-family: "Roboto", Sans-serif;
	font-weight: 700;
	/*
	line-height:24px;
	box-shadow:3px 3px 5px #ACACAC;
	font-size:12px;
	*/
	cursor:pointer;
}

INPUT[type="submit"]:hover, INPUT[type="button"]:hover, button:hover {
	color: #999;
	background-color:#e84747;
	filter: none;
	background-image: none;
}

.required {
	background-image:url(../img/important_icon.png);
	background-position:right 8px top 8px;
	background-repeat:no-repeat;
}

.inerror {
	background-image:url(../img/error_icon.png)!important;
	background-position:right 8px top 8px;
	background-repeat:no-repeat;
	border-color:#ff0000!important;
}

select.required, input.autocomplete.required {
	background-image:url(../img/important_icon.png);
	background-position:right 25px top 3px;
	background-repeat:no-repeat;
}

select.inerror, input.autocomplete.inerror {
	background-image:url(../img/error_icon.png)!important;
	background-position:right 25px top 3px;
	background-repeat:no-repeat;
	border-color:#ff0000!important;
}

a.read_more_button {
	display: inline-block;
	background: #e84847;
	color: #ffffff!important;
	padding: 5px 10px;
	font-size: 15px;
	margin-top: 5px;
}

a.read_more_button:hover {
	color: #999;
}

.form_search input, .form_search select, .form_search .text_search, .form_search .select2-container--default.select2-container--focus .select2-selection--multiple, .form_search select2-selection, .form_search .select2-container--default .select2-selection--multiple {
	background: none;
	border-radius: 4px !important;
	border: 1px solid lightgray !important;
	margin-top: 6px;
	font-size: 18px;
}

.form_search input[type="submit"] {
	background: #e84847;
}

.form_search input, .form_search select {
	height: 35px;
}

.form_search .select2-selection__choice__display, .form_search .select2-selection__choice, .form_search ul {
	font-size: 17px!important;
	line-height: normal!important;
}

.form_search .select2-container .select2-selection--multiple {
	min-height: 35px;
}

.form_search input[type="text"] {
	padding-left: 6px;
}

.form_search textarea {
	padding: 16px;
}

.form_search textarea::placeholder {
	font-family: "Roboto", Sans-serif;
}

.form_search .select2-container .select2-search--inline .select2-search__field {
	line-height: 1.0em;
	/* height: auto; */
}

.form_search input:focus, .form_search select:focus, .form_search select2-selection:focus {
	border-color: lightblue !important;
}

.form_search input.date_range {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512' fill='%23555'%3E%3Cpath d='M472 60h-8V44c0-13.234-10.766-24-24-24s-24 10.766-24 24v16H96V44c0-13.234-10.766-24-24-24S48 30.766 48 44v16h-8C17.944 60 0 77.944 0 100v352c0 22.056 17.944 40 40 40h432c22.056 0 40-17.944 40-40V100c0-22.056-17.944-40-40-40zm-40-16c0-4.411 3.589-8 8-8s8 3.589 8 8v23.981c0 .007-.001.013-.001.019s.001.013.001.019V92c0 4.411-3.589 8-8 8s-8-3.589-8-8V44zM72 36c4.411 0 8 3.589 8 8v48c0 4.411-3.589 8-8 8s-8-3.589-8-8V44c0-4.411 3.589-8 8-8zm400 440H40c-13.234 0-24-10.766-24-24V148h384c4.418 0 8-3.582 8-8s-3.582-8-8-8H16v-32c0-13.234 10.766-24 24-24h8v16c0 13.234 10.766 24 24 24s24-10.766 24-24V76h320v16c0 13.234 10.766 24 24 24s24-10.766 24-24V76h8c13.234 0 24 10.766 24 24v32h-16c-4.418 0-8 3.582-8 8s3.582 8 8 8h16v304c0 13.234-10.766 24-24 24z'/%3E%3Cpath d='M448 132h-16c-4.418 0-8 3.582-8 8s3.582 8 8 8h16c4.418 0 8-3.582 8-8s-3.582-8-8-8z'/%3E%3Cg stroke='null'%3E%3Crect width='30' height='15' x='206' y='222' rx='8'/%3E%3Crect width='30' height='15' x='277' y='222' rx='8'/%3E%3Crect width='30' height='15' x='346' y='222' rx='8'/%3E%3Crect width='30' height='15' x='416' y='222' rx='8'/%3E%3Crect width='30' height='15' x='66' y='302' rx='8'/%3E%3Crect width='30' height='15' x='136' y='302' rx='8'/%3E%3Crect width='30' height='15' x='206' y='302' rx='8'/%3E%3Crect width='30' height='15' x='276' y='302' rx='8'/%3E%3Crect width='30' height='15' x='346' y='302' rx='8'/%3E%3Crect width='30' height='15' x='416' y='302' rx='8'/%3E%3Crect width='30' height='15' x='66' y='392' rx='8'/%3E%3Crect width='30' height='15' x='136' y='392' rx='8'/%3E%3Crect width='30' height='15' x='206' y='392' rx='8'/%3E%3Crect width='30' height='15' x='276' y='392' rx='8'/%3E%3Crect width='30' height='15' x='346' y='392' rx='8'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 6px center;
	padding-left: 30px;
}

hr.search_separator {
	height: 2px!important;
	margin-top: 1.5em;
}

.btn_clear, .form_search .btn_clear button, .form_search INPUT[type="button"] {
	background-color: #ffffff !important;
	color: #e84747 !important;
}

.select2 button {
	all: unset !important;
}

.select2 li {
	padding-left: 5px !important;
}

.fadeinout {
	opacity: 1;
	animation: fadeinout 2s linear infinite;
}

@-webkit-keyframes fadeinout {
	0%,100% { opacity: 1; }
	50% { opacity: .3; }
}

@keyframes fadeinout {
	0%,100% { opacity: 1; }
	50% { opacity: .3; }
}

#newnav {
	margin-top: -4px;
	padding-bottom: 4px;
}

#jsddm {
	background: none;
	border: none;
}

#jsddm li, #jsddm li a {
	font-size: 16px;
}

#jsddm li.has_submenu > a::after {
	content: "▾"; /* down arrow */
	margin-left: 5px;
	font-size: 20px;
	line-height: 18px;
}

#jsddm li a:hover, #jsddm li:hover {
	background: none;
	color: #E84747;
}

#jsddm li.selected, #jsddm>li.selected>a {
	/*padding: 0;*/
	background: none;
	color: #BEBCBC;
}

#jsddm li ul {
	margin-top: 10px;
	background-color: #eaeaea;
	padding: 0;
}

#jsddm li ul li {
	border-bottom: #333333 solid 1px;
	border-radius: 0;
	padding: 7px;
}

#jsddm li ul li.selected {
	border-bottom: #333333 solid 1px;
	border-radius: 0;
	padding: 7px;
	padding-left: 24px;
	font-size: 18px;
}

#jsddm li ul li:hover, #jsddm li ul li a:hover {
	background-color: #E84747;
	color: #ffffff;
}

#jsddm li ul a {
	font-family: "Roboto", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
}

#jsddm li ul li a {
	width: 100%;
}

/****** slicknav *****/

.slicknav_menu {
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	padding:3px 3px 3px 3px;
	z-index:9999;
	max-height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
	color:#FFFFFF;
	filter: none;
	background-image: none;
	background: transparent;
}
.slicknav_nav {
	background-color:#eaeaea;
	color: #333333;
	filter: none;
	background-image: none;
	width:100%;
	float:none;
	position:relative;
	top:-37px;
	padding-right:0;
	font-size: 17px;
	font-family: 'Roboto', Helvetica, Sans-serif;
}

.slicknav_nav li {
	border-bottom: #333333 solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.slicknav_nav a {
	color:#333333;
}
.slicknav_nav .selected {
	box-sizing:border-box;
	border-radius:6px;
	padding:5px 10px 5px 10px;
	margin-left:5px;
	margin-right:5px;
	background-color:#333333;
	color:#ffffff;
	filter: none;
	background-image: none;
	background: none;
	background: none;
}
.slicknav_btn {
	z-index:99999;
	background-color:#333333;
	padding: 6px;
	/*
	border:2px solid #ffffff;
	*/
}

/***** Cookie Banner **********/
.cookie-banner,
.cookie-modal {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	padding: 15px;
	border-top: 1px solid #ccc;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
	z-index: 9999;
}

.cookie-banner {
	bottom: 0;
}

.cookie-modal {
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.5);
}

.cookie-modal-content {
	background: #fff;
	padding: 15px;
	max-width: 400px;
	border-radius: 8px;
	position: relative;
}

.cookie-modal-buttons {
	margin-top: 15px;
}

.cookie-buttons button,
.cookie-modal-buttons button {
	margin-right: 10px;
	width: auto;
	font-weight: 400;
}

.cookie-buttons button {
	padding: 2px 12px;
}

.hidden {
	display: none;
}

.cookie-settings-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #444;
	color: #fff;
	padding: 10px 14px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	z-index: 9999;
}

.cookie-close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 15px;
	padding: 0;
	background: transparent;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #555;
}

.cookie-close-btn:hover {
	color: #000;
}

.cookie-banner .cookie-close-btn {
	position: absolute;
	top: 10px;
	right: 15px;
}

.modal-close {
	top: 12px;
	right: 12px;
}


/******* Shortcode styles **********/
.curriculum_box {
	border: 3px solid #333333;
	box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 9px 0px;
	margin-right: 10px;
	padding: 25px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 17px;
}

.curriculum_box h2 {
	font-size: 45px;
	line-height: 1.15;
	font-family: "Geologica", Sans-serif;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.curriculum_box p {
	margin-top: 7px;
	margin-bottom: 12px;
}

.curriculum_box .block_button {
	font-size: 30px;
	font-family: 'Geologica',sans-serif;
	color: white;
	background-color: #e84747;
	width: 50%;
	min-width: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.curriculum_box .block_button a, .curriculum_box .block_button a:hover {
	color: white;
	text-decoration: none;
}