/*----- FONTS - Open -----*/
@import url('https://use.typekit.net/dnp0ant.css');

/* Black */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicproblk-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicproblk-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicproblkit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicproblkit-webfont.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}

/* Bold */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprobold-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprobold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicproboldit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicproboldit-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

/* SemiBold */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprosem-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprosem-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprosemit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprosemit-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

/* Medium */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicpromed-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicpromed-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicpromedit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicpromedit-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

/* Book */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprobook-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprobook-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprobookit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprobookit-webfont.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

/* Light */
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicprolig-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicprolig-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'freightmicropro';
	src: url('./fonts/freightmicropro/freigmicproligit-webfont.woff2') format('woff2'),
		url('./fonts/freightmicropro/freigmicproligit-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
/*----- FONTS - Close -----*/

/*----- VARIABLES - Open -----*/
:root {
	--color-berkeley-blue: #003262;
	--color-california-gold: #fdb515;
	--color-founders-rock: #3a7a9c; /* #3b7ea1 */
	--color-medalist: #a16805; /* #c4820e */

	--color-wellman-tile: #bb581b; /* #d9661f */
	--color-rose-garden: #e41154; /* #ee1f60 */
	--color-golden-gate: #d83013; /* #ed4e33 */
	--color-south-hall: #6c3302;
	--color-lawrence: #00b0da;
	--color-lap-lane: #008075; /* #00a598 */
	--color-pacific: #46535e;
	--color-sather-gate: #b9d3b6;
	--color-ion: #cfdd45;
	--color-soybean: #6a7416; /* #859438 */
	--color-stone-pine: #584f29;
	--color-bay-fog: #ddd5c7;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-text: #33373b;
	--color-red: #d83013;
	--color-green: #008075;
	--color-bright-blue: #d8e5f6;
	--color-bright-gray: #e7eaed;
	--color-light-gray: #c2cdcf;
	--color-gray: #839295;
	--color-dark-gray: #414a4c;
	--color-deep-space: #465a6c;

	--color-blue: #3a7a9c;
	--color-turquoise: #008075;
	--color-wasabi: #6a7416;
	--color-ember: #bb581b;
	--color-bondi-blue: #00b0da;
	--color-gold: #a16805;
	--color-orange: #fdb515;
	--color-yellow: #ffd518;

	--main-font-family: freight-sans-pro, arial, helvetica, sans-serif !important;
	--secondary-font-family: freightmicropro, sans-serif !important;
}
/*----- VARIABLES - Close -----*/

/*----- SETUP - Open -----*/
html {
	font-size: 19px;
}

body {
	background: var(--color-white);
	color: var(--color-text);
	cursor: default;
	font-family: var(--main-font-family);
	font-size: 1.06rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}

#page-wrapper .sr-only,
.sr-only {
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}
/*----- SETUP - Close -----*/

/*----- COMMON SETTINGS - Open -----*/
#page a {
	color: var(--color-founders-rock);
	font-weight: 500;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.15rem !important;
}

#page a:hover {
	color: var(--color-medalist);
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.15rem !important;
}

#page :focus-visible,
:focus-visible {
	outline-color: #003262;
	outline-offset: 2px;
	outline-style: solid !important;
	outline-width: 2px !important;
	transition: none !important;
}

.visually-hidden:focus-visible,
footer :focus-visible,
#page .sidebar .golden-gate.block :focus-visible,
#page .sidebar .founders-rock.block :focus-visible,
#page .sidebar .blue.block :focus-visible,
#header :focus-visible {
	outline-color: #ffffff !important;
}

#header .search-block :focus-visible {
	outline-color: #003262 !important;
}

.visually-hidden {
	z-index: 9999 !important;
}

#page p {
	margin-bottom: 0.85rem;
}

#page .cell-align-right {
	text-align: right !important;
}

#page b a,
#page strong a,
#page a b,
#page a strong,
#page b,
#page strong {
	font-weight: 600;
}

/* HEADINGS */
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
	font-family: var(--secondary-font-family);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 0.85rem 0 !important;
	position: relative;
}

#page h1 {
	color: var(--color-berkeley-blue);
	font-size: 2.2em;
	font-weight: 400;
}
#page h1.op-title-sep {
	border-bottom: 3px solid var(--color-berkeley-blue);
	margin-bottom: 1.2rem !important;
	padding-bottom: 0.6rem;
}

#page h2 {
	color: var(--color-berkeley-blue);
	font-size: 1.8em;
}

#page h3 {
	color: var(--color-founders-rock);
	font-size: 1.4em;
	line-height: 1;
}

#page h4 {
	color: var(--color-berkeley-blue);
	font-size: 1.3em;
}

#page h5 {
	color: var(--color-founders-rock);
	font-size: 1.2em;
}

#page h6 {
	color: var(--color-wellman-tile);
	font-size: 1.1em;
}

#page h1 a,
#page h2 a,
#page h3 a,
#page h4 a,
#page h5 a,
#page h6 a {
	font-weight: inherit;
}

#page h1 a {
	font-weight: 400;
}
#page h1 a,
#page h2 a,
#page h4 a {
	color: var(--color-berkeley-blue);
}

#page h1 a:hover,
#page h2 a:hover,
#page h4 a:hover {
	color: var(--color-lap-lane);
}

#page h3 a,
#page h5 a {
	color: var(--color-founders-rock);
}
#page h3 a:hover,
#page h5 a:hover {
	color: #4ca6d6;
}

#page h6 a {
	color: var(--color-wellman-tile);
}

#page h6 a:hover {
	color: #fc7d2e;
}

#page h1 b,
#page h1 strong,
#page h2 b,
#page h2 strong,
#page h3 b,
#page h3 strong,
#page h4 b,
#page h4 strong,
#page h5 b,
#page h5 strong,
#page h6 b,
#page h6 strong {
	font-weight: 600;
}

#page h3.fancy-title,
#page h4.fancy-title {
	border-bottom: 1px solid var(--color-bright-blue);
	padding-bottom: 1rem;
	margin-top: 1.15rem !important;
}
#page h2.fancy-title::before,
#page h4.fancy-title::before,
#page h5.fancy-title::before,
#page h6.fancy-title::before {
	display: block;
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 400;
	line-height: 0 !important;
}
#page h2.fancy-title::before {
	color: var(--color-wellman-tile);
	content: '\f86c';
	font-size: 2.2rem !important;
	margin: 2rem 0 1rem 0;
}
#page h4.fancy-title::before {
	color: var(--color-wellman-tile);
	content: '\f86c';
	font-size: 1.6rem !important;
	font-weight: 600;
	margin: 2rem 0 1rem 0;
}
#page h5.fancy-title::before {
	content: '\f054';
	display: inline-block;
	font-size: 0.85rem !important;
	font-weight: 600;
	margin: 0 0.3rem 0 0;
	transform: translateY(-0.06rem);
}
#page h6.fancy-title::before {
	content: '\f138';
	display: inline-block;
	font-size: 0.9rem !important;
	margin: 0 0.3rem 0 0;
}

#page h2 + h3.fancy-title,
#page h2 + h4.fancy-title,
#page h2 + h4,
#page h2 + h5.fancy-title,
#page h2 + h5,
#page h2 + h6.fancy-title,
#page h2 + h6 {
	margin-top: -0.85rem !important;
}

#page ul + h2,
#page ul + h3,
#page ul + h4,
#page ul + h5,
#page ul + h6 {
	margin-top: 1.579rem !important;
}
#page hr + h2 {
	margin-top: -0.45rem !important;
}
#page hr + h2.fancy-title {
	margin-top: 0 !important;
}
#page hr + h3 {
	margin-top: -0.2rem !important;
}
#page hr + h4,
#page hr + h5,
#page hr + h6 {
	margin-top: -0.25rem !important;
}

#page div.text-formatted > *:first-child::before {
	margin-top: 0;
}

#page hr {
	background: none;
	border: none;
	border-top: 1px solid var(--color-bright-blue);
	display: block;
	height: 0px;
	margin: 30px 0px;
}

#page .border-bottom {
	border-bottom: 1px solid var(--color-bright-blue);
	padding-bottom: 15px;
}

#page blockquote {
	border-left: 5px solid var(--color-berkeley-blue);
	font-style: oblique;
	padding-left: 15px;
}

/* TABLE */

#page table {
	background: var(--color-white);
	margin-bottom: 1rem;
	margin-top: 1rem;
}

#page table,
#page thead,
#page tbody,
#page tr,
#page th,
#page td {
	border-color: var(--color-white);
	font-family: var(--main-font-family);
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.1 !important;
}

#page table tr th {
	background: none !important;
}

#page thead tr,
#page tbody th {
	background-color: var(--color-berkeley-blue);
	border: 1px solid var(--color-white) !important;
	color: var(--color-white) !important;
	font-size: 0.9rem;
	line-height: 1.1 !important;
}

#page table tr th,
#page table tr th a,
#page table tr th a:hover,
#page table tr th a:focus {
	font-weight: 500 !important;
}

#main tbody th[scope='row'] {
	color: var(--color-berkeley-blue) !important;
	font-weight: 600 !important;
}

/* thead th {
	font-weight: 500 !important;
	line-height: 1 !important;
} */

#main table.dataTable tbody tr,
tr {
	background-color: #eff5fa;
	border-top: 1px solid #bbb;
	border-bottom: 0px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#main table.dataTable tbody tr:nth-child(2n + 2),
tr:nth-child(2n + 2) {
	background-color: var(--color-white);
	border-bottom: 0px;
}

#main table.dataTable tbody tr:hover,
tbody tr:hover {
	background-color: #e0e6eb;
}

#main tr th,
#main tr td {
	padding: 8px 10px 10px 10px !important;
	vertical-align: middle;
}

tfoot tr {
	background-color: #e5e5e5;
}

#main .has-data-table .dt-buttons button {
	background: var(--color-founders-rock);
	border-radius: 4px;
	border: none;
	color: var(--color-white);
	cursor: pointer;
	display: inline-block;
	font-family: var(--main-font-family);
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1;
	margin: 5px 0px 0 0;
	padding: 7px 10px 10px 10px;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#main .has-data-table .dt-buttons button:hover {
	background: var(--color-california-gold);
}

#main .dataTables_filter label {
	font-size: 0.9rem;
	font-weight: 500;
	margin-bottom: 5px;
}

#main .dataTables_paginate {
	margin-top: 15px;
}
#main .dataTables_paginate a.paginate_button {
	background: var(--color-white);
	border-radius: 4px;
	border: 1px solid var(--color-berkeley-blue);
	color: var(--color-berkeley-blue);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 4px 4px 0;
	padding: 5px 10px;
	text-decoration: none !important;
}
#main .dataTables_paginate a.paginate_button:hover {
	background: var(--color-lap-lane);
	border: 1px solid var(--color-lap-lane);
	color: var(--color-white);
}
#main .dataTables_paginate a.paginate_button.current {
	background: var(--color-berkeley-blue);
	border: 1px solid var(--color-berkeley-blue);
	color: var(--color-white) !important;
}
#main .dataTables_paginate a.paginate_button.disabled {
	background: var(--color-white);
	border: 1px solid #bcc7c9;
	color: var(--color-gray) !important;
}

#main .dataTables_info {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
}

/* #main .has-data-table .dt-buttons */

/* FORMS */
#main select,
#main textarea,
#main input[type='text'],
#main input[type='email'],
#main input[type='number'],
#main input[type='password'] {
	background-color: var(--color-white);
	border-radius: 6px !important;
	border: 1px solid #999;
	box-sizing: border-box;
	color: var(--color-black);
	font-family: var(--main-font-family);
	height: auto;
	padding: 0.4rem 0.5rem !important;
	text-align: left !important;
	width: 100%;
}

#main select.error,
#main textarea.error,
#main input[type='text'].error,
#main input[type='email'].error,
#main input[type='number'].error,
#main input[type='password'].error {
	border: 1px solid var(--color-red);
}

#main input[type='radio'],
#main input[type='checkbox'] {
	width: auto !important;
}

#edit-actions input {
	margin-right: 5px;
}

.form-radios .form-item,
.form-checkboxes .form-item {
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.form-radios .form-item label,
.form-checkboxes .form-item label {
	margin-bottom: 0 !important;
}

.crm-container button.crm-form-submit,
#page .webform-button--previous,
.courses-register a,
input[type='submit'] {
	background: var(--color-berkeley-blue);
	border: none;
	border-radius: 6px;
	color: var(--color-white);
	cursor: pointer;
	display: inline-block;
	font-family: var(--main-font-family);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2 !important;
	margin: 9px 5px 0 0;
	padding: 10px 15px;
	text-align: center;
	text-shadow: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#page .address-book-edit-button {
	line-height: 1 !important;
	margin: 0 0 15px 0 !important;
	padding: 9px 15px 10px 15px !important;
}
.crm-container button.crm-form-submit:hover,
#page .webform-button--previous:hover,
.courses-register a:hover,
input[type='submit']:hover {
	background: var(--color-lap-lane);
	color: var(--color-white);
}

#edit-cancel,
#page .crm-container a.button.cancel {
	/* background: var(--color-wellman-tile); */
	background: var(--color-founders-rock);
	border-radius: 6px;
	border: none !important;
	color: var(--color-white);
	font-family: var(--main-font-family);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2 !important;
	margin-top: 0 !important;
	padding: 10px 10px;
}

#edit-cancel:hover,
#page .crm-container a.button.cancel:hover {
	filter: brightness(1.15);
	color: var(--color-white);
}
.crm-container button.crm-form-submit i {
	margin-right: 2px;
}
#page .crm-container a.button.cancel i {
	margin-right: 5px;
}

.form-item label {
	display: block !important;
}

.form-item label,
.form-wrapper .label {
	font-size: 0.87rem;
	font-weight: 500;
	margin-bottom: 5px;
}

.form-item.col-half {
	float: left;
	width: 49%;
}

.form-item.col-half:nth-of-type(2n) {
	margin-left: 2%;
}

.form-item.col-third {
	float: left;
	width: 33%;
}

.form-item.col-third:nth-of-type(2n),
.form-item.col-third:nth-of-type(3n) {
	margin-left: 2%;
}

.webform-submission-form strong.error.form-item--error-message {
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	font-size: 0.87rem;
	font-weight: 600;
	gap: 5px;
}

.webform-progress {
	margin: 25px 0 20px 0;
}

#content .webform-progress-tracker {
	margin: 0;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress-tracker .progress-step .progress-marker::after {
	background-color: var(--color-light-gray);
}

.webform-progress-tracker .progress-step.is-active .progress-marker::before,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
	background-color: var(--color-founders-rock);
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
	background-color: var(--color-green);
}

.progress-step .progress-marker {
	color: var(--color-white);
	font-weight: 500;
	line-height: 1;
}
.progress-step .progress-marker::before {
	padding-bottom: 1px !important;
}

.webform-progress-tracker .progress-step .progress-title {
	color: var(--color-gray);
	margin-top: 0;
	font-weight: 500;
}

.webform-progress-tracker .progress-step.is-complete .progress-title {
	color: var(--color-green);
	font-weight: 600;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
	color: var(--color-founders-rock);
	font-weight: 600;
}

/* CUSTOM FORMS */

.c-form-wrapper > .fieldset-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.form-item,
.c-form-wrapper > .fieldset-wrapper > div[class*='form-'] {
	margin-bottom: 0.5rem !important;
	margin-top: 0.5rem !important;
	width: 100%;
}

fieldset[class*='c-form-auto-'] {
	margin: 0 !important;
}

.c-form-25-nw,
.c-form-33-nw,
.c-form-50-nw {
	float: left;
}

.c-form-auto-25 > .fieldset-wrapper > div,
.c-form-25-nw,
.c-form-25 {
	width: 25% !important;
}

.c-form-auto-33 > .fieldset-wrapper > div,
.c-form-33-nw,
.c-form-33 {
	width: 33.33% !important;
}

.c-form-auto-50 > .fieldset-wrapper > div,
.c-form-50-nw,
.c-form-50 {
	width: 50% !important;
}

.c-form-66-nw,
.c-form-66 {
	width: 66.66% !important;
}

.c-form-75-nw,
.c-form-75 {
	width: 75% !important;
}

.c-form-wrapper select,
.c-form-wrapper textarea,
.c-form-wrapper input,
.c-form-auto-50 select,
.c-form-auto-50 textarea,
.c-form-auto-50 input,
div[class*='c-form-'] select,
div[class*='c-form-'] textarea,
div[class*='c-form-'] input {
	margin-left: 2px;
	margin-right: 2px;
	width: 100%;
	width: calc(100% - 4px);
}

.c-form-wrapper select,
.c-form-25 select,
.c-form-33 select,
.c-form-50 select,
.c-form-66 select,
.c-form-75 select {
	margin-top: 2px;
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}

/* ! CRM - Custom Form */
@media (min-width: 480px) {
	.crm-container .crm-section .label {
		width: 23%;
	}
	.crm-container .crm-section .content {
		margin-left: 25%;
	}
}

.crm-container .select2-chosen {
	color: var(--color-black) !important;
}

.crm-container hr {
	margin: 20px 0 !important;
}

.crm-container.crm-public input[type='text'],
.crm-container.crm-public input[type='password'],
.crm-container.crm-public input[type='email'],
.crm-container.crm-public select,
.crm-container.crm-public .select2-container,
.crm-container.crm-public .select2-results,
.crm-container .select2-container .select2-choice > .select2-chosen {
	font-size: 17px !important;
	line-height: 150% !important;
}

.crm-container .content.description {
	line-height: 125%;
	margin-bottom: 0.5rem !important;
	margin-top: -0.5rem !important;
}

.crm-container.crm-public .crm-section.form-item {
	margin-bottom: 0.5rem !important;
	margin-top: 0 !important;
}

.crm-container.crm-public .crm-section.form-item div.label {
	margin: 0 !important;
	padding: 18px 0 0 0 !important;
}

.crm-container.crm-public .crm-section.form-item div.label label {
	line-height: 1.1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.crm-container.crm-public .crm-section.form-item .crm-form-radio {
	float: left;
	margin: 14px 5px 0 0 !important;
}

.crm-container.crm-public .crm-section.form-item .crm-form-radio + label {
	float: left;
	margin: 8px 15px 0 0 !important;
	padding: 0 !important;
}

.crm-container.crm-public .crm-section.form-item .crm-form-checkbox {
	float: left;
	margin: 14px 5px 0 0 !important;
}

.crm-container.crm-public .crm-section.form-item .crm-form-checkbox + label {
	float: left;
	margin: 8px 0 0 0 !important;
	padding: 0 !important;
	width: calc(100% - 28px);
}

.crm-container.crm-public .crm-section.form-item .crm-form-checkbox + label::after {
	clear: both;
	content: '';
	display: block;
}

.crm-container span.crm-hover-button,
.crm-container a.crm-hover-button {
	margin-top: 5px;
}

#pricevalue,
#crm-container.crm-public .label,
#crm-container.crm-public .price-field-amount,
.membership_options_available-section label {
	font-size: 0.87rem !important;
	line-height: 1.1 !important;
}

#pricevalue {
	color: var(--color-founders-rock);
	font-weight: 700;
}

.cividiscount-section.cividiscount {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

@media (min-width: 480px) {
	.cividiscount-section.cividiscount > div:nth-child(1) {
		width: 25% !important;
	}
}

.cividiscount-section.cividiscount > div:nth-child(2) {
	margin: 0;
}

.cividiscount-section.cividiscount > div:nth-child(3) {
	display: none;
}

.cividiscount-section.cividiscount > div:nth-child(4) {
	margin: 0;
}

.cividiscount-section.cividiscount .crm-form-submit {
	margin: 0 0 0 5px;
}
/* FIELDSET */

fieldset {
	margin: 1em 0;
	padding: 0.3em 1em;
	border: 1px solid #a8b8c7;
}

fieldset legend {
	padding: 0 5px;
}

fieldset legend .fieldset-legend {
	color: var(--color-berkeley-blue);
	font-size: 0.87rem;
	font-weight: 600;
	text-transform: uppercase;
}

fieldset.form-composite > legend span {
	color: var(--color-black);
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
}

/* LISTS */

#content ul,
.node-content ul,
.sidebar .block-content ul {
	margin: 0.875rem 0 0.875rem 0.375rem;
	padding: 0;
}

#content ul ul,
.node-content ul ul,
.sidebar .block-content ul ul {
	margin: 0.375rem 0 0.375rem 0.375rem;
}

#content .event-registrant-information ul {
	margin-left: 0 !important;
}

#content ul li,
.node-content ul li,
.sidebar .block-content ul li {
	list-style: none;
	margin-bottom: 0.375rem;
	/* padding: 0; */
	padding: 0 0 0 0.75rem;
}

#content ul li:before,
.node-content ul li:before,
.sidebar .block-content ul li:before {
	color: var(--color-wellman-tile) !important;
	content: '\f111';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.375rem;
	font-weight: 900;
	left: 0;
	line-height: 2;
	position: absolute;
	top: 0.5rem;
}

#content ul li ul li:before,
.node-content ul li ul li:before,
.sidebar .block-content ul li ul li:before {
	color: var(--color-founders-rock) !important;
}

#content ul li ul li ul li:before,
.node-content ul li ul li ul li:before,
.sidebar .block-content ul li ul li ul li:before {
	color: var(--color-bondi-blue) !important;
}

#content .crm-actions-ribbon > ul li::before,
#content ul li[data-webform-page]:before,
#content .contextual-links-wrapper ul li:before {
	display: none !important;
}

/* IMAGES */
#content h2 img,
#content h3 img,
#content h4 img,
#content h5 img,
#content h6 img,
#content p img,
#page .sidebar img {
	height: auto !important;
	max-width: 100%;
	width: auto !important;
}

#content [data-align='center'],
#content .align-center {
	margin: 5px 0 15px 0 !important;
	text-align: center !important;
}

#content [data-align='left'],
#content .align-left {
	float: left !important;
	margin: 5px 20px 10px 0 !important;
}

#content [data-align='right'],
#content .align-right {
	float: right !important;
	margin: 5px 0 10px 20px !important;
}

/* #content p:has(> .align-left)::after,
#content p:has(> .align-right)::after {
	content: '';
	display: block;
	clear: both;
} */

/* BLOCK */
.block .content {
	margin: 0;
}

.contextual-region {
	position: relative;
}

/* PAGINATION */
#main nav.pager {
	margin: 30px 0 0 0;
}
#main nav.pager ul.pager__items {
	align-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
#main nav.pager ul.pager__items .pager__item {
	display: block;
	margin: 0 0.1rem;
	padding: 0;
}
#main nav.pager ul.pager__items .pager__item::before {
	display: none;
}
#main nav.pager ul.pager__items .pager__item a {
	background: var(--color-berkeley-blue);
	border-radius: 6px;
	border: none;
	color: var(--color-white);
	font-size: 0.85rem;
	padding: 7px 15px !important;
	text-decoration: none !important;
}
#main nav.pager ul.pager__items .pager__item a:hover {
	background: var(--color-lap-lane);
}
#main nav.pager ul.pager__items .pager__item.is-active a {
	background: var(--color-wellman-tile);
}
/* #main nav.pager ul.pager__items .pager__item--next {
	margin-left: 0.5rem;
}
#main nav.pager ul.pager__items .pager__item--previous {
	margin-right: 0.5rem;
} */
/*----- COMMON SETTINGS - Open -----*/

/*----- SPECIAL BUTTONS - Open -----*/
#page .webform-confirmation__back a,
#page a.dark-blue,
#page a.berkeley-blue,
#page a.golden-gate,
#page a.founders-rock,
#page a.ember,
#page a.wellman-tile,
#page a.blue,
#page a.bondi-blue,
#page a.lap-lane,
#page a.gold,
#page a.orange,
#page a.red,
#page a.green,
#page a.turquoise,
#page a.wasabi,
#page a.white {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0px 1px 5px 0px;
	padding: 8px 15px 10px 15px;
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
	text-align: center;
	text-decoration: none !important;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#page .webform-confirmation__back a,
#page a.dark-blue,
#page a.berkeley-blue {
	background-color: var(--color-berkeley-blue);
	color: var(--color-white) !important;
}
#page .webform-confirmation__back a:hover,
#page a.dark-blue:hover,
#page a.berkeley-blue:hover {
	background-color: var(--color-lap-lane);
	color: var(--color-white) !important;
}

#page a.red,
#page a.golden-gate {
	background: var(--color-golden-gate);
	color: var(--color-white) !important;
}
#page a.red:hover,
#page a.golden-gate:hover {
	filter: brightness(1.15);
	color: var(--color-white) !important;
}

#page a.founders-rock {
	background: var(--color-founders-rock);
	color: var(--color-white) !important;
}
#page a.founders-rock:hover {
	filter: brightness(1.15);
	color: var(--color-white) !important;
}

#page a.ember,
#page a.wellman-tile {
	background-color: var(--color-wellman-tile);
	color: var(--color-white) !important;
}
#page a.ember:hover,
#page a.wellman-tile:hover {
	filter: brightness(1.15);
	color: var(--color-white) !important;
}

#page a.blue {
	background: var(--color-berkeley-blue);
	color: var(--color-white) !important;
}
#page a.blue:hover {
	background: var(--color-lap-lane);
	color: var(--color-white) !important;
}

#page a.bondi-blue {
	background-color: var(--color-lawrence);
	color: var(--color-black) !important;
}
#page a.bondi-blue:hover {
	filter: brightness(1.15);
	color: var(--color-black) !important;
}

#page a.green,
#page a.lap-lane {
	background: var(--color-lap-lane);
	color: var(--color-white) !important;
}
#page a.green:hover,
#page a.lap-lane:hover {
	filter: brightness(1.15);
	color: var(--color-white) !important;
}

#page a.orange,
#page a.gold {
	background-color: var(--color-california-gold);
	color: var(--color-black) !important;
}
#page a.orange:hover,
#page a.gold:hover {
	filter: brightness(1.15);
	color: var(--color-black) !important;
}

#page a.white {
	background-color: var(--color-white);
	color: var(--color-berkeley-blue) !important;
}
#page a.white:hover {
	background-color: var(--color-lap-lane);
	color: var(--color-white) !important;
}
/*----- SPECIAL BUTTONS - Close -----*/

/*----- SPECIAL LABELS - Open -----*/
#page .label {
	border-radius: 6px;
	color: var(--color-dark-gray) !important;
	display: inline-block;
	font-weight: 500;
	line-height: 1.2;
	margin: 2px 2px 2px 0px;
	padding: 15px;
	text-align: center;
}

#page .label.label-dark-blue {
	background: var(--color-berkeley-blue);
}

#page .label.label-dark-blue {
	background: var(--color-lap-lane);
}

#page .label.label-blue {
	background: var(--color-berkeley-blue);
}

#page .label.label-ember {
	background: var(--color-wellman-tile);
}

#page .label.label-green {
	background: var(--color-green);
}

#page .label.label-orange {
	background: var(--color-california-gold);
}

#page .label.label-red {
	background: var(--color-red);
}

#page .label.label-yellow {
	background: #f3db05;
}

#page .label.label-white {
	background: var(--color-white);
}

#page .label.label-inverse-dark-blue {
	color: var(--color-berkeley-blue) !important;
	background: none !important;
	border: 1px solid var(--color-berkeley-blue) !important;
}

#page .label.label-inverse-lap-lane {
	color: var(--color-lap-lane) !important;
	background: none !important;
	border: 1px solid var(--color-lap-lane) !important;
}

#page .label.label-inverse-blue {
	color: var(--color-berkeley-blue) !important;
	background: none !important;
	border: 1px solid var(--color-berkeley-blue) !important;
}

#page .label.label-inverse-ember {
	color: var(--color-wellman-tile) !important;
	background: none !important;
	border: 1px solid var(--color-wellman-tile) !important;
}

#page .label.label-inverse-green {
	color: var(--color-green) !important;
	background: none !important;
	border: 1px solid var(--color-green) !important;
}

#page .label.label-inverse-orange {
	color: var(--color-california-gold) !important;
	background: none !important;
	border: 1px solid var(--color-california-gold) !important;
}

#page .label.label-inverse-red {
	color: var(--color-red) !important;
	background: none !important;
	border: 1px solid var(--color-red) !important;
}

#page .label.label-inverse-yellow {
	color: #f3db05 !important;
	background: none !important;
	border: 1px solid #f3db05 !important;
}
/*----- SPECIAL LABELS - Close -----*/

/*----- MAGNIFIC POPUP - Open -----*/
.mfp-content {
	background: var(--color-white);
	border-left: 10px solid var(--color-berkeley-blue);
	margin: 0 auto;
	max-width: 700px;
	padding: 30px;
	width: 100%;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.mfp-bg {
	background: rgba(244, 244, 244, 0.9);
	opacity: 1;
}

.mfp-close-btn-in .mfp-close {
	color: var(--color-berkeley-blue);
}

.mfp-arrow-left:before {
	border-right: 27px solid var(--color-berkeley-blue);
}

.mfp-arrow-right:before {
	border-left: 27px solid var(--color-berkeley-blue);
}

/*----- MAGNIFIC POPUP - Close -----*/

/*----- HEADER - Open -----*/

#header {
	font-family: var(--main-font-family);
	position: relative;
	z-index: 2;
}

#primary-menu::before {
	content: '';
	display: block;
	height: 200px;
	left: 0;
	position: absolute;
	top: -200px;
	width: 100%;
}

#primary-menu::before {
	background: var(--color-berkeley-blue);
	background: -moz-linear-gradient(
		90deg,
		rgba(0, 50, 98, 1) 15%,
		rgba(39, 100, 140, 1) 35%,
		rgba(0, 50, 98, 1) 55%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(0, 50, 98, 1) 15%,
		rgba(39, 100, 140, 1) 35%,
		rgba(0, 50, 98, 1) 55%
	);
	background: linear-gradient(
		90deg,
		rgba(0, 50, 98, 1) 15%,
		rgba(39, 100, 140, 1) 35%,
		rgba(0, 50, 98, 1) 55%
	);
	opacity: 0.96;
}

#header .region-header {
	padding: 0 !important;
}

#toolbar-administration {
	position: relative;
	z-index: 1995;
}

#header-wrapper {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1990;
}

.header-group {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.nav-tab #header-wrapper,
.nav-tab .header-group {
	position: absolute;
}

.page-scroll .header-group {
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.toolbar-horizontal .header-group {
	top: 39px;
}

.toolbar-horizontal.toolbar-tray-open .header-group {
	top: 78px;
}

.hide-menu .header-group {
	transform: translateY(-51px);
}
.hide-menu.block-search-opened .header-group {
	/* transform: translateY(-111px); */
	transform: translateY(-100px);
}

/* LOGO */

.site-logo-container {
	position: relative;
}

#site-logo,
#site-logo-white {
	height: auto;
	left: 12px;
	opacity: 0;
	position: absolute;
	top: -25px;
	transform-origin: top left;
	width: 380px;
	z-index: 2;
}

.path-frontpage #site-logo-white,
#site-logo {
	opacity: 1;
}

.superfish-main--open #site-logo-white,
.page-scroll #site-logo-white,
.path-frontpage #site-logo {
	opacity: 0;
}

.superfish-main--open #site-logo,
.page-scroll #site-logo {
	opacity: 1;
}

.page-scroll #site-logo-white,
.page-scroll #site-logo {
	top: -15px;
	transform: scale(0.74);
}

.hide-menu #site-logo-white,
.hide-menu #site-logo {
	top: 3px;
	transform: scale(0.54);
}

#site-logo > g,
#site-logo-white > g {
	cursor: pointer;
}

.aeronet-site-branding {
	align-items: center;
	display: flex;
	height: 100%;
	left: 0;
	margin: 0 !important;
	max-width: 400px;
	position: absolute;
	top: 50px;
	z-index: 9;

	display: none !important;
}

.site-branding__logo {
	display: block;
	margin: 0 !important;
}

/* ACCOUNT MENU */
#block-bartik-aeronet-account-menu {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

#block-bartik-aeronet-account-menu ul.menu {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: end;
	margin: 0 !important;
	min-height: 50px;
	opacity: 0;
	padding: 0 0 0 10px !important;
}

#block-bartik-aeronet-account-menu ul.menu li {
	color: var(--color-white);
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	list-style: none;
	padding: 8px 0 9px 0;
	position: relative;
}

.account-menu-divider {
	justify-self: flex-start;
	margin-right: auto;
}
/* #block-bartik-aeronet-account-menu ul.menu li:nth-child(3) {
	justify-self: flex-start;
	margin-right: auto;
} */

#block-bartik-aeronet-account-menu ul.menu li:last-child {
	padding-right: 0;
}

#block-bartik-aeronet-account-menu ul.menu li:last-child::after {
	display: none;
}

/* Account Menu Vertical - Open */
#account-menu-vertical {
	display: none;
	gap: 5px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0;
	padding: 5px;
	width: 100%;
}
#account-menu-vertical li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}
/* #account-menu-vertical li:first-child {
  display: none !important;
} */
#account-menu-vertical li .m-item-search,
#account-menu-vertical li a {
	border-radius: 6px;
	display: block;
	font-weight: 500;
	margin: 0;
	padding: 10px;
	text-align: center;
	text-decoration: none !important;
	text-shadow: none !important;
	width: 100%;
}
#account-menu-vertical li a:hover {
	text-decoration: none !important;
}
#account-menu-vertical ul.menu li a:focus,
#account-menu-vertical ul.menu li a:hover {
	color: var(--color-white);
}
/* Account Menu Vertical - Close */

#block-bartik-aeronet-account-menu ul.menu li a {
	background-color: #003262;
	border: none !important;
	border-radius: 6px;
	color: #0abce9;
	color: var(--color-white);
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 4px 7px 6px 7px !important;
	text-decoration: none !important;
}

/* #block-bartik-aeronet-account-menu ul.menu li a.is-active {
  color: #0bc5f3;
} */

#account-menu-vertical li a,
#block-bartik-aeronet-account-menu ul.menu li.menu-item--active-trail a,
#block-bartik-aeronet-account-menu ul.menu li a:hover {
	background-color: var(--color-lawrence);
	color: var(--color-white);
}

/* Join */
#block-bartik-aeronet-account-menu ul.menu li a.m-item-join {
	color: var(--color-white);
}

#block-bartik-aeronet-account-menu ul.menu li.menu-item--active-trail a.m-item-join,
#block-bartik-aeronet-account-menu ul.menu li a.m-item-join:hover {
	background-color: var(--color-california-gold);
	color: var(--color-white);
}

/* Cart / Search */
#block-bartik-aeronet-account-menu .m-item-cart,
#block-bartik-aeronet-account-menu .m-item-search {
	border-radius: 7px;
	cursor: pointer;
	display: inline-block;
	padding: 5px 7px !important;
}

#block-bartik-aeronet-account-menu .m-item-cart {
	color: var(--color-white);
}

#block-bartik-aeronet-account-menu ul.menu li.menu-item--active-trail a.m-item-cart,
#account-menu-vertical li a.m-item-cart,
#block-bartik-aeronet-account-menu ul.menu li a.m-item-cart:hover {
	background-color: #3b7ea1;
	color: var(--color-white);
}

#block-bartik-aeronet-account-menu .m-item-search {
	background-color: var(--color-berkeley-blue);
	color: var(--color-white);
}

.block-search-opened #block-bartik-aeronet-account-menu .m-item-search {
	background-color: #8d400d;
	color: var(--color-white);
}
#block-bartik-aeronet-account-menu .menu-item--active-trail .m-item-search,
#block-bartik-aeronet-account-menu .m-item-search:hover {
	background-color: #c4820e;
	color: var(--color-white);
	opacity: 1 !important;
}

#block-bartik-aeronet-account-menu ul.menu li a.m-item-home::before {
	min-width: 17px;
}
#block-bartik-aeronet-account-menu ul.menu li.menu-item--active-trail a.m-item-home {
	color: #92c9ff;
}
#block-bartik-aeronet-account-menu ul.menu li a.m-item-home:hover {
	background-color: var(--color-white);
	color: var(--color-berkeley-blue);
}

#block-bartik-aeronet-account-menu ul.menu li.menu-item--active-trail a.m-item-my-account,
#block-bartik-aeronet-account-menu ul.menu li a.m-item-my-account:hover {
	background-color: #859438;
	color: var(--color-white);
}

.user-logged-in
	#block-bartik-aeronet-account-menu
	ul.menu
	li
	a[data-drupal-link-system-path='user/login'] {
	display: none !important;
}

#block-bartik-aeronet-account-menu ul.menu li a[data-drupal-link-system-path='user/login']:hover,
#block-bartik-aeronet-account-menu
	ul.menu
	li.menu-item--active-trail
	a[data-drupal-link-system-path='user/login'],
#block-bartik-aeronet-account-menu ul.menu li a[data-drupal-link-system-path='user/logout']:hover {
	background-color: #ed4e33;
	color: var(--color-white);
}

a[data-drupal-link-system-path='user']::before,
a[data-drupal-link-system-path='user/logout']::before,
a[data-drupal-link-system-path='user/login']::before,
.m-item-home::before,
.m-item-my-account::before,
.m-item-my-user::before,
.m-item-faculty::before,
.m-item-calendar::before,
.m-item-cart::before,
.m-item-contact::before,
.m-item-join::before,
.m-item-masquerade::before,
.m-item-search::before {
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.8rem;
	font-weight: 400;
	margin-right: 6px;
}

.m-item-home::before {
	content: '\e487';
	content: '\e3af';
}
.m-item-home:hover::before {
	font-weight: 600;
}

.m-item-user::before {
	content: '\f007';
}

.m-item-my-account::before {
	content: '\f007';
}

.m-item-cart::before {
	content: '\f07a';
}

.m-item-contact::before {
	content: '\f0e0';
}

.m-item-search::before {
	content: '\f002';
}

.m-item-faculty::before {
	content: '\f19d';
}

.m-item-calendar::before {
	content: '\e0d5';
}

.m-item-join::before {
	content: '\f2f7';
	content: '\f005';
	margin-right: 5px;
}

.m-item-masquerade::before {
	content: '\f492';
}

a[data-drupal-link-system-path='user']::before {
	content: '\f007';
}

a[data-drupal-link-system-path='user/login']::before {
	content: '\f090';
}

a[data-drupal-link-system-path='user/logout']::before {
	content: '\f08b';
}

#account-menu-vertical li a.m-item-cart {
	background-color: #3b7ea1;
	color: var(--color-white);
}
#account-menu-vertical li a.m-item-join {
	background-color: #00a598;
	color: var(--color-white);
}
#account-menu-vertical li .m-item-search {
	background-color: #46535e;
	color: var(--color-white);
}
#account-menu-vertical li a.m-item-my-account {
	background-color: #859438;
	color: var(--color-white);
}
#account-menu-vertical li a[data-drupal-link-system-path='user/logout'],
#account-menu-vertical li a[data-drupal-link-system-path='user/login'] {
	background-color: #ed4e33;
	color: var(--color-white);
}

.user-logged-in .member-log-in-container {
	display: none !important;
}
/*----- HEADER - Close -----*/

/*----- TITLE BAR - Open -----*/
#page-title {
	position: relative;
	z-index: 0;
}

#page-titlebar-full {
	background-color: #e8edf2;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 135px 0px 0px 0px;
	margin: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 0;
}

#page-titlebar {
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 40vh;
	min-height: 260px;
	padding: 30px 0;
}

#page-titlebar .content {
	-webkit-box-align: flex-start;
	-moz-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#page-titlebar h1.page-title {
	background: #003262f5;
	color: var(--color-white);
	display: inline-block;
	font-size: 2em;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 12px !important;
	opacity: 0;
	padding: 15px 20px 12px 20px;
	/*text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);*/
	text-transform: uppercase;
	max-width: 65%;
}

#page-titlebar h1.page-title:after {
	display: none !important;
}

#page-titlebar .page-subtitle {
	background: #3b7ea1f5;
	color: var(--color-white);
	display: inline-block;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	margin: 3px 0 0 12px !important;
	padding: 15px 20px 12px 20px;
	transform-origin: 0 0;
}

#page-title-inner {
	width: 100%;
}

.featured-top .block .content {
	margin: 0 !important;
	max-width: 1140px;
	padding: 5px 15px 7px 15px;
	text-align: left;
}

.featured-top {
	background: var(--color-white);
	border-bottom: 1px solid var(--color-bright-blue);
	margin: 0 !important;
	padding: 0 !important;
}

nav.breadcrumb {
	background: none !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 0 !important;
}

nav.breadcrumb ul {
	background: none !important;
	padding: 0 !important;
}

nav.breadcrumb ul li {
	color: var(--color-dark-gray);
	font-family: var(--main-font-family);
	font-size: 0.9rem;
	font-weight: 500;
}

#page nav.breadcrumb ul li a {
	color: var(--color-berkeley-blue);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none !important;
}

#page nav.breadcrumb ul li a:hover {
	color: var(--color-lap-lane) !important;
}

nav.breadcrumb ul li + li:before {
	content: '\f105';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.65rem;
	font-weight: 600;
	margin: 0 0.2rem 0 0.28rem;
}
/*----- TITLE BAR - Close -----*/

/*----- CONTAINER - Open -----*/
.path-frontpage .block .content,
.path-frontpage .layout-main,
.path-frontpage .node__content {
	margin-top: 0;
	margin-bottom: 0;
}

#page .layout-main {
	margin-bottom: 20px;
	margin-top: 10px;
}
/*----- CONTAINER - Close -----*/

/*----- IFRAME CONTAINER - Open -----*/
.iframe-maps-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 75%;
}

.responsive-iframe-maps {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 450px;
}
/*----- IFRAME CONTAINER - Close -----*/

/*----- CONTENT - Open -----*/
#page .field--name-field-apb-pb-paragraphs {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#page .main-container-inner .first-sidebar,
#page .main-container-inner .w3css-content,
#page .main-container-inner .second-sidebar {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#page .video-embed-field-responsive-video {
	max-width: 680px;
	margin: 0 auto 0.85rem auto;
}
/*----- CONTENT - Close -----*/

/*----- SEARCH RESULTS - Open -----*/
#views-exposed-form-search-results-page-1 {
	background: var(--color-bright-gray);
	border-radius: 6px 6px 0 0;
}
#views-exposed-form-search-results-page-1 .form-actions,
#views-exposed-form-search-results-page-1 .form-item {
	float: none;
	margin: 0 !important;
	padding: 0 !important;
}
#views-exposed-form-search-results-page-1 .form-actions input,
#views-exposed-form-search-results-page-1 .form-item input {
	float: none;
	margin: 0 !important;
}
#block-exposedformsearch-resultspage-1 .form--inline {
	flex-wrap: nowrap;
	gap: 0.3rem;
}
#block-exposedformsearch-resultspage-1 .form--inline::after {
	display: none;
}
#page #block-exposedformsearch-resultspage-1 input[id*='edit-submit-'] {
	background-image: url(../images/magnifying-glass-solid.svg) !important;
}
/* #edit-submit-search-results--3 {
	transform: translateY(7px);
} */

.view-search-results .views-row .views-field-title {
	font-size: 1.4rem !important;
}
.view-search-results .views-row {
	border-bottom: 1px solid var(--color-bright-blue);
	padding-bottom: 1.4rem;
}
/*----- SEARCH RESULTS - Close -----*/

/*----- REGION CONTENT COLUMNS - Open -----*/
#content-columns {
	padding: 0 15px;
}
#content-columns .region-content-columns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 30px;
}
/*----- REGION CONTENT COLUMNS - Close -----*/

/*----- EVENTS HOME - Open -----*/
.evt-block-home {
	flex: 1;
	margin-bottom: 30px;
	width: 100%;
}

#main .evt-block-home > h2 {
	color: var(--color-berkeley-blue);
	font-size: 1.7rem;
	font-weight: 500;
	margin-bottom: 25px !important;
	text-transform: uppercase;
}

.evt-block-home .views-row {
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-pack: flex-start;
	-moz-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;

	margin-bottom: 20px;
}

.evt-block-home .views-row .views-field-fieldset {
	/* border-right: 1px solid #ccd6df; */
	border-right: 1px solid var(--color-bright-blue);
	padding-right: 20px;
	width: 15%;
}

.evt-block-home .views-row .views-field-fieldset-1 {
	padding-left: 20px;
	width: 85%;
}

.evt-block-home .views-row .evt-title a {
	/* color: var(--color-founders-rock); */
	display: block;
	font-family: var(--secondary-font-family);
	font-size: 1.1em;
	line-height: 1.2;
	font-weight: 500;
}

/* .evt-block-home .views-row .evt-title a:hover {
	color: var(--color-berkeley-blue);
} */

.evt-block-home .views-row .evt-week-hours {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 6px;
}

.evt-block-home .views-row .evt-week-hours::before {
	content: '\e0d5';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.85rem;
	font-weight: 400;
	margin: 0 5px 0 0;
}

.evt-block-home .views-row .evt-month {
	color: var(--color-berkeley-blue);
	font-size: 1em;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.evt-block-home .views-row .evt-day {
	color: var(--color-berkeley-blue);
	font-size: 2em;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}

.evt-block-home .view-footer {
	margin-top: -10px;
	padding-left: calc(15% + 20px);
}

#page .evt-block-home .evt-footer a {
	background-color: var(--color-berkeley-blue);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: var(--color-white);
	display: inline-block;
	font-size: 0.85rem;
	line-height: 1.2;
	margin: 15px 0 0 0;
	padding: 6px 10px 7px 10px;
	text-decoration: none !important;
}
#page .evt-block-home .evt-footer a:hover {
	background-color: var(--color-lap-lane);
	color: var(--color-white);
}
/*----- EVENTS HOME - Close -----*/

/*----- BLOG HOME - Open -----*/
.blog-home-block {
	flex: 1.5;
}
#main .blog-home-block .view-header > h2 {
	color: var(--color-berkeley-blue);
	font-size: 1.7rem !important;
	font-weight: 500;
	margin-bottom: 25px !important;
	text-transform: uppercase;
}
.blog-home-block .views-row {
	/* -webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center; */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 25px;
}
.blog-home-block .views-row .views-field-field-featured-image {
	flex: 1;
}
.blog-home-block .views-row .views-field-field-featured-image a,
.blog-home-block .views-row .views-field-field-featured-image a img {
	display: block;
}
.blog-home-block .views-row .views-field-title {
	flex: 1.2;
}
#page .blog-home-block .views-row .views-field-title a {
	/* color: var(--color-berkeley-blue); */
	font-family: var(--secondary-font-family);
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.2;
}
/* .blog-home-block .views-row .views-field-title a:hover {
	color: #c4820e;
} */
.blog-home-block .view-header,
.blog-home-block .view-footer {
	padding-left: 30px;
}
.blog-home-block .view-content {
	/* border-left: 1px solid #ccd6df; */
	border-left: 1px solid var(--color-bright-blue);
	padding-left: 30px;
}

#page .blog-home-block .view-footer a {
	background-color: var(--color-berkeley-blue);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: var(--color-white);
	display: inline-block;
	font-size: 0.85rem;
	line-height: 1.2;
	margin: 5px 0 10px 0;
	padding: 6px 10px 7px 10px;
	text-decoration: none !important;
}
#page .blog-home-block .view-footer a:hover {
	background-color: var(--color-lap-lane);
	color: var(--color-white);
}
/*----- BLOG HOME - Close -----*/

/*----- BLOG PAGE - Open -----*/
body.page-node-type-blog-post #page-titlebar-full,
body.path-blog #page-titlebar-full {
	background-image: url(../images/blog-cover-01-4.jpg) !important;
	background-position: center bottom !important;
}

body.path-blog .featured-top {
	border-bottom: 10px solid var(--color-wellman-tile);
}
body.page-node-type-blog-post .featured-top {
	border-top: 10px solid var(--color-wellman-tile);
}

body.path-blog #block-bartik-aeronet-breadcrumbs {
	display: none !important;
}

body.page-node-type-blog-post #block-bartik-aeronet-breadcrumbs ul li {
	color: var(--color-dark-gray);
}
body.page-node-type-blog-post #block-bartik-aeronet-breadcrumbs ul li a {
	color: var(--color-wellman-tile);
}
body.page-node-type-blog-post #block-bartik-aeronet-breadcrumbs ul li a:hover {
	color: var(--color-california-gold) !important;
}
body.page-node-type-blog-post #block-bartik-aeronet-breadcrumbs ul li + li:before {
	color: var(--color-gray);
}

body.path-blog #main,
body.path-blog #main-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.path-blog #page-titlebar h1.page-title {
	margin-top: -60px !important;
}

.blog-page__message--wrapper {
	margin: -70px 0 30px 0;
	display: flex;
	justify-content: center;
	position: relative;
}
.blog-page__message--wrapper::after {
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
	bottom: -30px;
	content: '';
	display: block;
	height: 65px;
	left: 0;
	margin: 0 auto;
	max-width: 970px;
	position: absolute;
	right: 0;
	width: 100%;
}

.blog-page__message {
	background: var(--color-white);
	border-radius: 6px 6px 0 0;
	max-width: 910px;
	padding: 23px 30px 25px 30px;
	position: relative;
	width: 100%;

	-webkit-box-shadow: 0 0 20px 0 #273a5238;
	-moz-box-shadow: 0 0 20px 0 #273a5238;
	box-shadow: 0 0 20px 0 #273a5238;
}

.blog-page__views .view-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
}

.blog-page__views .views-row {
	border-radius: 6px;
	border: 1px solid var(--color-bright-blue);
	margin-bottom: 30px;
	padding: 20px 20px 80px 20px;
	position: relative;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.blog-page__views .views-row:hover {
	/* border: 1px solid #b5c3d5; */

	-webkit-box-shadow: 0 0 20px 0 #b5c3d585;
	-moz-box-shadow: 0 0 20px 0 #b5c3d585;
	box-shadow: 0 0 20px 0 #b5c3d585;
}

.blog-page__image a {
	display: block;
}

#page-wrapper .blog-page__title h4 {
	color: var(--color-berkeley-blue);
	font-family: var(--secondary-font-family);
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 15px 0 !important;
}
#page-wrapper .blog-page__title h4 a {
	color: var(--color-founders-rock);
}
#page-wrapper .blog-page__title h4 a:hover {
	color: var(--color-lap-lane);
}

/* .blog-page__body {} */

.blog-page__date {
	padding: 5px 0 0 0;
}
.blog-page__date .field-content {
	color: var(--color-dark-gray);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 6px;
}
.blog-page__date .field-content::before {
	content: '\e0d5';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.85rem;
	font-weight: 400;
	margin: 0 5px 0 0;
}

.blog-page__link {
	bottom: 22px;
	left: 20px;
	position: absolute;
}
.blog-page__link a {
	margin-bottom: 0 !important;
}
.blog-page__link a i {
	font-size: 0.85rem !important;
	font-weight: 400 !important;
}

#page .blog-page__views ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 5px;
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
}
#page .blog-page__views ul li.pager__item a {
	background: var(--color-white);
	border-radius: 6px;
	border: 1px solid var(--color-founders-rock);
	color: var(--color-founders-rock);
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	min-width: 44px;
	text-decoration: none !important;
}
#page .blog-page__views ul li.pager__item a:hover {
	background: var(--color-founders-rock);
	border: 1px solid var(--color-founders-rock);
	color: var(--color-white);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#page .blog-page__views ul li.pager__item.is-active a {
	background: var(--color-wellman-tile);
	border: 1px solid var(--color-wellman-tile);
	color: var(--color-white);
}
#content .blog-page__views ul li.pager__item::before {
	display: none !important;
}
/* SIDEBAR */

.blog-sidebar-recent .views-row {
	border-bottom: 1px solid var(--color-bright-blue);
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.blog-sidebar-recent .views-row:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#page .blog-sidebar-recent .views-row a {
	display: block;
	line-height: 1.2;
}
.blog-sidebar ul li {
	padding-right: 0;
}

.blog-info--wrapper {
	margin-bottom: 25px;
}
.blog-info__date {
	color: var(--color-deep-space);
	font-size: 0.9rem !important;
	font-weight: 500;
}
.blog-info__date::before {
	content: '\e0d5';
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-size: 0.85rem;
	font-weight: 400;
	margin: 0 5px 0 0;
}
.blog-info__author {
	color: var(--color-berkeley-blue);
	font-family: var(--secondary-font-family);
	font-size: 1.1rem !important;
	font-weight: 500;
	margin-bottom: 0 !important;
}
.blog-info__author::before {
	content: 'By ';
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 400;
	margin-right: 5px;
}
#page .flippy:after,
#page .flippy {
	display: none;
}

#page #footer-container .flippy {
	align-items: center;
	background: var(--color-founders-rock);
	display: flex;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
}
#page .flippy li {
	margin: 0;
	max-width: 570px;
	width: 100%;
}
#page .flippy li .empty,
#page .flippy li a {
	display: block;
	color: var(--color-white);
	padding: 20px 20px 20px 60px;
	text-decoration: none !important;
}
#page .flippy li .empty {
	opacity: 0.5;
}
#page .flippy li.flippy-previous .empty,
#page .flippy li.flippy-previous a {
	padding: 20px 60px 20px 20px;
	text-align: right;
}
#page .flippy li a:hover {
	background: var(--color-wellman-tile);
	color: var(--color-white);
}
#page .flippy li.flippy-home {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
}
#page .flippy li.flippy-home a {
	align-items: center;
	background: var(--color-white);
	border-radius: 100px;
	color: var(--color-founders-rock);
	display: flex;
	height: 44px;
	justify-content: center;
	padding: 0;
	width: 44px;
}
#page .flippy li.flippy-home a:hover {
	background: var(--color-wellman-tile);
	color: var(--color-white);
}
#page .flippy li.flippy-home a i {
	transform: translateY(-2px);
}

/*----- BLOG PAGE - Close -----*/

/*----- SIDEBAR - Open -----*/

/* NO-STYLES */
#sidebar-second .section {
	padding: 0 !important;
}

.region-sidebar-second .block {
	padding: 20px 30px !important;
	margin: 0 0 30px 0 !important;
}

#content .block.red,
#content .block.green,
#content .block.orange,
#content .block.gold,
#content .block.blue,
#content .block.bean-blue,
#content .block.bondi-blue,
#content .block.lap-lane,
#content .block.ember,
#content .block.golden-gate,
#content .block.founders-rock,
#content .block.berkeley-blue,
#content .block.clean {
	margin-bottom: 20px !important;
	padding: 20px;
}

#block-bartik-aeronet-content + .block {
	margin-top: 30px !important;
}

#page .block.red .content a,
#page .block.green .content a,
#page .block.orange .content a,
#page .block.gold .content a,
#page .block.blue .content a,
#page .block.bean-blue .content a,
#page .block.bondi-blue .content a,
#page .block.lap-lane .content a,
#page .block.ember .content a,
#page .block.golden-gate .content a,
#page .block.founders-rock .content a,
#page .block.berkeley-blue .content a {
	color: var(--color-white);
}

#content .block .content p:last-child {
	margin-bottom: 0px !important;
}

#page .block.p-0 {
	padding: 0px;
}
#page .block.p-10 {
	padding: 10px;
}
#page .block.p-20 {
	padding: 20px;
}
#page .block.p-30 {
	padding: 30px;
}

/* CLEAN */
#page .block.clean {
	background: var(--color-white);
	border: 1px solid var(--color-bright-blue) !important;
	border-radius: 6px;
	color: var(--color-berkeley-blue);
	font-weight: 400;
}

#page .block.clean h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: var(--color-berkeley-blue);
	font-weight: bold;
	margin: 0 0 10px 0 !important;
}

/* BERKELEY BLUE - DARK BLUE */
#page .block.berkeley-blue,
#page .block.dark-blue {
	background: var(--color-berkeley-blue);
	border-radius: 6px;
	color: var(--color-white);
}

/* GOLD - DARK GOLDENROD */
#page .block.dark-goldenrod,
#page .block.gold {
	background: var(--color-medalist);
	border-radius: 6px;
	color: var(--color-white);
}

/* GOLDEN GATE */
#page .block.orange-red,
#page .block.golden-gate {
	/* background: var(--color-golden-gate); */
	background: #d33f25;
	border-radius: 6px;
	color: var(--color-white);
}
#page .block.golden-gate .content a:hover {
	color: #ffec90;
}

/* RED */
#page .block.red {
	background: var(--color-red);
	border-radius: 6px;
	color: var(--color-white);
}

/* LAP LANE */
#page .block.lap-lane {
	background: var(--color-lap-lane);
	border-radius: 6px;
	color: var(--color-white);
}
#page .block.lap-lane .content a:hover {
	color: #fffbc1;
}

/* TURQUOISE */
#page .block.turquoise {
	background: var(--color-turquoise);
	border-radius: 6px;
	color: var(--color-white);
}

/* EMBER */
#page .block.ember {
	background: var(--color-wellman-tile);
	border-radius: 6px;
	color: var(--color-white);
}
#page .block.ember .content a:hover {
	color: #ffec90;
}

/* ORANGE / CALIFORNIA GOLD */
#page .block.california-gold,
#page .block.orange {
	background: var(--color-california-gold);
	border-radius: 6px;
	color: var(--color-white);
}

/* BLUE */
#page .block.blue {
	background: var(--color-berkeley-blue);
	border-radius: 6px;
	color: var(--color-white);
}

/* BEAN BLUE */
#page .block.founders-rock {
	background: var(--color-founders-rock);
	background: #357597;
	border-radius: 6px;
	color: var(--color-white);
}

/* BONDI BLUE */
#page .block.bean-blue {
	background: var(--color-lawrence);
	border-radius: 6px;
	color: var(--color-white);
}

/* GREEN */
#page .block.green {
	background: var(--color-green);
	border-radius: 6px;
	color: var(--color-white);
}

/* WASABI */
#page .block.green {
	background: var(--color-wasabi);
	border-radius: 6px;
	color: var(--color-white);
}

/* BLOCK LINKS */
#page .block.lap-lane .block-content ul li:before,
#page .block.lap-lane .block-content a,
#page .block.turquoise .block-content ul li:before,
#page .block.turquoise .block-content a,
#page .block.golden-gate .block-content ul li:before,
#page .block.golden-gate .block-content a,
#page .block.dark-goldenrod .block-content ul li:before,
#page .block.dark-goldenrod .block-content a,
#page .block.orange .block-content ul li:before,
#page .block.orange .block-content a,
#page .block.green .block-content ul li:before,
#page .block.green .block-content a,
#page .block.dark-blue .block-content ul li:before,
#page .block.blue .block-content ul li:before,
#page .block.dark-blue .block-content a,
#page .block.blue .block-content a {
	color: var(--color-white) !important;
}

#page .block.california-gold h2,
#page .block.california-gold .content .view-content,
#page .block.california-gold .content ul li:before,
#page .block.california-gold .content a {
	color: #925d00 !important;
}

#page .block.lap-lane .content a:hover,
#page .block.turquoise .content a:hover,
#page .block.golden-gate .content a:hover,
#page .block.dark-goldenrod .content a:hover,
#page .block.orange .content a:hover,
#page .block.green .content a:hover {
	color: #fff !important;
}

#page .block.dark-blue .content a:hover {
	color: #fff !important;
}

#page .block.blue .content a:hover {
	color: #fff !important;
}

.block.california-gold .content a:hover {
	color: #fff !important;
}

/* BLOCK TITLE */
#page .block.founders-rock h2,
#page .block.green h2,
#page .block.blue h2,
#page .block.red h2,
#page .block.dark-goldenrod h2,
#page .block.golden-gate h2,
#page .block.turquoise h2,
#page .block.lap-lane h2,
#page .block.california-gold h2,
#page .block.orange h2,
#page .block.gold h2,
#page .block.berkeley-blue h2,
#page .block.dark-blue h2 {
	color: var(--color-white);
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	text-transform: uppercase;
}

/*----- SIDEBAR - Close -----*/

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

#footer-container {
	/* background: #1c3d6e !important; */
	background: var(--color-berkeley-blue) !important;
	color: var(--color-white);
	font-family: var(--secondary-font-family);
	font-size: 1em;
	font-weight: 500;
	margin-top: 20px;
	padding: 0 !important;
}

#footer-container .col-half .content a {
	color: var(--color-california-gold);
	font-weight: normal;
}

#footer-container .col-half .content a:hover {
	color: var(--color-yellow);
}

#footer-container-- .layout-container {
	background: url(../images/bg-logo-footer.png) left top no-repeat;
	background-size: 50%;
	position: relative;
}

#footer-container-- .layout-container::before {
	background: url(../images/bg-before-footer.png) repeat-x;
	content: '';
	display: block;
	height: 100%;
	left: -5000px;
	position: absolute;
	top: 0;
	width: 5000px;
}

.new-footer-logo {
	max-width: 300px;
}

#footer-container .col-half,
#footer-container .region,
#footer-container .block-block-content,
#footer-container .content {
	height: 100%;
}

#footer-container .footer-menu {
	margin: 30px 0;
}

#footer-container .col-half .content .footer-menu a {
	color: var(--color-white);
	font-size: 1rem;
}

#footer-container .col-half .content .footer-menu a:hover {
	color: #fdb414;
}

#footer-container .footer-copyright {
	font-size: 0.9em;
	margin-top: 40px;
}

#footer-container .second-footer .content .field--name-body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.1rem;
	height: 100%;
	-webkit-box-pack: space-between;
	-moz-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	text-align: right;
}

#footer-container .second-footer .content .field--name-body::after {
	display: none;
}

#footer-container .second-footer .content ul.footer-social-media {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: flex-end;
	-moz-box-pack: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

#footer-container .second-footer .content ul.footer-social-media li {
	margin: 0 0 0 30px;
}
#footer-container .second-footer .content ul.footer-social-media li:first-child {
	margin-left: 0;
}

#footer-container .second-footer .content ul.footer-social-media li a {
	color: var(--color-white);
	font-size: 1.85rem;
	font-weight: normal;
	line-height: 1;
	margin: 0;
}

#footer-container .second-footer .content ul.footer-social-media li a:hover {
	color: #fdb414;
}

/*
#footer-container .block {
    background: none !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 200;
  color: var(--color-white) !important;
  padding: 0 !important;
  margin: 0;
  padding: 10px;
  border: none !important;
}
*/
#block-footer-menu ul li a {
	margin-bottom: 0 !important;
}

.footer-copyright {
	display: flex;
	align-items: center;
	height: 100%;
}

#auto-hidden-block {
	display: none !important;
}

.icon-footer a {
	margin-left: 12px;
	font-size: 20px;
}

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

/*----- IMPORTANT POPUP - Open -----*/

.announcement-popup-wrapper {
	background-color: #f4f4f4;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid #034c8c;
	cursor: default;
	display: none;
	margin: 0 auto;
	max-width: 900px;
	position: relative;
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.announcement-popup-wrapper.ap-bg-img {
	border: 10px solid var(--color-white);
	/*padding-top: 90px;*/
}

.announcement-popup-wrapper.ap-bg-img .announcement-popup-content {
	margin: 50px;
}

.announcement-popup-wrapper.ap-bg-img .announcement-popup-content {
	background: rgba(255, 255, 255, 0.9) !important;
}

.announcement-popup-ready .announcement-popup-wrapper {
	display: block;
}

.announcement-popup-content {
	background: var(--color-white);
	font-size: 1.2em;
	font-weight: 400;
	padding: 30px;
}

.announcement-popup-content h2 {
	line-height: 2rem !important;
	margin-bottom: 30px !important;
}

.announcement-popup-content p:last-child {
	margin-bottom: 0 !important;
}

.announcement-popup-content a {
	color: #1d73be;
	font-weight: 600;
}

.announcement-popup-content a:hover {
	color: #efb85b;
}

.announcement-popup-content a.btn {
	background: #1d73be;
	color: var(--color-white);
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	line-height: 1 !important;
	padding: 10px 15px;
}

.announcement-popup-content a.btn:hover {
	background: #efb85b !important;
	color: var(--color-white) !important;
}

.announcement-popup-show-mobile,
.announcement-popup-bg-image {
	display: none !important;
}

.announcement-popup-wrapper .mfp-close {
	background: rgba(255, 255, 255, 0.8) !important;
	color: #1d73be !important;
	height: 24px !important;
	line-height: 24px !important;
	opacity: 1 !important;
	right: 10px !important;
	top: 10px !important;
	width: 24px !important;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.announcement-popup-wrapper .mfp-close:hover {
	background: #1d70bc !important;
	color: var(--color-white) !important;
}

.announcement-popup-ready .mfp-bg {
	background: var(--color-white) !important;
}

/*----- IMPORTANT POPUP - Close -----*/

/*----- SIDEBAR BLOCK - Open -----*/

#page-wrapper .sbb-wrapper {
	padding: 0 !important;
}

#page-wrapper .sbb-wrapper .content {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
	margin: 0 !important;
	min-height: 220px;
	overflow: hidden;
	padding: 30px !important;
	position: relative;
}

/* #page-wrapper .sbb-wrapper .content::before {
	background: rgba(0, 0, 0, 0.15);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
} */

#page-wrapper .sbb-wrapper .content p:last-child {
	margin: 0 !important;
}

#page-wrapper .sbb-container {
	position: relative;
	z-index: 2;
}

#page-wrapper .sbb-container h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	text-transform: uppercase;
}

/*----- SIDEBAR BLOCK - Close -----*/

/*----- CIVICRM - Open -----*/
/* hide back button after update my profile civicrm */

#page #edit-commerce-civicrm-participant-registration-pane,
#crm-container #crm-main-content-wrapper #profilewrap19 + .action-link {
	display: none !important;
}
.editrow_custom_64-section {
	border-top: 1px solid #ccc !important;
}
/*----- CIVICRM - Close -----*/

/*----- ADD TO ANY - Open -----*/
.share-buttons-block .text-formatted {
	align-items: center;
	background: var(--color-founders-rock);
	border-radius: 6px;
	display: inline-flex;
	margin: 25px 0 0 0;
}
.share-buttons-block__label {
	color: var(--color-white);
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	padding: 0 10px 0 15px;
}
.a2a_default_style {
	background: var(--color-white);
	border: 1px solid var(--color-founders-rock) !important;
	border-radius: 6px;
	display: flex;
	gap: 15px;
	padding: 16px 15px 15px 15px;
}

#page .a2a_default_style a {
	color: var(--color-founders-rock);
	line-height: 1;
	text-decoration: none !important;
}
#page .a2a_default_style a:hover {
	color: var(--color-wellman-tile);
}
.a2a_default_style a::before {
	display: inline-block;
	font-family: 'Font Awesome 6 Brands';
	font-size: 1.1rem;
	font-weight: 400;
}
.a2a_default_style a.a2a_button_facebook::before {
	content: '\f39e';
}
.a2a_default_style a.a2a_button_twitter::before {
	content: '\f099';
}
.a2a_default_style a.a2a_button_linkedin::before {
	content: '\f0e1';
}
.a2a_default_style a.a2a_button_email::before {
	content: '\f0e0';
	font-family: 'Font Awesome 6 Pro';
	font-weight: bold;
}
.a2a_default_style > div,
.a2a_default_style a .a2a_svg {
	display: none !important;
}
/*----- ADD TO ANY - Close -----*/

/*----- SLIDESHOW - Open -----*/

/* Slick Custom */

#page .slick-prev,
#page .slick-next {
	background: none !important;
	border-radius: 0 !important;
	border: none !important;
	font-size: 0 !important;
	height: 30px !important;
	opacity: 0.6 !important;
	position: absolute;
	top: calc(50% - 15px);
	width: 30px !important;

	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#page .slick-prev:hover,
#page .slick-next:hover {
	opacity: 1 !important;
}

#page .slick-prev:before {
	content: '\f104';
	display: inline-block !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 1.8rem !important;
	font-weight: 800 !important;
}

#page .slick-next:before {
	content: '\f105';
	display: inline-block !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 1.8rem !important;
	font-weight: 800 !important;
}

.path-frontpage #apb-slideshow-top {
	background: #eee;
	min-height: 80vh;
}

.path-frontpage #apb-wrapper .ss-special-style .apb-ss-vertical-bottom {
	padding-bottom: 60px !important;
}

#apb-wrapper .ss-special-style .apb-ss-body h2,
#apb-wrapper .ss-special-style .apb-ss-body h3,
#apb-wrapper .ss-special-style .apb-ss-body h4 {
	margin: 0 !important;
}

.ss-special-style .apb-ss-body h2 span,
.ss-special-style .apb-ss-body h3 span,
.ss-special-style .apb-ss-body h4 span,
.ss-special-style .apb-ss-body p span,
.ss-special-style .apb-ss-body a span {
	background: rgba(237, 79, 51, 0.85);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	color: var(--color-white);
	line-height: 1.9em;
	padding: 0.2rem 0.55rem 0.05rem 0.55rem;
}

.ss-special-style .apb-ss-body p span,
.ss-special-style .apb-ss-body a span {
	/* padding: 0.375rem 0.55rem 0.45rem 0.55rem; */
	padding: 0rem 0.55rem 0.25rem 0.55rem;
}

.ss-special-style .apb-ss-body h2 span {
	font-size: 2.4rem;
	line-height: 1.37;
}

.ss-special-style .apb-ss-body h3 span {
	line-height: 1.8;
}

.ss-special-style .apb-ss-body h4 span {
	line-height: 1.8;
}

.ss-special-style .apb-ss-body p span {
	font-size: 1.12rem;
	font-weight: 500;
	line-height: 1.8;
}

.ss-special-style .apb-ss-body a span {
	font-size: 1.12rem;
	font-weight: 500;
	line-height: 2.4;
}

.ss-special-style .apb-ss-boxed .apb-ss-wrapper-body {
	padding: 0 !important;
}

.apb-slideshow-top .apb-ss-body p:last-child {
	margin-bottom: 0 !important;
}

#apb-wrapper .apb-slideshow.slick .view-footer,
#apb-wrapper .apb-ss-content-wrapper {
	max-width: 1140px;
}

/* Simple Ads */

#page .slick-slider .slick-track {
	/*   width: 100% !important; */
	display: flex;
	align-items: center;
	/*   justify-content: space-between; */
}

#page .simpleads-slider.slick-slider .slick-track .slick-slide {
	padding: 0 20px;
}

#page .simpleads-slider.slick-slider .slick-track .slick-slide a > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

h2.ads-title {
	position: absolute;
	top: 0;
	z-index: 1;
	right: 16px;
	font-size: 18px !important;
	line-height: 26px;
}

h2.ads-title:after {
	background: none !important;
}

.block-simpleads {
	max-height: 100px;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.simpleads-ready {
	max-height: none !important;
	opacity: 1 !important;
}
/*----- SLIDESHOW - Close -----*/

/*----- APB CUSTOM - Open -----*/
/* JQUERY UI */
#page .ui-tooltip,
#page .ui-widget {
	font-family: var(--main-font-family);
	font-size: 1rem;
	line-height: 1.4;
}

#page .field--name-field-apb-section-title {
	color: var(--color-berkeley-blue);
	font-family: var(--secondary-font-family);
	font-size: 1.8em;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
	margin: 5px 0px 10px 0px !important;
	position: relative;
	text-transform: uppercase;
}

/* COLUMNS - Open  */

.apb-columns-6 {
	display: grid;
	grid-gap: 30px;
	width: 100%;
}

/* 6 COLUMNS */

.apb-columns-6 {
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(6, 1fr);
}

/* COLUMNS - Close */

/* MARGIN, PADDING & BORDER */

.mg-top-30 {
	margin-top: 30px !important;
}

.mg-bottom-30 {
	margin-bottom: 30px !important;
}

.mg-left-30 {
	margin-left: 30px !important;
}

.mg-right-30 {
	margin-right: 30px !important;
}

/*----- APB CUSTOM - Close -----*/

/*----- FACULTY PROFILES PAGE - Open -----*/
.faculty-profiles-page .view-content {
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 45px;
}
.faculty-profiles-page .view-content > .views-row {
	border-bottom: 1px solid var(--color-bright-blue);
	line-height: 1.2;
	padding-bottom: 10px;
}
/*----- FACULTY PROFILES PAGE - Close -----*/