@font-face {
    font-family: 'TWKEverettMono';
    src: url('../fonts/TWKEverettMono/TWKEverettMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Schnyder';
    src: url('../fonts/Schnyder/SchnyderWide-SLight-Web.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cordier1';
    src: url('../fonts/Cordier1/CordierScript-Regular.woff') format('woff2'),
         url('../fonts/Cordier1/CordierScript-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cordier1-Linked';
    src: url('../fonts/Cordier1/CordierScript-Linked.woff') format('woff2'),
         url('../fonts/Cordier1/CordierScript-Linked.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Cordier2';
    src: url('../fonts/Cordier2/CordierScript-Regular.woff') format('woff2'),
         url('../fonts/Cordier2/CordierScript-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cordier2-Linked';
    src: url('../fonts/Cordier2/CordierScript-Linked.woff') format('woff2'),
         url('../fonts/Cordier2/CordierScript-Linked.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville/Baskervville-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ==============================
   BASE TYPOGRAPHY
============================== */

p {
  font-family: 'Baskerville', serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.02em; /* replaces invalid 2% */
  font-variant-numeric: tabular-nums;
  margin-bottom: 1em;
}


/* ==============================
   SCHNYDER
============================== */

.font-Schnyder h2,
.font-Schnyder p {
  font-family: 'Schnyder', serif !important;
}

/* ==============================
   BASKERVILLE
============================== */

.font-Baskerville p {
  font-family: 'Baskerville', serif !important;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.content-area ul li {font-family: 'Baskerville', serif;}

/* ==============================
   CORDIER 1 (Linked Script)
============================== */

.font-Cordier1 h2,
.font-Cordier1 p,
.font-Cordier1-Linked h2,
.font-Cordier1-Linked p {
  font-family: 'Cordier1-Linked', cursive !important;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  font-kerning: normal;
  font-feature-settings: "liga" 1, "clig" 1, "calt" 1;
  font-variant-ligatures: common-ligatures contextual;
  text-rendering: optimizeLegibility;
  margin-bottom: .5rem;
}

.copyright-footer {
    font-size: .8rem;
}

/* ==============================
   CORDIER 2
============================== */

.font-Cordier2 h2,
.font-Cordier2 p {
  font-family: 'Cordier2', serif !important;
}

.font-Cordier2-Linked h2,
.font-Cordier2-Linked p {
  font-family: 'Cordier2-Linked', serif !important;
}

.TWKEverettMono {font-family: 'TWKEverettMono', serif !important; letter-spacing: 30%; line-height: 1.6;}

/* === Common === */

a.button.is-underline span {
	font-family: Baskervville;
	font-weight: 400 !important;
	font-style: normal;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 30%;
	text-transform: uppercase;
}

.wpforms-submit {
	font-family: Baskervville !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 100%;
	letter-spacing: 30% !important;
	text-transform: uppercase;
	font-size: .75rem !important;
}

.banner h5, .banner h6, .banner p {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.flickity-prev-next-button {width:50px;}



.button.is-underline:before {
    right: 0 !important;
    left: auto !important;
    width: 30%;
    transition: width .3s ease;
	height: 1px;
}

.button.is-underline:hover:before {
    width: 100%; height: 1px ;
}

.sidebar-menu .menu-item-has-children .children .menu-item a {
	font-family: 'TWKEverettMono', serif !important;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-size: .6em;
	color: #F6FF42 !important;
}
.sidebar-menu .menu-item-has-children .children .menu-item a:hover{color:#ff5415 !important;}

.sidebar-menu .menu-item-has-children .children .current-menu-item > a,
.sidebar-menu .menu-item-has-children .children .current_page_item > a {
  color: #ff5415 !important; /* your active color */
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
  scrollbar-width: thin;              /* Firefox */
  scrollbar-color: rgba(0,0,0,0.2) transparent;
}

/* Chrome, Edge, Safari */
.off-canvas-left .mfp-content::-webkit-scrollbar,
.off-canvas-right .mfp-content::-webkit-scrollbar {
  width: 4px;
}

.off-canvas-left .mfp-content::-webkit-scrollbar-track,
.off-canvas-right .mfp-content::-webkit-scrollbar-track {
  background: transparent;
}

.off-canvas-left .mfp-content::-webkit-scrollbar-thumb,
.off-canvas-right .mfp-content::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
}


.footer-menu a {
    text-decoration: none;
    transition: opacity 0.3s ease;
}
.footer-menu a span {font-family: 'Baskerville', serif;}
.footer-menu a:hover {
    opacity: 0.7;
}

.back-to-top {
    bottom: 5vh;
}	
.nav-sidebar .menu-item a {font-size: 1em; font-family: 'Baskerville', serif; color: #ffffff!important;}
.nav-sidebar.nav-vertical>li+li {border-top: 1px solid #ececec00;}
/* Mobile Sidebar Background */
.mfp-wrap.off-canvas-left.mfp-ready .mfp-content{
    background: #193630 url("sidebar.png") center/cover no-repeat !important;
}
.mfp-close-btn-in .mfp-close {color: #DEDD40;}
.mfp-ready .mfp-close { opacity: .9;}

.nav-sidebar  .icon-angle-down:before {color: #FFFFFF;}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #FD8D80;
    border: 1px solid #FD8D80;
}
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #ffffff;
}



@media only screen and (min-width: 48em) {
/* Make footer menu horizontal */
.footer-menu {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    gap: 20px;
}

.footer-menu .menu-item {
    margin: 0;
}

.rem-six {font-size: 6rem  !important;}
.big-font {font-size: 10em !important;}

}


@media only screen and (max-width: 48em) {
.ux-menu-link.flex.menu-item {
    margin: 0 auto !important;
}

/* this for ux banner full height issue fix */
.page-id-671 .is-full-height,
.page-id-1213 .is-full-height,
.page-id-670 .is-full-height {
    height: 46.26vh !important;
    min-height: unset !important;
}
  
  
}