/* Theme Name: Station NWA
Description: Template
Version: 1.0
Author: Maven Creative */
@import "css/bootstrap.min.css";
* { font-optical-sizing: auto; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden; background: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.slide-out-open { right: 60%; }
body.bg-color-grey { background: #f0d4a3; }
body.bg-color-blue { background: #0f94b4; }
body.bg-color-beige { background: #f0d4a3; }
body.bg-color-green { background: #43695b; }
body.bg-color-black { background: #000; }
a { text-decoration: none; color: #00022b; cursor: pointer; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; }
a:hover { text-decoration: none; }
.clear { clear: both; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.v-align { display: flex; align-items: center; align-content: center; flex-direction: column; justify-content: center; }
img { max-width: 100%; }
.z-2 { z-index: 2; }
.ratio { position: relative; display: block; overflow: hidden; }
.ratio:before { content: ''; display: block; padding-bottom: var(--aspect-ratio); }
.ratio img, .ratio video, .ratio iframe { position: absolute; left: 0; top: 0; height: 101%; width: 101%; object-fit: cover; }
.btn { padding-left: 25px; padding-right: 25px; outline: none !important; box-shadow: none !important; font-size: 15px; font-weight: 500; font-weight: 600; text-decoration: none !important; }
.btn-white { background: #f8f7f1; border-radius: 100px; }
.btn-black { padding: 12px 28px; background: #000; border-radius: 100px; color: #f2a902; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: .9px; }
.btn-black:hover { background: #f2a902; color: #000; }
.btn-big { padding-top: 14px; padding-bottom: 14px; font-size: 18px; }
.btn-red { padding: 10px 40px; background: #c92423; border-radius: 10px; border: 2px solid #c92423; color: #f3f0e7; font-size: 17px; letter-spacing: 0.5px; }
.btn-primary { padding: 10px 40px; background: #f8f7f1; border-radius: 10px; border: 2px solid #f8f7f1; color: #000; font-size: 17px; letter-spacing: 0.5px; }
.btn-primary img { transition: filter .15s ease-in-out; }
.btn-primary:hover img { filter: brightness(0) invert(100%); }
.btn-primary:active, .btn-primary:hover { background: #000 !important; border: 2px solid #000 !important; color: #f8f7f1 !important; }
.btn-secondary { padding: 10px 40px; background: transparent; border-radius: 10px; border: 2px solid #f8f7f1; color: #f8f7f1; font-size: 17px; letter-spacing: 0.5px; }
.btn-secondary:hover {background: #f8f7f1; color: #000; border-color: #f8f7f1}
.btn-outline-yellow { padding: 10px 40px; border: 3px solid #f2a902; border-radius: 100px; color: #000; font-size: 18px; letter-spacing: 0.5px; }
.btn-outline-yellow:hover { background: #f2a902; color: #000; border-color: #f8f7f1;}
.btn-outline-white { border: 3px solid #fff; border-radius: 100px; color: #000; font-size: 18px; letter-spacing: 0.5px; }
.btn-md { font-family: Helvetica; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #f3f0e6; }
/* .bg-cream .h1, .bg-cream .h2, .bg-cream .h3, .bg-cream .h4, .bg-cream .h5, .bg-cream .h6, .bg-cream h1, .bg-cream h2, .bg-cream h3, .bg-cream h4, .bg-cream h5, .bg-cream h6 { color: #000; } */
/* .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6 { color: #000; } */
.spacer-xs { height: 5px; }
.spacer-sm { height: 15px; }
.spacer-md { height: 30px; }
.spacer-lg { height: 45px; }
.spacer-xl { height: 60px; }
.spacer-xxl { height: 90px; }
.lh-1-4 p { line-height: 1.4; }
.text-cream { color: #f3f0e6 !important; }
.text-black { color: #000 !important; }
p { margin-bottom: 30px; font-weight: 400; font-size: 18px; line-height: 1.5; letter-spacing: 0.1px; color: #FFF; opacity: 0.7;}
li {color: #b2b2b2;}
p a {color: #dd3332;}
.p-30 { padding: 30px; }
.p-45 { padding: 45px; }
.p-60 { padding: 60px; }
.p-75 { padding: 75px; }
.pl-60 { padding-left: 60px; }
.rounded-corners-1 { overflow: hidden; border-radius: 9px; }
.rounded-corners-2 { overflow: hidden; border-radius: 10px; }
.rounded-corners-3 { overflow: hidden; border-radius: 10px; }
.rounded-corners-4 { overflow: hidden; border-radius: 9px; }
.rounded-corners-5 { overflow: hidden; border-radius: 5px; }
.display-xxl { font-family: 'Heading Now 57'; font-weight: 700; font-size: 84px; text-transform: uppercase; line-height: 0.9; }
.display-xl { font-family: 'Heading Now 57'; font-size: 60px; text-transform: uppercase; line-height: 0.9; }
.display-lg { font-family: 'Heading Now 57'; font-size: 32px;  font-weight: 400;}
.display-md { font-family: 'Heading Now 57'; font-size: 24px; text-transform: uppercase; }
.display-sm { font-family: 'Heading Now 57'; font-size: 44px; font-weight: 500; text-transform: uppercase; }
.display-xs { font-family: 'Heading Now 57'; font-size: 12px; letter-spacing: 1px; font-weight: 500; }
.heading-1 { font-family: 'Heading Now 1'; }
.heading-2 { font-family: 'Heading Now 2'; }
.heading-10 { font-family: 'Heading Now 10'; }
.heading-55 { font-family: 'Heading Now 55'; }
.heading-57 { font-family: 'Heading Now 57'; }
.gap-xxs { gap: 8px; }
.gap-xs { gap: 10px !important; }
.gap-sm { gap: 20px; }
.gap-md { gap: 30px; }
.overflow-hidden { overflow: hidden; }
.text-xl { font-size: 20px; letter-spacing: 0.2px; }
.text-lg { font-size: 16px; letter-spacing: 0.2px; }
.text-md { font-size: 14px; letter-spacing: 0.2px; }
.text-sm { font-size: 12px; letter-spacing: 0.2px; }
.text-xl p, .text-lg p, .text-md p, .text-sm p { font-family: inherit; font-size: inherit; }
.text-dark { color: #f3f0e6 !important; }
.text-white { color: #f3f0e6 !important; }
.text-light { color: #f3f0e6 !important; }
section.spacing-top-extra-large { padding-top: 120px; }
section.spacing-top-large { padding-top: 90px; }
section.spacing-top-medium { padding-top: 60px; }
section.spacing-bottom-x-large { margin-bottom: 120px; }
section.spacing-bottom-large { margin-bottom: 90px; }
section.spacing-bottom-medium { margin-bottom: 60px; }
section.spacing-bottom-small { margin-bottom: 30px; }
section.overlap { padding-top: 1px; }
section.overlap .module-wrap:first-child { margin-top: 0; }
section.overlap .module-wrap { margin-top: -100px; }
section.group-padding .section-inside { padding: 30px 20px; max-width: 1455px; margin: 0 auto; border-radius: 60px; }
section.background-color-yellow .section-inside { background: #f2a902; }
section.background-color-gray .section-inside { background: #e1ded2; }
section.background-color-dark-green .section-inside { background: #000000; }
section.background-color-red {background: #ca2423;}
section.background-color-red p {color: #f3f0e6; opacity: 1;}

.text-gray, .text-gray p, .text-gray a { color: rgba(0, 0, 0, .6); }
.bg-cream { background-color: #000; }
.bg-gray { background-color: #000; }
/* .bg-white {background: #f3f0e6 !important;} */
.b-orange { border: 4px solid #F2A900; }

.tags { display: flex; flex-wrap: wrap; gap: 10px 20px; padding-left: 0; margin-left: 0; margin-bottom: 0; }
.tags.tags-light .tag { background-color: #fff; }
.tags.tags-light .tag.is-active, .tags.tags-light .tag:hover { background-color: #F2A900; color: #000; }
.tags .tag { padding: 4px 18px; }


.background-color-red .tag {color: #f8f7f1;}
.tag { display: inline-block; border-radius: 100px; color: #c92423; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1.5px; font-family: 'States Grotesque'; }
.tag.bd-gray { border:2px solid #dd3332; border-radius: 4px; color: #F3F0E5; font-weight: 600; padding: 4px 10px; font-size: 12px;}
/* .background-color-transparent .tag {color: #c92423;} */

/* .tag.bd-white { border-color: #FFF; }
.tag.bd-light { border-color: rgba(255, 255, 255, .6); color: rgba(255, 255, 255, .6); }
.tag.bd-gray { border-color: #a3a79d; color: #000; font-weight: 600; }
.tag.bd-black { border-color: #000; }
.tag.bg-white { background: #f3f0e6; color: #000; } */
.container { position: relative; max-width: 1485px; }
.slick-arrow { width: 35px; height: 35px; }
.slick-arrow:before { content: none; }
.slick-arrow path { transition: fill .3s ease; }
.slick-arrow:not(.slick-disabled):hover path { fill: #000; }
.slick-prev svg { transform: scaleX(-1); }
.slick-disabled { pointer-events: none; }
.slick-disabled path { fill: rgba(255, 255, 255, .6); }
header { position: absolute; top: 0; z-index: 10; width: 100%; }
header .container { display: flex; align-items: center; padding: 30px }
header .logo { max-width: 360px; transition: all .3s ease; }
header .logo-container { position: relative; display: block; width: 163px; }
header .logo-container .logo-star { filter: invert(); }
header .logo-container .logo-gear { position: absolute; left: 0; top: 0; filter: invert(); transition: transform 0.05s linear; }
header .spacer-right { width: 10%; }
.main-menu {border-radius: 100px; font-weight: 500; transition: all .3s ease; }
.main-menu ul { display: flex; justify-content: space-between; margin: 10px 0 0; padding: 0; }
.main-menu ul li { padding: 7px 15px; list-style: none; }
.main-menu ul li a { position: relative; display: block; padding: 0 10px; color: #FFF; font-size: 15px; text-transform: uppercase; font-family: "States Grotesque"; letter-spacing: 0.5px;}
.main-menu .has-children > a:before { content: ""; position: absolute; right: 0; left: 0; top: 100%; display: block; height: 0; }
.main-menu .has-children.has-hover > a:before { height: 50px; }
.main-menu ul .has-children .has-hover-icon { position: absolute; right: -5px; top: 0; }
.main-menu .has-hover .sub-menu { opacity: 1; pointer-events: all; transform: none; transition: transform 300ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.main-menu ul .sub-menu { position: absolute; left: 0; right: 0; z-index: 2; top: calc(100% + 13px); box-shadow: 0px 4px 14px 0 rgba(0,0,0,.35); background-color: #fff; border-radius: 12px; opacity: 0; pointer-events: none; transform: translateY(-1rem); transition: transform 0ms 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 350ms 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.main-menu ul .sub-menu li { position: relative; z-index: 2; padding: 0; }
.main-menu ul ul a { padding-left: 40px; padding-left: 40px; color: #000; }
.main-menu ul li a:hover {color: #c82423;}
.main-menu ul ul img { position: absolute; left: 0; top: 0; width: 28px; height: 28px; object-fit: contain; }
.main-menu .sub-menu-left { display: flex; width: 100%; }
.main-menu .sub-menu-left > a { display: block; padding: 27px 30px 40px 70px; width: 50%; background-color: #F3F0E5; border-radius: 12px; background-color: #F3F0E5; }
.main-menu .sub-menu-left img { top: 25px; left: 30px; }
.main-menu .sub-menu-right { gap: 26px; display: flex; flex-direction: column; width: 50%; padding: 27px 30px 40px; }
.main-menu .sub-menu-right img { top: -2px; left: 0; }
.sub-menu-title { font-weight: 700; font-size: 16px; }
.sub-menu-text { display: block; max-width: 230px; margin-top: 8px; color: #000000; font-size: 14px; line-height: 1.35; opacity: .5; }
.sub-menu-title { transition: color .3s ease; }
.main-menu ul ul a:hover .sub-menu-title { color: #f2a902; }
.main-menu [aria-current="page"] { color: #c82423; }
.nav { position: fixed; z-index: 3; top: 0; left: 0; right: 0; display: none; overflow: hidden; height: 100svh; background-color: #000; }
.nav-scroller { padding-top: 124px; width: 100%; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
/* .nav-open header .logo { max-width: 65px; } */
.nav-open { overflow: hidden; }
.nav-open .main-menu { transform: translateY(-1rem); opacity: 0; pointer-events: none; }
/* .nav-open .menu-right { margin-top: 15px; } */
.nav-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px 40px; }
.nav .container { padding: 0 60px; }
.nav-row > ul { margin-bottom: 0; min-height: 345px; margin-left: 0; padding: 40px 30px; background-color: #fff; border-radius: 20px; list-style-type: none; }
.nav-row > ul > li > a { margin-bottom: 25px; color: #ca2423; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: .2px; }
.nav-row a { transition: .3s ease color; }
.nav-row a:hover { color: #ca2423; }
.nav-row .sub-menu { padding-left: 0; font-weight: 700; color: #000; list-style-type: none; }
.nav-row .sub-menu a { display: block; padding: 14px 12px; border-top: 2px solid #E7E4DA; }
.nav-row .sub-menu li:first-of-type a { border-top: 0; }
.nav-box { position: relative; flex-wrap: wrap; width: calc(200% + 40px); overflow: hidden; padding: 30px 22px 14px 30px; border-radius: 20px; background-color: #000; color: #fff; }
.nav-box:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to top,#000, transparent); }
.nav-box img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; }
.nav-box span { position: relative; z-index: 2; display: block; }
.nav-box-date { width: 100%; font-size: 14px; font-weight: 700; }
.nav-box-title { width: 100%; padding-right: 100px; margin-top: 5px; font-size: 32px; font-weight: 700; }
.nav-box-cat { position: absolute !important; right: 22px; bottom: 14px; font-size: 14px; text-transform: uppercase; font-weight: 700; }
.nav .socials { gap: 24px; }
.nav .socials path { transition: fill .3s ease; }
.nav .socials a:hover path { fill: #f2a902; }
.menu-right {transition: margin-top .3s ease; }
.menu-right .btn { height: 36px; padding: 0 20px; text-transform: uppercase; line-height: 36px; }
.menu-right .btn:hover {color: #ca2423;}
.menu-right .search-btn { padding-left: 0; padding-right: 0; width: 36px; }
.image-bg { position: relative; border-radius: 9px; overflow: hidden;}
.image-bg > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.footer-top { color: #F3F0E5; background: #ca2423;}
.footer-top p { max-width: 640px; }
.footer-top > img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top-left-radius: 72px; border-top-right-radius: 72px; object-fit: cover; }
.footer-top-btn { margin-top: 20px; }
/* .footer-top .display-xl { font-size: 52px; line-height: 1; font-weight: 500; } */


.footer-mid {background: #ab1e1c;}
.footer-mid .display-lg {color: #f3f0e6; line-height: 1; font-size: 36px;}
.footer-mid-buttons { row-gap: 15px; column-gap: 22px; }

.footer-bottom { z-index: 2; background-color: #f3f0e6; }
.footer-bottom .logo { max-width: 283px; }
.footer-bottom .grid { padding-left: 220px; }
.footer-bottom h3 { margin-bottom: 20px; font-size: 14px; color: #BF5700; }
.footer-bottom .grid ul { display: flex; flex-direction: column; gap: 10px 0; padding-left: 0; margin: 0; list-style-type: none; }
.footer-bottom a:hover, .footer-bottom .current-menu-item { color: #BF5700; }
.footer-bottom .socials { gap: 19px; }
.footer-bottom .socials a path { transition: fill .3s ease; }
.footer-bottom .socials a:hover path { fill: #BF5700; }
.footer-bottom .copy {font-size: 16px; }
.footer-bottom .copy p { margin-bottom: 0; color: #000; font-weight: 600;}
ul#menu-footer { display: flex; flex-direction: row; gap: 40px; justify-content: flex-end; padding-left: 0; margin: 0; list-style-type: none; }
ul#menu-footer > li { display: block; padding: 0 20px; }
ul#menu-footer > li > a { display: block; margin-bottom: 20px; font-size: 14px; color: #c92423; font-weight: 700; text-transform: uppercase; }
ul#menu-footer .sub-menu > li > a {font-weight: 500; font-size: 15px;}
.copy p { margin-bottom: 0; font-size: 15px; font-weight: 400; }
.copy a { text-decoration: underline !important; text-decoration-color: #000; }
.copy a:hover { color: #000; text-decoration-color: transparent !important; }
.newsletter { padding: 40px 60px 36px; background-color: #000; color: #fff; }
.newsletter h4 { margin-bottom: 20px; font-size: 20px; }
.newsletter p { max-width: 244px; margin-bottom: 0; font-size: 16px; line-height: 1.4; }
.newsletter .gfield { position: relative; }
.newsletter .gfield input { padding: 12px 28px !important; border: 3px solid #F2A900 !important; border-radius: 100px !important; background: transparent !important; font-weight: 500 !important; font-size: 12px !important; color: #F3F0E5 !important; letter-spacing: 1px !important; text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 1.5px !important; }
.newsletter .gfield input[type="email"] { min-width: 285px; }
.newsletter .gfield input::-webkit-input-placeholder, .newsletter .gfield input::-moz-placeholder, .newsletter .gfield input:-ms-input-placeholder, .newsletter .gfield input:-moz-placeholder { font-size: 12px !important; font-weight: 500; font-family: Arial, Helvetica, sans-serif !important; color: #F3F0E5; letter-spacing: 1px; }
.newsletter .gform_fields { display: flex !important; }
.newsletter .gfield input[type="submit"] { background-color: #fff !important; font-size: 12px !important; color: #000 !important; }
.newsletter .gfield input[type="submit"]:hover { background: #F2A900 !important; }
.newsletter .gform_body .gfield .gform-loader { position: absolute; left: 100%; top: 50%; margin: -9px 20px; filter: brightness(0) invert(100%); transform: translateY(-50%); }
.newsletter .validation_message { position: absolute; left: 0; top: 100%; width: 120%; }
.newsletter .gform-footer { padding-top: 0 !important; margin: 0 !important; }
.gform_wrapper { text-align: left; }
.gform_wrapper .gform_body legend, .gform_wrapper .gform_body label { font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; font-weight: 700; opacity: 1; }
body .gform_wrapper .gform_button { padding: 10px 40px !important; background: #F2A903 !important; border-radius: 100px !important; border: 2px solid #f2a902 !important; font-family: Arial, Helvetica, sans-serif !important; text-transform: uppercase !important; color: #000 !important; font-size: 16px !important; letter-spacing: 1.5px !important; font-weight: 700 !important; }
.gform_wrapper input { padding: 10px 25px !important; height: auto !important; background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; line-height: 30px !important; }
.gform_wrapper select { padding: 10px 25px !important; height: auto !important; background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; line-height: 30px !important; }
.gform_wrapper textarea { padding: 25px !important; background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; }
.gform_wrapper .gfield_required_text { display: none; }
.gform_wrapper .gfield_required:after { content: "*"; font-size: 20px; line-height: 0.5; }
.gform-theme--foundation .gform_fields { row-gap: 30px !important; }
.gfield_radio { flex-direction: row !important; align-items: center; }
.gfield_radio .gform-field-label { display: block !important; line-height: 35px !important; }
body .gfield-choice-input { height: 35px !important; width: 35px !important; padding: 15px !important; aspect-ratio: 1 / 1 !important; }
.gform-footer { justify-content: center !important; padding-top: 30px !important; }
.ts-control { padding: 10px 25px !important; height: auto !important; background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; line-height: 30px !important; }
.ts-control .item { display: inline-block; background: #000 !important; border-radius: 10px; color: #f4f0e5 !important; }
.ts-dropdown { position: absolute !important; max-height: 400px !important; overflow: scroll !important; border: 2px solid #000 !important; border-radius: 10px !important; }
.ts-dropdown-content { padding: 10px 25px !important; height: auto !important; background: #f4f0e5 !important; line-height: 30px !important; }
.ts-dropdown .option { color: #000; }
.ts-dropdown .option.active { background: #000 !important; border-radius: 10px; color: #f4f0e5 !important; }
.post-password-form { }
.post-password-form input[type="password"] { padding: 5px !important; background: transparent !important; border: 2px solid #000 !important; border-radius: 10px !important; }
.post-password-form input[type="submit"] { padding: 8px 20px; background: #f2a900; border: none; border-radius: 10px; font-weight: 700; font-size: 18px; cursor: pointer; }
/* * page events * */
.page-template-template-events { background-color: #D6D2C4; }
.page-template-template-events .events-address img { width: 20px; height: 20px; object-fit: contain; object-position: left center; }
.modal-content { padding: 30px; border-radius: 60px; background: #f3f0e6; }
.modal-title { color: #000; }
.single-mentor img.mentor-avatar { width: 200px; height: 200px; background: #FFF; aspect-ratio: 1 / 1; object-fit: cover; }
.submenu-container { position: sticky; top: 0; z-index: 5; margin-top: -120px; padding: 15px 0; text-align: center; }
.submenu { display: inline-block; padding: 25px 40px; background: #f2a900; border-radius: 20px; }
.submenu ul { padding: 0; margin: 0; }
.submenu ul li { display: inline-block; margin: 0 7px; }
/* * page articles * */
.articles-section { margin-top: 0; }
.articles-grid .article-col { padding-left: 17px; padding-right: 17px; margin-bottom: 34px; }
.article-card { overflow: hidden; border: 2px solid #F2A900; }
.article-card:hover { border-color: #000; }
.article-card-img { object-fit: cover; }
.article-card-text { flex-direction: column; padding: 20px 30px; color: #000; }
.article-card-text h3 { margin-bottom: 12px; line-height: 100%; font-size: 20px; color: inherit; }
.article-card-text p { margin-bottom: 0; line-height: 1.4; }
.articles-pagination a, .articles-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 100px; border: 2px solid transparent; font-size: 15px; font-weight: 600; color: #000; transition: all .2s ease; }
.articles-pagination a:hover { border-color: #f2a900; background: #f2a900; color: #000; }
.articles-pagination .current { background: #000; border-color: #000; color: #f2a900; }
.site-by a { text-decoration: none !important; font-size: 14px; }
.site-by a:hover { color: #d83d1b; }

@media screen and (max-width: 767px) {
  .article-card-text { padding: 16px 20px; }
}