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

html { font-size: 62.5%; } 
body { color: #3D3D3D; font-family: "azo-sans-web", sans-serif; font-optical-sizing: auto; font-size:16px; font-size:1.6rem; font-weight: var(--regular); -webkit-text-stroke: 0.45px; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); text-shadow: 1px 1px 1px rgba(0,0,0,0.004); line-height: 1.65em; height: 100%;}

/* ============== GLOBAL VARIABLES ============== */
:root {
    --teal1 : #F9FEFF;
    --teal2 : #EDFBFE;
    --teal3 : #A3D0D9;
    --teal5 : #29B1CC;
    --teal6 : #249BB2;
    --teal7 : #258194;
    --teal9 : #00424F;
    --white : #FFFFFF;
    --dark  : #1F1F1F;
    --pop   : #B8547D;

    --font     : "azo-sans-web", sans-serif;
    --light    :  200;
    --regular  :  300;
    --semi     :  500;
    --bold     :  900;
}

/* =================== HEADER =================== */
.uk-navbar-container { padding-left: 80px; max-width: 100%; box-sizing: border-box; }
.custom-logo { max-width: auto; max-height: 80px; }
.uk-navbar-nav > li > a { font-family: var(--font); color: var(--dark); font-size: 1.4rem; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; }
.uk-navbar-nav > li > a:hover { color: var(--teal6); }
.right-menu { border-bottom-left-radius: 30px; overflow: hidden; }
.right-menu .uk-navbar-nav > li > a { background-color: var(--teal7); color: var(--white); padding: 0 20px; }
.right-menu .uk-navbar-nav > li > a:hover, .right-menu .uk-navbar-nav > li:first-of-type > a:hover { background: var(--teal6);}
.right-menu .uk-navbar-nav > li:first-of-type > a { background-color: var(--teal5); }
.right-menu .uk-navbar-nav { gap: 0; }
.uk-navbar-dropdown.uk-drop.uk-dropdown { top: 80px!important; padding: 10px 20px; background: #f8f8f8;  }
.uk-navbar-dropdown-nav > li > a { color: var(--dark); font-size: 1.4rem; font-weight: var(--semi); letter-spacing: 2px; }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: 0 !important; }
.space-right { padding-right: 80px; }

/* ================= TYPOGRAPHY ================= */
p { font-optical-sizing: auto; line-height: 1.75em; margin-bottom:20px; }
em { color: inherit; }
a { color: var(--pop); }
a:hover { color: var(--teal5); }
b, strong { font-weight: var(--bold); }
h1, h2, h3, h4, h5 { font-family: var(--font); font-optical-sizing: auto; line-height: 1.15em; }
h1 { font-size: 4.2rem; }
h2 { font-size: 3.2rem; margin-bottom: 15px;}
h3 { font-size: 2.4rem; }
h4 { font-size: 1.8rem; }

/* ================= GLOBAL ================= */
#social-menu img:hover { filter: invert(52%) sepia(60%) saturate(6565%) hue-rotate(355deg) brightness(96%) contrast(104%); }
.page-title { font-size: 3.6rem; position: absolute; color: #fff; margin-top: -65px; right: 40px; font-family: var(--font);}
.break { display: block; }
.move-up { margin-top: -115px; margin-bottom: 105px; }
.uk-tab { padding-left: 120px; justify-content: center; display: flex; }
.uk-tab::before { content:'Offerings:'; font-size: 1.6rem; text-transform: uppercase; font-weight: var(--bold); top: 50%; left: 50%; margin-left: -300px; letter-spacing: 3px; margin-top: -10px; }
.uk-tab > * { display: flex; flex-direction: row;  align-items: center; }
.uk-tab > * > a { font-weight: var(--semi); color: var(--pop); font-size: 1.4rem; letter-spacing: 3px; padding-top: 10px; }
.uk-tab > .uk-active > a { border: none; color: var(--dark); }
.home-tabs { background: var(--teal2); height: 70px; }
.uk-switcher { margin-top: 0!important; }
.wp-block-post-title { padding: 10px; margin: 0; }
.wp-block-post-title a { font-family: var(--font); text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.125em; color: var(--pop); line-height: 1.25em; }
.wp-block-post-title a:hover { color: var(--teal6); text-decoration: none; }
/*.wp-block-post-featured-image { width: 99.5%; height: 200px; overflow: hidden;} */
.wp-block-query-pagination { margin-top:100px; }
.art-pagination { margin-top: 100px!important; }
.page-numbers.current { font-size: 2rem; font-family: var(--font); font-weight: 400; color: var(--teal9); background: transparent; }
.page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous { font-size: 2rem; font-family: var(--font); font-weight: 400; color: #fff; background: var(--pop); border-radius: 4px; padding: 4px 10px; }
.page-numbers:hover, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover { color: var(--teal9); background: transparent; }
.atk-menu-icon { font-size: 0!important; letter-spacing: normal!important; background-color: transparent!important; color: var(--pop)!important; padding:0 15px!important; }
.atk-menu-icon:hover { color: var(--dark)!important; }

/* ================= SHOP ================= */
.woocommerce .quantity .qty { height: 30px; }
.related.products h2{ width: 100%; display: flex; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price { font-size: 2.2rem; color: var(--teal9); font-weight: 500; margin-bottom: 0;  }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: var(--teal9); font-weight: 400; }
.woocommerce div.product form.cart .button { background-color: var(--teal7); font-weight: 500; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.115em; padding: 11px 16px; }
.woocommerce div.product form.cart .button:hover { background-color: var(--teal5);}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images { float: none; width: auto; }
.woocommerce div.product div.summary { width: 100%; }

/* ================= POSTS ================= */
.article-wrap { padding: 60px 0;}
.post-content h1 { font-weight: 300; margin-bottom: 20px; }
.meta span a, .topics a { font-weight: 300; color: var(--pop); }
.meta span a:hover, .topics a:hover, .wp-block-categories-list li a:hover { text-decoration: none; color: var(--teal6);}
.meta { font-weight: 400; text-transform: uppercase; padding: 10px 20px 0; border-top: 1px solid var(--teal3); font-size: 1.4rem; }
.topics { font-weight: 400; text-transform: uppercase; padding:0 20px 10px; border-bottom: 1px solid var(--teal3); font-size: 1.4rem; }
.social-share-posts { margin-top: 20px; padding-left: 20px; }
.wp-block-categories-list { list-style: none; }
.wp-block-categories-list li, .wp-block-latest-posts__list li { padding: 10px 10px 5px 10px; border-bottom: 1px solid var(--teal3); }
.wp-block-categories-list li a, .wp-block-latest-posts__post-title { text-transform: capitalize; font-weight: 400; color: var(--teal7);}
.nav-links { padding:0 80px;max-width: 1200px; box-sizing: border-box; display: flex; }
.nav-previous {order: 2; margin-left: auto; }
.bigstory-title a { color: var(--teal7); }
.bigstory-title a:hover, .read-article:hover, .story-gridtitle a:hover { color: var(--teal5); text-decoration: none; }
.read-article { color: var(--pop); font-weight: 400; display: block; }
.post-nav-blog { width: 100%; box-sizing: border-box; text-align: center; }
.sidebar { box-shadow: -5px 0px 10px -7px rgba(0,0,0, .2); }
.main-area { padding-right: 40px; }
.story-gridtitle a { color: var(--teal7); }
.clover-post-cover { margin-bottom: 20px; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden; }

/* =================== FOOTER =================== */
.bottom-left  { background-color: var(--teal7); padding: 80px 80px 40px 80px; }
.bottom-right { background-color: var(--teal6); padding: 80px 80px 40px 80px; }
.bottom-left p, .bottom-right p { font-weight: 400; }
.foot-wrap { background-color: var(--dark); color: #FFFFFF; padding: 10px 80px; }
.copy { font-size: 1.4rem; font-weight: var(--regular); }


/* ================= ADMIN STYLES ================= */



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

}
/** ================== | TABLET | ================== **/
@media screen and (max-width : 960px) {
    .uk-offcanvas-overlay::before {background: rgba(0,0,0, 0.6); }
    .uk-offcanvas-bar .uk-close { color: #3A6462; }
    .uk-offcanvas-bar {background: #D0D5D5;}
    .break { display:inline; }
    .page-top canvas { height: 80px!important;}
    .hero canvas { height: 260px!important;}
}
/** ================== | MOBILE | ================== **/
@media screen and (max-width : 780px) {
    .left-right-mobile.wp-block-columns :nth-child(1) { order: 2; }
    .left-right-mobile.wp-block-columns :nth-child(2) { order: 1; }
    .left-right-mobile .has-text-align-right { text-align: left; }
    
}