/*----- 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 {
  /* Fonts */
  --main-font-family: freight-sans-pro, arial, helvetica, sans-serif !important;
  --secondary-font-family: freightmicropro, sans-serif !important;

  /* Primary Palette */
  --color-berkeley-blue: #002676;
  --color-california-gold: #fdb515;

  /* Special Colors */
  --color-golden-brown: #c09748;
  --color-golden-brown-500: #b68e3e;
  --color-golden-brown-600: #a38038;
  --color-golden-brown-700: #907131;

  /* Neutral Palette */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #262626;

  /* Secondary Palette - Dark */
  --color-blue-dark: #010133;
  --color-gold-dark: #fc9313;
  --color-green-dark: #00553a;
  --color-rose-dark: #770747;
  --color-purple-dark: #431170;

  /* Secondary Palette - Medium */
  --color-blue-medium: #004aae;
  --color-gold-medium: #ffc31b;
  --color-green-medium: #018943;
  --color-rose-medium: #e7115e;
  --color-purple-medium: #8236c7;

  /* Secondary Palette - Light */
  --color-blue-light: #9fd1ff;
  --color-gold-light: #ffe88d;
  --color-green-light: #b3e59a;
  --color-rose-light: #ffcfe5;
  --color-purple-light: #d9ceff;

  /* Grays */
  --color-gray-medium: #808080;
  --color-gray-light: #f2f2f2;

  /* Common Colors */
  --color-red: #d83013;

  /* Old Colors */
  --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-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;
}
/*----- 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.3rem !important;
  text-decoration-color: #ffffff00 !important;
}

#page :focus-visible,
:focus-visible {
  outline-color: var(--color-berkeley-blue);
  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: var(--color-berkeley-blue) !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 {
  color: var(--color-berkeley-blue);
  font-family: var(--secondary-font-family);
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 0.85rem 0 !important;
  position: relative;
}

#page h1 {
  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 {
  font-size: 1.8em;
}

#page h3 {
  font-size: 1.4em;
  line-height: 1;
}

#page h4 {
  font-size: 1.3em;
}

#page h5 {
  font-size: 1.2em;
}

#page h6 {
  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 h3 a,
#page h4 a,
#page h5 a,
#page h6 a {
  color: var(--color-berkeley-blue);
}
#page h1 a:hover,
#page h2 a:hover,
#page h3 a:hover,
#page h4 a:hover,
#page h5 a:hover,
#page h6 a:hover {
  color: var(--color-blue-medium);
}

#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-california-gold);
  content: "\f86c";
  font-size: 2.2rem !important;
  margin: 2rem 0 1rem 0;
}
#page h4.fancy-title::before {
  color: var(--color-california-gold);
  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);
  margin-bottom: 0 !important;
  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-blue-dark);
  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);
  color: var(--color-black);
}

#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-blue-medium);
  border: 1px solid var(--color-blue-medium);
  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-blue-medium);
  color: var(--color-white);
}

#edit-cancel,
#page .crm-container a.button.cancel {
  /* background: var(--color-wellman-tile); */
  background: var(--color-blue-dark);
  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-berkeley-blue);
}

.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-medium);
}

.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-medium);
  font-weight: 600;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
  color: var(--color-berkeley-blue);
  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-berkeley-blue);
  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 .content ul li:before {
  color: var(--color-golden-brown) !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-blue-dark) !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-blue-medium) !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-blue-medium);
}
#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-blue-medium);
  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-blue-dark);
  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-blue-medium);
  color: var(--color-white) !important;
}

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

#page a.green,
#page a.lap-lane {
  background: var(--color-blue-medium);
  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-blue-dark) !important;
}
#page a.white:hover {
  background-color: var(--color-blue-medium);
  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-blue-medium);
}

#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-medium);
}

#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-blue-medium) !important;
  background: none !important;
  border: 1px solid var(--color-blue-medium) !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-medium) !important;
  background: none !important;
  border: 1px solid var(--color-green-medium) !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: 8px;
  opacity: 0;
  position: absolute;
  top: 8px;
  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: 5px;
  transform: scale(0.75);
}

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

#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 {
  border: none !important;
  border-radius: 6px;
  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-blue-medium);
  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-black);
}

/* 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: var(--color-green-medium);
  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: var(--color-berkeley-blue);
  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: var(--color-blue-medium);
  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: var(--color-purple-medium);
  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: var(--color-rose-medium);
  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-blog::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-blog::before {
  content: "\f781";
}

.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: #004aae;
  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: #002676f5;
  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: #004aaef5;
  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 #dddddd;
  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-blue-dark);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none !important;
}

#page nav.breadcrumb ul li a:hover {
  color: var(--color-blue-medium) !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 {
  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: 2rem;
  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-blue-medium);
  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-blue-medium);
  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-blue-dark);
}
#page-wrapper .blog-page__title h4 a:hover {
  color: var(--color-blue-medium);
}

/* .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-blue-dark);
  color: var(--color-blue-dark);
  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-blue-dark);
  border: 1px solid var(--color-blue-dark);
  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-blue-medium);
  border: 1px solid var(--color-blue-medium);
  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-blue-dark);
  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-blue-dark);
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px;
}
#page .flippy li.flippy-home a:hover {
  background: var(--color-blue-medium);
  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 {
  margin-bottom: 20px !important;
  /* padding: 20px 20px 20px 20px; */
  padding: 0;
}

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

#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;
}

/* BLOCK STYLES */
#page .sidebar .block h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}

#page .block-berkeley-blue,
#page .block-california-gold,
#page .block-golden-brown,
#page .block-blue-dark,
#page .block-gold-dark,
#page .block-green-dark,
#page .block-rose-dark,
#page .block-purple-dark,
#page .block-blue-medium,
#page .block-gold-medium,
#page .block-green-medium,
#page .block-rose-medium,
#page .block-purple-medium,
#page .block-blue-light,
#page .block-gold-light,
#page .block-green-light,
#page .block-rose-light,
#page .block-purple-light {
  border-radius: 6px;
}

#page .block .content a.white:hover {
  background-color: var(--color-california-gold);
  color: var(--color-blue-dark) !important;
}

/* BLOCK BERKELEY BLUE */
#page .block-berkeley-blue {
  background: var(--color-berkeley-blue);
  color: var(--color-white);
}
#page .block-berkeley-blue h2,
#page .block-berkeley-blue .content ul li:before,
#page .block-berkeley-blue .content a {
  color: var(--color-white);
}

/* BLOCK CALIFORNIA GOLD */
#page .block-california-gold {
  background: var(--color-california-gold);
  color: var(--color-black);
}
#page .block-california-gold h2,
#page .block-california-gold .content ul li:before,
#page .block-california-gold .content a {
  color: var(--color-black);
}
#page .block-california-gold .content a.white:hover {
  background-color: var(--color-berkeley-blue);
  color: var(--color-white) !important;
}

/* BLOCK GOLDEN BROWN */
#page .block-golden-brown {
  background: var(--color-golden-brown);
  color: var(--color-black);
}
#page .block-golden-brown h2,
#page .block-golden-brown .content ul li:before,
#page .block-golden-brown .content a {
  color: var(--color-black);
}
#page .block-golden-brown .content a.white:hover {
  background-color: var(--color-berkeley-blue);
  color: var(--color-white) !important;
}

/* BLOCK BLUE DARK */
#page .block-blue-dark {
  background: var(--color-blue-dark);
  color: var(--color-white);
}
#page .block-blue-dark h2,
#page .block-blue-dark .content ul li:before,
#page .block-blue-dark .content a {
  color: var(--color-white);
}

/* BLOCK GOLD DARK */
#page .block-gold-dark {
  background: var(--color-gold-dark);
  color: var(--color-black);
}
#page .block-gold-dark h2,
#page .block-gold-dark .content ul li:before,
#page .block-gold-dark .content a {
  color: var(--color-black);
}
#page .block-gold-dark .content a.white:hover {
  background-color: var(--color-blue-dark);
  color: var(--color-white) !important;
}

/* BLOCK GREEN DARK */
#page .block-green-dark {
  background: var(--color-green-dark);
  color: var(--color-white);
}
#page .block-green-dark h2,
#page .block-green-dark .content ul li:before,
#page .block-green-dark .content a {
  color: var(--color-white);
}

/* BLOCK ROSE DARK */
#page .block-rose-dark {
  background: var(--color-rose-dark);
  color: var(--color-white);
}
#page .block-rose-dark h2,
#page .block-rose-dark .content ul li:before,
#page .block-rose-dark .content a {
  color: var(--color-white);
}

/* BLOCK PURPLE DARK */
#page .block-purple-dark {
  background: var(--color-purple-dark);
  color: var(--color-white);
}
#page .block-purple-dark h2,
#page .block-purple-dark .content ul li:before,
#page .block-purple-dark .content a {
  color: var(--color-white);
}

/* BLOCK BLUE MEDIUM */
#page .block-blue-medium {
  background: var(--color-blue-medium);
  color: var(--color-white);
}
#page .block-blue-medium h2,
#page .block-blue-medium .content ul li:before,
#page .block-blue-medium .content a {
  color: var(--color-white);
}

/* BLOCK GOLD MEDIUM */
#page .block-gold-medium {
  background: var(--color-gold-medium);
  color: var(--color-black);
}
#page .block-gold-medium h2,
#page .block-gold-medium .content ul li:before,
#page .block-gold-medium .content a {
  color: var(--color-black);
}
#page .block-gold-medium .content a.white:hover {
  background-color: var(--color-blue-dark);
  color: var(--color-white) !important;
}

/* BLOCK GREEN MEDIUM */
#page .block-green-medium {
  background: var(--color-green-medium);
  color: var(--color-white);
}
#page .block-green-medium h2,
#page .block-green-medium .content ul li:before,
#page .block-green-medium .content a {
  color: var(--color-white);
}

/* BLOCK ROSE MEDIUM */
#page .block-rose-medium {
  background: var(--color-rose-medium);
  color: var(--color-white);
}
#page .block-rose-medium h2,
#page .block-rose-medium .content ul li:before,
#page .block-rose-medium .content a {
  color: var(--color-white);
}

/* BLOCK PURPLE MEDIUM */
#page .block-purple-medium {
  background: var(--color-purple-medium);
  color: var(--color-white);
}
#page .block-purple-medium h2,
#page .block-purple-medium .content ul li:before,
#page .block-purple-medium .content a {
  color: var(--color-white);
}

/* BLOCK BLUE LIGHT */
#page .block-blue-light {
  background: var(--color-blue-light);
  color: var(--color-black);
}
#page .block-blue-light h2,
#page .block-blue-light .content ul li:before,
#page .block-blue-light .content a {
  color: var(--color-black);
}
#page .block-blue-light .content a.white:hover {
  background-color: var(--color-blue-medium);
  color: var(--color-white) !important;
}

/* BLOCK GOLD LIGHT */
#page .block-gold-light {
  background: var(--color-gold-light);
  color: var(--color-black);
}
#page .block-gold-light h2,
#page .block-gold-light .content ul li:before,
#page .block-gold-light .content a {
  color: var(--color-black);
}
#page .block-gold-light .content a.white:hover {
  background-color: var(--color-berkeley-blue);
  color: var(--color-white) !important;
}

/* BLOCK GREEN LIGHT */
#page .block-green-light {
  background: var(--color-green-light);
  color: var(--color-black);
}
#page .block-green-light h2,
#page .block-green-light .content ul li:before,
#page .block-green-light .content a {
  color: var(--color-black);
}
#page .block-green-light .content a.white:hover {
  background-color: var(--color-green-dark);
  color: var(--color-white) !important;
}

/* BLOCK ROSE LIGHT */
#page .block-rose-light {
  background: var(--color-rose-light);
  color: var(--color-black);
}
#page .block-rose-light h2,
#page .block-rose-light .content ul li:before,
#page .block-rose-light .content a {
  color: var(--color-black);
}
#page .block-rose-light .content a.white:hover {
  background-color: var(--color-rose-dark);
  color: var(--color-white) !important;
}

/* BLOCK PURPLE LIGHT */
#page .block-purple-light {
  background: var(--color-purple-light);
  color: var(--color-black);
}
#page .block-purple-light h2,
#page .block-purple-light .content ul li:before,
#page .block-purple-light .content a {
  color: var(--color-black);
}
#page .block-purple-light .content a.white:hover {
  background-color: var(--color-purple-dark);
  color: var(--color-white) !important;
}

/* CLEAN */
#page .block-clean {
  background: var(--color-white);
  border: 1px solid #dddddd !important;
  border-radius: 6px;
  color: var(--color-berkeley-blue);
  font-weight: 400;
}
#page .block-clean h2 {
  color: var(--color-berkeley-blue);
}
/*----- 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 #dddddd !important;
}
/*----- CIVICRM - Close -----*/

/*----- ADD TO ANY - Open -----*/
.share-buttons-block .text-formatted {
  align-items: center;
  background: var(--color-berkeley-blue);
  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-berkeley-blue) !important;
  border-radius: 6px;
  display: flex;
  gap: 15px;
  padding: 16px 15px 15px 15px;
}

#page .a2a_default_style a {
  color: var(--color-berkeley-blue);
  line-height: 1;
  text-decoration: none !important;
}
#page .a2a_default_style a:hover {
  color: var(--color-blue-medium);
}
.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: var(--color-gray-light);
  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 {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: var(--color-white);
  line-height: 1.9em;
  padding: 0.0625rem 0.625rem 0.25rem 0.625rem;
}

.ss-special-style .apb-ss-body p span,
.ss-special-style .apb-ss-body a span {
  padding: 0rem 0.625rem 0.25rem 0.625rem;
}

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

.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 -----*/