:root {
  --font-esa: "NotesEsa", sans-serif;
  --font-esa-bold: "NotesEsaBold", sans-serif;
  --font-inter-light: "Inter-Light", sans-serif;
  --font-inter-regular: "Inter-Regular", sans-serif;
  --font-inter-medium: "Inter-Medium", sans-serif;
  --deep-space: #003247;
  --deep-space-1: #335e6f;
  --deep-space-2: #8197a6;
  --pure-teal: #00ae9d;
  --neutral-space: #e8e8e4;
  --grey: #757575;

  /*--orange: #ff533b;
  --grey-dark: #003247;
  --grey-light: #e9e7e2; */
}

@font-face {
  font-family: "NotesEsaBold";
  src: url("fonts/notesesabold.woff2") format("woff2"),
    url("fonts/notesesabold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "NotesEsa";
  src: url("fonts/notesesa.woff2") format("woff2"),
    url("fonts/notesesa.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

.btn-primary {
  background-color: var(--deep-space-1);
  color: #fff;
  border: 1px solid var(--deep-space);
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--deep-space);
  border: 1px solid var(--deep-space);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-esa);
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-family: var(--font-esa-bold);
}
.font-esa {
  font-family: var(--font-esa);
}
.article-content ul,
.article-content ol,
.main-content ul,
.main-content ol {
  margin: 0 0 1.5em 0 !important;
}
a {
  color: var(--deep-space);
}
.banner {
  max-height: 220px;
}
.pagination {
  text-align: center;
  margin-top: 20px;
  justify-content: center;
}

.pagination a,
.pagination .current {
  display: inline-block;
  padding: 4px 12px;
  margin: 0 5px;
  background: var(--deep-space-2);
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.pagination a:hover {
  background: var(--deep-space-1);
}
.pagination .current {
  background: var(--deep-space);
  color: var(--pure-teal);
}
/* NAV */

.main-nav {
  padding: 0 3rem;
  overflow: hidden;
  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-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  width: 100%;
  height: 100%;
  display: none;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .main-nav {
    display: flex;
  }
}
.main-nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  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-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.main-nav ul li {
  display: inline;
  text-align: center;
  padding: 0 1rem;
  margin: 0;
  font-size: clamp(1rem, 1.05vw, 1.2rem);
  font-family: "Notesesa";
  text-transform: uppercase;
  /* transform: translateX(-6rem); */
}

.main-nav ul li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.main-nav ul li a:hover {
  color: var(--pure-teal);
}

.menu-item.current-menu-item a,
.menu-item.current-page-ancestor a{
   color: var(--pure-teal)!important;
}

.main-nav-mobile {
  display: block;
  width: 100vw;
  height: 100vh;
  max-width: 250px;
  background-color: #003247;
  position: absolute;
  top: 52px;
  padding: 1rem 2.1rem;
  margin: 0;
  left: 0;
  transform: translateX(0);
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.main-nav-mobile.hide {
  transform: translateX(-100%);
}

/* uncomment to show slide menu only on mobile*/
@media (min-width: 1200px) {
  .main-nav-mobile {
    display: none;
  }
}

.esa-header__toggle {
  display: block;
  border-radius: 0;
}

@media (min-width: 1200px) {
  .esa-header__toggle {
    display: none;
  }
}

.main-nav-mobile ul li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.main-nav-mobile ul {
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  margin: 0;
  list-style: none;
  padding: 0;
  overflow: hidden;
  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-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  flex-direction: column;
}
/* BREADCRUMB */
.breadcrumb {
  font-family: var(--font-esa);
  font-size: 0.95rem;
  color: var(--deep-space);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.breadcrumb svg {
  fill: var(--deep-space);
  margin: 0 0.5rem;
  max-width: 9px;
}
.breadcrumb .current-page {
  color: var(--deep-space-1);
  font-weight: bold;
}
.breadcrumb a {
  color: var(--deep-space-1);
  text-decoration: none;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.breadcrumb a:hover {
  color: var(--deep-space);
  text-decoration: underline;
}

/* HOME */

.news-article {
  border-bottom: 1px dashed var(--deep-space-2);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.news-article:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
/* SINGLE */
.main-content {
  font-size: 1.1rem;
}
h1.entry-title {
  font-size: 2.5rem;
  font-family: var(--font-esa-bold);
  color: var(--deep-space);
  margin-bottom: 1rem;
  margin-top: 0;
  padding-top: 0;
}
.article-content {
  border-top: 1px solid #e9ecef;
  padding-top: 1rem;
  font-size: 1.1rem;
}
/* SEARCH */
.page-title.search-title {
  font-size: 2.5rem;
  color: var(--deep-space);
  margin-bottom: 2rem;
  margin-top: 0;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--deep-space);
}
.search-result {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dashed var(--deep-space-2);
}
/* SIDEBAR */
.widget {
  margin-bottom: 2rem;
  border: 1px solid var(--neutral-space);
  border-radius: 0.375rem;
  overflow: hidden;
}

.sidebar h3 {
  font-family: var(--font-esa-bold);
  font-size: 1.6rem;
  color: #fff;
  width: 100%;
  border-bottom: 1px solid var(--neutral-space);
  margin-bottom: 0;
  padding: 0.5rem;
  background: linear-gradient(135deg, var(--deep-space-1), var(--deep-space-2));
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar ul li {
  margin-bottom: 0;
  border-bottom: 1px solid var(--neutral-space);
}
.sidebar ul li:last-child {
  margin-bottom: 0;
}

.sidebar ul li a {
  position: relative;
  padding: 0.5rem;
  display: block;
  text-decoration: none;
  color: var(--deep-space);
  font-family: var(--font-inter-medium);
  overflow: hidden;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.sidebar ul li {
  border-left: 0 solid var(--deep-space-1);
  -webkit-transition: border-left 0.3s ease;
  -moz-transition: border-left 0.3s ease;
  -o-transition: border-left 0.3s ease;
  transition: border-left 0.3s ease;
}

.sidebar ul li:hover,
.sidebar ul li.current {
  border-left: 5px solid var(--deep-space-1);
}
.sidebar ul li:hover a {
  background: linear-gradient(45deg, #ffffff 0%, #f6f8fa 100%);
}

.sidebar ul li.current {
  background: linear-gradient(45deg, #f4f6f8 0%, #ffffff 100%);
}
.sidebar ul li.current a {
  font-weight: bold;
}

.sidebar .widget_search form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.sidebar .widget_search label {
  font-family: var(--font-esa-bold);
  font-size: 1.6rem;
  color: #fff;
  width: 100%;
  border-bottom: 1px solid var(--neutral-space);
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(135deg, var(--deep-space-1), var(--deep-space-2));
}

.sidebar .wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
}

.sidebar .wp-block-search__input {
  flex-grow: 1;
  padding: 0.5rem;
  border: 1px solid var(--neutral-space);
  border-radius: 0.375rem;
  font-family: var(--font-inter-medium);
  transition: border-color 0.3s ease;
}

.sidebar .wp-block-search__input:focus {
  border-color: var(--deep-space-1);
  outline: none;
}

.sidebar .wp-block-search__button {
  padding: 0.5rem;
  background: var(--deep-space-1);
  border: none;
  border-radius: 0.375rem;
  color: #fff;
  transition: background 0.3s ease;
}

.sidebar .wp-block-search__button:hover {
  background: var(--deep-space-2);
}

.sidebar .wp-block-search__button svg {
  fill: #fff;
}

/* FOOTER */

footer {
  color: var(--deep-space);
  padding: 1rem 0;
  border-top: 1px solid var(--deep-space);
}
.navbar-brand strong {
  font-family: var(--font-esa-bold);
  color: var(--deep-space);
}
footer li a {
  text-decoration: none;
  color: var(--deep-space);
  font-family: var(--font-esa);
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
footer li a:hover {
  color: var(--deep-space-1);
}
#menu-footer-menu {
  margin: 0;
  gap: 1rem;
}
#menu-footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-previous a,
.nav-next a {
  color: var(--deep-space);
  font-family: var(--font-esa);
  text-decoration: none;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.nav-previous a:hover,
.nav-next a:hover {
  color: var(--deep-space-1);
  text-decoration: underline;
}
.nav-previous a {
  position: relative;
  padding-left: 1.5em;
}

.nav-previous a::before {
  content: "←";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nav-next a {
  position: relative;
  padding-right: 1.5em;
}
.nav-next a::after {
  content: "→";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* HEADROOM PLUGIN */
.headroom {
  -webkit-transition: all 0.8s 0s ease;
  -moz-transition: all 0.8s 0s ease;
  -o-transition: all 0.8s 0s ease;
  transition: all 0.8s 0s ease;
  position: sticky;
  z-index: 100000;
  top: 0;
}

.headroom--pinned {
  top: 0;
}

.headroom--unpinned {
  top: -160px;
}
/* USER LOGIN OVERRIDE */

body.user-registration-page
  #user-registration:not(.user-registration-MyAccount),
body.user-registration-page
  .user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms
  #user-registration:not(.user-registration-MyAccount),
body.user-registration-membership_page_user-registration-login-forms
  .user-registration:not(.user-registration-MyAccount) {
  margin: 0 !important;
  box-shadow: none !important;
}

#user-registration{
padding: 1rem .3rem !important;
}

.user-registration.ur-frontend-form{
padding: 1rem!important;
}

.ur-frontend-form.ur-frontend-form--bordered{
  padding: 0!important;
}

.user-registration-Button, .ur-submit-button {
     background: #335e6f!important;
    border: 1px solid #335e6f!important;

}

.user-registration-Button:hover, .ur-submit-button:hover {
     background: #8197a6!important;
    border: 1px solid #8197a6!important;

}

#user-registration.horizontal, #user-registration{
	margin: 0!important;
	box-shadow: none!important;
}
#user-registration.vertical .user-registration-MyAccount-navigation{
	padding: 0!important;	
    max-width: 295px!important;
}
#user-registration.vertical .user-registration-MyAccount-content{
	padding: 0.5rem!important;	
}
#user-registration.vertical .user-registration-MyAccount-content__body h2, #user-registration.horizontal .user-registration-MyAccount-content__body h2{
	margin-bottom: 0!important;
}
.ur-frontend-form button, .ur-frontend-form input[type="submit"], .ur-frontend-form button[type="submit"]{
	color:#fff!important;
}
#user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2{
	text-align: left!important;
}

#user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header{
	display:none!important;
}

.ur-frontend-form .ur-form-row .ur-form-grid #user-registration-tfa-footer .user-registration-Button{
    width: fit-content;
}

/* File Manager overrides */
.page-template-default .elfinder-button.tool-op-open.ui-state-disabled,
.page-template-default .elfinder-button.tool-op-download.ui-state-disabled,
.page-template-default .elfinder-button.tool-op-undo.ui-state-disabled,
.page-template-default .elfinder-button.tool-op-redo.ui-state-disabled,
.page-template-default .elfinder-button.tool-op-selectall,
.page-template-default .elfinder-button.tool-op-selectnone.ui-state-disabled,
.page-template-default .elfinder-button.tool-op-selectinvert,
.page-template-default .elfinder-button.tool-op-quicklook,
.page-template-default .elfinder-button.tool-op-view,
.page-template-default .elfinder-button.elfinder-menubutton.elfiner-button-sort,
.page-template-default .ui-widget-content.elfinder-toolbar-button-separator,
.elfinder-ltr .elfinder-navbar,
.ui-state-default.elfinder-button.tool-op-open,
.ui-state-default.elfinder-button.tool-op-selectnone,
.ui-state-default.elfinder-button.tool-op-fullscreen{
  display: none!important;
}