/**
 * Theme Name: atk_na_lei_hulu
 * Theme URI: https://artkade.com
 * Author: Artkade
 * Author URI: https://artkade.com
 */

html { font-size: 62.5%; } 
body { color: inherit; font-family: var(--fontbody); font-optical-sizing: auto; font-size:18px; font-size:1.8rem; font-weight: 500; color:#0B0212; }

/* ============== GLOBAL VARIABLES ============== */
:root {
	--default	: #0B0212;
	--teal		: #22757F;
	--bluefade	: rgba(3, 43, 48, .8);
    --yellow    : #FFD53D;
	--green		: #6E860A;
	--linen		: #EAE7E0;
	--headreg	: 'Benzin-Regular', sans-serif;
    --headmed	: 'Benzin-Medium', sans-serif;
	--headsemi	: 'Benzin-Semibold', sans-serif;
	--headxbol	: 'Benzin-Xbold', sans-serif;
	--headbold	: 'Benzin-Bold', sans-serif;
    --fontbody  : 'Barlow', sans-serif;
}
/* =================== HEADER =================== */
#top-menu .current-menu-item a { 
  color: var(--yellow) !important; 
  background: rgba(3, 43, 48, .8);
} 
#primary-menu-list .current_page_item a {
  color: var(--yellow) !important;
}

/* Prevent click flash on TOP-LEVEL nav links */
#primary-menu-list.uk-navbar-nav > li > a:focus,
#primary-menu-list.uk-navbar-nav > li > a:active,
#primary-menu-list.uk-navbar-nav > li > a:focus-visible {
  color: var(--linen) !important;
}

/* Prevent click flash on DROPDOWN submenu links */
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav li a:focus,
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav li a:active,
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav li a:focus-visible {
  color: var(--linen) !important;
}

/* Keep yellow on the current submenu item even during click */
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav .current-menu-item a,
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav .current-menu-item a:focus,
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav .current-menu-item a:active,
#primary-menu-list .uk-navbar-dropdown .uk-navbar-dropdown-nav .current-menu-item a:focus-visible {
  color: var(--yellow) !important;
}
.custom-logo { max-width: 424px; position: relative; z-index: 1;}
.uk-navbar-container { background: linear-gradient(90deg, #22757F 0%, #0B0212 100%)!important; }
.uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-nav-sub a { font-size: 1.4rem; font-family: var(--headsemi); }
.header-bkgrd-text { color: rgba(50, 172, 190, .3); font-family: var(--headbold);font-size: 102px; position: absolute; top: -20px;font-weight: 900; left: 38px; }
.uk-navbar-right .uk-navbar-item, .uk-navbar-right .uk-navbar-nav>li>a, .uk-navbar-right .uk-navbar-toggle { align-items: end; padding-bottom: 5px; }

.uk-nav-sub li a { color: inherit!important; }
.uk-navbar-dropdown { top: 80px!important; background-color: #153e49; }
.uk-navbar-dropdown ul li a { font-family: var(--headreg); font-size: 1.2rem; letter-spacing: 0.0125em; cursor: pointer; padding: 8px 0; border-bottom: 1px solid rgba(235, 235, 235, 0.2); margin: 4px 0; }
.video-height { max-height: calc(100vh - 117px); }
.top-menu-container { position: absolute; top: -45px; right: 0; }
.top-menu-container ul li a { background: #1B5D65; padding: 10px 20px 7px; border-radius: 6px; color: #fff; }
.top-menu-container ul li a:hover { background: var(--yellow); color: var(--bluefade); }
.menu-item-has-children > a { cursor: default; }
.uk-navbar-nav > li.uk-open > a {color: var(--linen)!important; background: transparent!important;}
.uk-drop { padding: 20px!important; }

/* ================= EVENTS ================= */
#ect-events-list-content .ect-list-post { background-color: rgba(43, 43, 43, 0.50)!important; padding: 0; }
#ect-events-list-content h2.ect-list-title, #ect-events-list-content h2.ect-list-title a.ect-event-url, .ect-clslist-event-info .ect-clslist-title a.ect-event-url, #ect-no-events p {
	font-family: var(--fontbody)!important; color: var(--yellow)!important; font-size: 2rem!important; text-transform: uppercase; }
#ect-events-list-content .style-2 .modern-list-right-side { background: transparent!important; padding: 0!important; border-radius: 0!important; }
#ect-events-list-content .ect-list-date .ect-date-area, .ect-list-date .ect-date-area .ev-day, .ect-list-date .ect-date-area .ev-mo, .ect-list-date .ect-date-area .ev-yr { font-family: var(--fontbody)!important; color: var(--linen)!important; font-size: 1.6rem!important; font-weight: 400!important; }
#ect-events-list-content .ect-events-read-more { font-family: var(--headsemi); font-size: 1.6rem; text-transform: uppercase; color: var(--yellow)!important; text-align: right; position: absolute; bottom:20px; right: 40px;}
#ect-events-list-content .ect-events-read-more:hover { color: var(--green)!important; }
.ect-list-post-left { min-height: 326px!important; width: 70%!important;}
.ect-list-img { background-position: top center!important; }
.ect-list-post-right, .ect-list-post-right .ect-list-description { width: 100%!important; }
.modern-list-right-side { width: 100%!important; justify-content: normal!important; display: contents!important; }
.ect-list-date .ect-date-area .ev-day, .ect-list-date .ect-date-area .ev-mo, .ect-list-date .ect-date-area .ev-yr { clear: none!important; width: auto!important;}
.ect-list-date .ect-date-area .ev-mo::before { content: 'Date: '; font-weight: 600;}
/*.ect-list-date .ect-date-area .ev-mo::after { content: ', ';}*/
.ect-event-cats {background: #6E860A;}
.ect-event-cat {font-size: 1.6rem; font-family: var(--headmed); font-weight: 600; text-transform: uppercase; background: var(--green); padding: 15px 40px 10px; position: absolute; top: 0; right: 0; }
.tribe-events-venue-map { width: 100%; }
.tribe-events-single>.tribe_events>:not(.primary,.secondary,.tribe-events-related-events-title,.tribe-related-events) { width: 46%; margin-right: 40px; }
.tribe-events-meta-label, .tribe-events-meta-value { display: inline-block!important; }
.tribe-events-meta-item { font-family: var(--fontbody)!important; font-size: 16px!important; }
.tribe-events-meta-group { width: 268px!important; }
.tribe-events-content--no-featured-image { width: 100%!important; }
#ect-no-events p {display: none; }

/* ================= TYPOGRAPHY ================= */
h1, h2 { font-family: var(--headxbol); line-height: 1.15em; }
h3, h4, h5, h6 { font-family: var(--headbold); line-height: 1.15em; }
p { font-family: var(--fontbody); margin: 20px 0; color: inherit; line-height: 1.3em;}
em { color: inherit; font-family: inherit; }
strong { font-weight: 700; }
a { color: var(--teal); font-weight: 600;}
a:hover { color: var(--green);}
h1 { font-size: 6.4rem; }
h2 { font-size: 6.4rem; }     
h3 { font-size: 2.4rem;  }
h4 { font-size: 2rem; }
h5 { font-size: 1.8rem; }
p:empty { display: none; }
.post-author {font-size: 1.6rem;  color: var(--bluefade); margin-top: 5px; }

/* ================= BLOCK STYLES ================= */
.uk-button.button-text { font-family: var(--headsemi); font-size: 2.8rem!important; font-weight: normal;}
.uk-overlay { padding: 20px; }
.uk-overlay-primary {background: rgba(3, 43, 48, 0.82);}
.grid-title { font-family: var(--headsemi); font-size: 1.4rem; text-transform: uppercase; line-height: 1.2em;margin-bottom: 0; text-align: center; }
.grid-title a {text-align: center;}
.grid-title a:hover { text-decoration: none; color: var(--green); }
.post-meta-date { text-align: center; font-size: 1.4rem; font-weight:700; }
.readmore { font-family: var(--fontbody);  }
.posts-pagination { padding: 30px 0; text-align: center; margin-bottom: 40px; }
.prev.page-numbers, .next.page-numbers { font-family: var(--fontbody); font-size: 1.8rem; color: var(--teal); font-weight: 600; }
.prev.page-numbers:hover, .next.page-numbers:hover { color: var(--green); background: var(--linen); }
.page-numbers { padding: 5px 14px; border: 1px solid var(--linen); border-radius: 4px; color: var(--teal); font-size: 1.8rem; font-family: var(--fontbody); font-weight: 500; background: var(--linen); }
.page-numbers:hover { color: var(--green); background: var(--linen); padding: 5px 14px; }
.page-numbers.current { background: var(--green); color: var(--linen); padding: 5px 14px; border: 1px solid var(--green);}
.wp-block-list { padding-left: 40px; }
.wp-block-embed-youtube iframe,
.wp-block-embed iframe { width: 800px !important;height: 450px !important; }


/* ================= GLOBAL STYLES ================= */
.break { display: block; }
.awards-style .uk-accordion-title { color: var(--yellow); font-size: 2.6rem; font-family: var(--headsemi); text-align: center; margin-top: 40px; text-transform: uppercase;}
.awards-style .uk-accordion-title::before { display: none;}
.uk-accordion-title { color: var(--yellow); font-size: 1.6rem; font-family: var(--headreg); text-align: left; margin-top: 40px; text-transform: uppercase; padding-left: 0; }
.uk-accordion-title::before { display: none;}
.uk-open .uk-accordion-title { color: var(--linen); }
.bluefade-color { color: var (--bluefade)!important; }
.float-image { position: absolute; top: -104px; right: -14px; }
.zindex-10 { z-index: 10;}
.blog-post-title { margin: 40px 0 10px 0; font-size: 3.6rem; }
.article-meta { font-size: 1.4rem; font-weight: 700; margin: 0 0 40px 0;}
.article-meta a { color: var(--teal); }
.nav-links { border-top: 1px solid var(--linen); display: flex; margin: 40px 0; }
.nav-previous, .nav-next { width: 50%; display: flex; }
.nav-previous a, .nav-next a { justify-content: center; align-items: center; display: flex;  }
.nav-previous a {  margin: 0 20px 0 0; }
.nav-next a { margin: 0 0 0 20px ; }
.nav-previous a .meta-nav, .nav-next a .meta-nav { color: var(--teal); display: flex; font-weight: 500;}
.nav-next { justify-content: flex-end; }
.wp-block-pullquote { color: var(--bluefade)!important; padding: 40px 0!important; border-top: 2px solid var(--linen)!important; border-bottom: 2px solid var(--linen)!important;}
.wp-block-pullquote blockquote { font-size: 2rem; font-weight: 700; font-style: italic;}
.wp-block-pullquote cite { font-size: 1.6rem; font-weight: 500; margin-top: 15px; }
.wp-block-pullquote cite::before { content: "— "; font-size: 1.6rem; font-weight: 500; }
.single p, .regular p, .regular li { font-weight: 400; }
.wp-block-video video { height: calc(100vh - 100px); }
.same-line-after, .same-line-before {position: relative; overflow: hidden; background:inherit; }
.same-line-after::after, .same-line-before::before { content:''; width: 100%; box-sizing: border-box; height: 1px; margin-left: 10%; background: #ccc; display: block; position: absolute; top: 50%; }
.wp-block-image {width: fit-content!important; }
.stories-label {
    position: absolute;
    top: 20px;
    left: -30px;
    width: 130px;
    background-color: var(--bluefade);
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size:1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    transform: rotate(-45deg);
    transform-origin: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.cat-stories .uk-position-top-left {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100px;
    height: 100px;
    overflow: hidden;
    padding: 0 !important;
}

/* --- PayPal cart embed styling --- */
.paypal-cart-form {
  max-width: 460px;
  margin: 24px 0;
  padding: 18px 18px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  background: var(--bluefade);
}

.paypal-cart-field {
  margin-bottom: 18px;
}

.paypal-cart-label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}

.paypal-cart-select {
  width: 100%;
  padding: 12px 12px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
}

.paypal-cart-select:focus {
  outline: none;
  border-color: rgba(0,0,0,.35);
}

.paypal-cart-actions {
  margin-top: 6px;
}

.paypal-cart-button {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  max-width: 100%;
}

.paypal-cart-button:hover {
	opacity:.7;
}

/* =================== FOOTER =================== */
.foot-wrap { background: linear-gradient(152deg, #22757F 41.01%, #00161B 106.28%); padding: 40px 0; position: relative; }
.footer-divs > div { display: flex; justify-content: center; align-items: center; }
.copy { bottom: 20px; position: absolute; color: rgba(255, 255, 255, .3); font-size: 1.2rem; right: 20px; }
.copy p { margin: 0; color: var(--linen);}

/** ================== | LAPTOP | ================== **/
@media screen and (max-width : 1440px) {

}
/** ================== | LAPTOP | ================== **/
@media screen and (max-width : 1200px) {
  #offcanvas-mobile .uk-offcanvas-bar { background: linear-gradient(0deg, #22757F 0%, #0B0212 100%)!important; }
  .uk-navbar-right .uk-navbar-item, .uk-navbar-right .uk-navbar-nav>li>a, .uk-navbar-right .uk-navbar-toggle { align-items: center; color: #EAE7E0; }
  .top-mobile-logo { margin-bottom: 20px; }
  .ect-event-cat {font-size: 1.2rem; padding: 15px 20px 10px; }
  .tribe-events-single>.tribe_events>:not(.primary,.secondary,.tribe-events-related-events-title,.tribe-related-events) { margin-right: 20px; }
  .single .uk-cover-container { border-radius: 0!important;}
  .break { display: inline; }
  .solid-button { font-size: 1.4rem!important; }
  .uk-offcanvas-bar .uk-nav-default>li>a, .uk-nav-sub a { text-transform: uppercase; font-size: 1.8rem;}
  ul.uk-nav-sub { padding: 5px 0 5px 20px; }
  h1 { font-size: 5.4rem; }
  h2 { font-size: 4.4rem; }
  h3 { font-size: 2.4rem; }
  h4 { font-size: 1.8rem; }
}
/** ================== | TABLET | ================== **/
@media screen and (max-width : 960px) {
    #ect-events-list-content .ect-events-read-more { text-align: center; position: relative; padding-top: 40px; right: 0; bottom: 0;}
    #ect-events-list-content h2.ect-list-title { margin-top: 40px; }
    .ect-list-post-left { width: 100%!important; }
    .ect-list-img { min-height: 340px!important; }
    .ect-list-post { gap: inherit!important; }
    .ect-list-post.style-2 .ect-list-img, .ect-list-post.style-2 .modern-list-right-side { border-radius: 0!important; }
	.wp-container-core-group-is-layout-6c531013 { justify-content: center; gap: 16px; }
    .social-icons > div > figure a img { width: 100%; height: 30px; }
    .copy { bottom: 10px; }
    .copy p { color: rgba(255, 255, 255, .3);}
    .blog-post-title { font-size: 2.6rem;}
	.float-image { display: none; }
	.social-icons { margin: 10px 0 20px 0; }
    .social-icons h4 { margin: 20px auto!important; text-align: center; max-width:189px; }
}
/** ================== | MOBILE | ================== **/
@media screen and (max-width : 640px) {
  .custom-logo {max-width: 270px;}
  .mobile-fullwidth { padding-left: 1em!important; padding-right: 1em!important; }
  .wp-block-cover .uk-container { padding-left: 0!important; padding-right: 0!important; }
  .copy { right: 0; width: 100%; } 
  .copy p{ text-align: center;} 
  .uk-accordion-title { padding: 0;}
  .nav-previous, .nav-next { width: 100%; }
}