/* FONT IMPORTS */

@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap');

/* GENERAL SETTINGS */

:root {
  --black: #000000;
  --white: #ffffff;
  --grey: #eceae3;
  --blue: #2c2d68;
  --khaki: #a6915a;
  --green: #00646a;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
}

h1 {
  font-size: clamp(30px, 5vw, 55px);
}

h2 {
  font-size: clamp(24px, 3vw, 40px);
}

h3 {
  font-size: clamp(20px, 2.5vw, 32px);
}

h4 {
  font-size: clamp(18px, 2vw, 28px);
}

h5 {
  font-size: clamp(16px, 1.8vw, 24px);
}

h6 {
  font-size: clamp(14px, 1.5vw, 20px);
}

p {
  font-size: 16px;
  font-family: "Work Sans", sans-serif;
}

a {
  text-decoration: none;
  color: var(--blue);
  /* font-family: "EB Garamond", serif; */
  outline: none !important;
}

a.e3-button {
  font-size: 20px;
  background-color: var(--blue);
  color: var(--white);
  border: 1px solid var(--blue);
  text-transform: uppercase;
  padding: 20px !important;
  transition: background-color 0.3s ease, color 0.3 ease;
}

a.e3-button:hover {
  background-color: transparent;
  color: var(--blue);
  border: 1px solid var(--blue);
}

/* Small Desktop / Tablet Landscape */
@media (min-width: 1025px) {
  .container {
    width: 960px !important;
    max-width: 100% !important;
  }
}

/* Medium Desktop */
@media (min-width: 1200px) {
  .container {
    width: 1140px !important;
    max-width: 100% !important;
  }
}

/* Large Desktop */
@media (min-width: 1400px) {
  .container {
    width: 1280px !important;
    max-width: 100% !important;
  }
}

/* Extra Large Desktop / Ultra-Wide */
@media (min-width: 1600px) {
  .container {
    width: 1440px !important;
    max-width: 100% !important;
  }
}

/* HEADER STYLING */

.master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name,
.master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name {
  color: var(--white) !important;
  font-family: "EB Garamond", serif !important;
  font-weight: 600 !important;
}
.master-layout-1 .MyProfile_Member .fullView {
  background-color: var(--blue) !important;
}
.master-layout-1 .MyProfile_Member .fullView a {
  font-family: "EB Garamond", serif !important;
  font-weight: 600 !important;
}
.master-layout-1 .MyProfile_Member .fullView .MyProfile_FullMain a:focus {
  background-color: var(--blue) !important;
  border: none !important;
}
.master-layout-1 #divMainMenu nav #main-menu > li > a {
  color: var(--blue) !important;
  font-family: "EB Garamond", serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.master-layout-1 #divMainMenu nav #main-menu ul a {
  font-family: "EB Garamond", serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.master-layout-1 #divMainMenu nav #main-menu > li > a:focus,
.master-layout-1 #divMainMenu nav #main-menu ul a:focus,
.master-layout-1 #divMainMenu nav #main-menu ul ul a:focus,
.master-layout-1 #divMainMenu nav #main-menu ul ul ul a:focus {
  background-color: transparent !important;
  color: var(--blue) !important;
  border: none !important;
}

@media (min-width: 1025px) {
  .master-layout-1 .MyProfile_Member .fullView {
    top: 80px !important;
  }
  header .container-fluid {
    padding-right: 0px !important;
  }
  .master-layout-1 .MyProfile_Member {
    background-color: var(--blue) !important;
  }
  .master-layout-1 .logo{
    height: 140px !important;
  }
  .master-layout-1{
    height: 80px !important;
  }
  .master-layout-1 .container-fluid{
    height: 80px !important;
  }
  .master-layout-1 .MyProfile_Member{
    height: 80px !important;
  }
  .master-layout-1 #divMainMenu{
    height: 80px !important;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li>a{
    line-height: 80px !important;
  }
  .master-layout-1~.header-space{
    height: 80px !important;
  }
  .master-layout-1 .logo{
    padding: 20px 0px !important;
  }
  /* navigation right */
  .master-layout-1 #divMainMenu nav #main-menu{
    float: right !important;
    margin: unset !important;
  }
  .master-layout-1 #divMainMenu nav #main-menu{
    margin-right: -130px !important;
  }
}
@media (max-width: 1024px) {
  .master-layout-1 .MyProfile_Svg svg {
    fill: var(--blue) !important;
  }
  .master-layout-1 #menu-button i {
    color: var(--blue) !important;
  }
  .master-layout-1 #divMainMenu nav #main-menu > li > a {
    color: var(--white) !important;
  }
}

/* FOOTER CSS */
section.footer {
  background-color: var(--khaki);
  padding-top: 50px;
  padding-bottom: 20px;
}
.ft-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ft-row-1 {
  display: flex;
  justify-content: space-between;
}
.ft-row-1-outer {
  width: 50%;
}
.ft-col-1 {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  text-align: start;
  img {
    width: 200px;
    object-fit: contain;
  }
  h4 {
    font-size: 20px;
    color: var(--black);
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 40px;
  }
  a {
    font-family: "Work Sans", sans-serif !important;
    margin-bottom: 10px;
    color: var(--black);
  }
}
.ft-navigation {
  display: flex;
  flex-direction: column;
  p {
    margin: 0px !important;
    color: var(--black);
  }
}
.ft-row-2 {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  p {
    color: var(--black);
    font-size: 16px;
    margin: 0px;
  }
  a {
    font-family: "Work Sans", sans-serif !important;
    color: var(--black);
  }
}
.ft-row-3 hr {
  border-top: 1px solid var(--black);
}
.ft-row-4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  p {
    color: var(--black);
    font-size: 16px;
  }
  a {
    font-family: "Work Sans", sans-serif !important;
    color: var(--black);
  }
}
@media (max-width: 1024px) {
  .ft-row-1 {
    flex-direction: column;
  }
  .ft-row-1-outer {
    width: 100%;
  }
  .ft-col-1 {
    flex-direction: column;
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .ft-row-4 {
    flex-direction: column;
    text-align: center;
  }
  .ft-row-2 {
    text-align: center;
  }
}

/* TITLE AND SUMMARY */
.top-section {
  margin-top: -250px !important;
  margin-bottom: 100px !important;
}
.top-section > div {
  padding: 0px !important;
}
.basic-block .basic-block-wrapper .img-block {
  min-height: 600px !important;
}
.top-section .basic-block .basic-block-wrapper .text-block {
  text-align: center !important;
}
.top-section {
  p {
    width: 80% !important;
    margin: auto !important;
    color: var(--blue) !important;
    margin-bottom: 20px !important;
  }
  h4 {
    color: var(--blue) !important;
    font-weight: 300 !important;
    font-family: "Work Sans", sans-serif !important;
  }
  h1 {
    color: var(--blue) !important;
    margin: 0px !important;
  }
  a {
    font-weight: 600 !important;
    color: var(--blue) !important;
    margin: 0px 15px !important;
  }
}
.top-section .text-block-wrapper{
  text-align: center !important;
}
@media (max-width: 767px) {
  .top-section {
    margin-top: -120px !important;
  }
}
/* SINGLE COLUMN */
.single-column-section{
  hr{
    border-top: 1px solid var(--blue) !important;
  }
  h1{
    margin-bottom: 15px !important;
  }
  em{
    font-size: 26px !important;
    font-family: "EB Garamond", serif !important;
    font-weight: 600 !important; 
  }
  a{
    color: var(--white) !important;
    font-size: 16px !important;
    margin: 10px !important;
  }
  a:hover{
    color: var(--grey) !important;
  }
}
.single-column-section > div{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.single-column-section .text-block-wrapper{
  text-align: inherit !important;
  color: var(--blue) !important;
}


/* EXPANDABLE CONTENT INSIDE */
.expandable-content-widget .expandable-content-wrapper{
  background: transparent !important;
}
.expandable-content-widget .expandable-content-wrapper{
  padding: 0px !important;
}
.expandable-content-widget .expandable-content-heading{
  background: var(--grey) !important;
  border-bottom: 1px solid var(--blue) !important;
}
.theme1 .expandable-content-link{
  color: var(--blue) !important;
}
.theme1 .expandable-content-link:hover, .theme1 .expandable-content-link:focus{
  background: var(--grey) !important;
  color: var(--blue) !important;
}
.theme1 .expand-arrow{
  background-color: var(--grey) !important;
}
.expandable-content-wrapper p{
  width: 100% !important;
}
.expandable-content-widget .expandable-container .collapse .col-sm{
  padding: 25px !important;
}
.expandable-content-wrapper em{
  font-size: inherit !important;
  font-weight: inherit !important;
}
.expandable-content-widget .expandable-content-link{
  font-size: 18px !important;
}

/* TABBED CONTENT INSIDE */
.tab-content .tab-content-nav ul li:hover, .tab-content .tab-content-nav ul li.active-tab{
  background: var(--khaki) !important;
}
.tab-content .tab-content-nav ul li{
  background: var(--blue) !important;
  border-left: 1px solid var(--white);
  border-right: 1px solid var(--white);
}
.tab-content .tab-content-nav ul li{
  color: var(--white) !important;
  font-size: 12px !important;
}
.tab-content span#tab-mobile-selection{
  background-color: var(--blue) !important;
}

/* CONTACT STAFF */
.contact-card-widget .staff-category-title.department-title-alignment-left{
  text-align: center !important;
  margin-top: 50px !important;
}
.contact-card-widget .staff-category-title.department-title-alignment-left{
  color: var(--blue) !important;
  font-size: clamp(24px, 3vw, 40px) !important;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner .detail-item h3{
  font-weight: 500 !important;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4{
  font-weight: 300 !important; 
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo{
  background-size: cover !important;
  background-position: top !important;
  width: 220px !important;
  height: 260px !important;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner .detail-item span{
  font-weight: 500 !important;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item{
  background-color: var(--grey) !important;
  border: 1px solid var(--blue) !important;
}
.contact-card-widget.card-view .contact-card-wrapper.contact-card-alignment-left{
  justify-content: center !important;
}
.div-add-to-contact{
  display: none !important;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa{
  color: var(--blue) !important;
}