/*
Theme Name: Asukla
Theme URI: https://wpkoi.com/asukla-wpkoi-wordpress-theme/
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Asukla is a dynamic WPKoi theme, offers a contemporary, solid, dark, brutalist design with black, white and monochrome colors for unique studio, artist, music, portfolio, podcast, business or agency websites. It's a versatile multipurpose theme ideal for showcasing your art, business, event, portfolio, blog, webshop, or products. Asukla seamlessly integrates the power of Elementor's drag-and-drop page builder, WooCommerce shop module, and Contact Form 7 for effective content management. The premium demo leverages the Asukla premium plugin for added features. With an intuitive admin panel, extensive customizer options, and block-based template parts, Asukla empowers you to build your dream website without any coding expertise. This responsive theme ensures a flawless display on various devices, enhancing user experience. Craft your online presence with Asukla and share it with the world. Comprehensive installation and styling guidance is available in our documentation at wpkoi.com/docs.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: asukla
Tags: one-column, blog, e-commerce, flexible-header, full-width-template, custom-background, custom-colors, sticky-post, translation-ready, featured-images, editor-style
*/
body{
    background-color: var(--asukla--body-background);
    font-family: var(--asukla--font-body);
    font-weight: var(--asukla--body-font-weight);
    text-transform: var(--asukla--body-font-transform);
    font-size: var(--asukla--body-font-size);
    line-height: var(--asukla--body-line-height);
    color: var(--asukla--text-color);
    padding-top: var(--asukla--side-top);
    padding-right: var(--asukla--side-right);
    padding-bottom: var(--asukla--side-bottom);
    padding-left: var(--asukla--side-left);
    margin:0;
}
body.editor-styles-wrapper {
    border: none;
}
.asukla-body-padding-content {
    overflow: hidden;
    position: relative;
    background-color: var(--asukla--side-inside-color);
    border-radius: var(--asukla--side-padding-radius);
}
a {
    color: var(--asukla--link-color);
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: var(--asukla--link-color-hover);
}
body #page {
    margin: auto;
    width: 100%;
}
h1{
    font-family: var(--asukla--font-heading-1);
    font-weight: var(--asukla--heading-1-weight);
    text-transform: var(--asukla--heading-1-transform);
    font-size: var(--asukla--heading-1-font-size);
    line-height: var(--asukla--heading-1-line-height);
}
h2{
    font-family: var(--asukla--font-heading-2);
    font-weight: var(--asukla--heading-2-weight);
    text-transform: var(--asukla--heading-2-transform);
    font-size: var(--asukla--heading-2-font-size);
    line-height: var(--asukla--heading-2-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h3{
    font-family: var(--asukla--font-heading-3);
    font-weight: var(--asukla--heading-3-weight);
    text-transform: var(--asukla--heading-3-transform);
    font-size: var(--asukla--heading-3-font-size);
    line-height: var(--asukla--heading-3-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h4{
    font-family: var(--asukla--font-heading-4);
    font-weight: var(--asukla--heading-4-weight);
    text-transform: var(--asukla--heading-4-transform);
    font-size: var(--asukla--heading-4-font-size);
    line-height: var(--asukla--heading-4-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h5{
    font-family: var(--asukla--font-heading-5);
    font-weight: var(--asukla--heading-5-weight);
    text-transform: var(--asukla--heading-5-transform);
    font-size: var(--asukla--heading-5-font-size);
    line-height: var(--asukla--heading-5-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
h6{
    font-family: var(--asukla--font-heading-6);
    font-weight: var(--asukla--heading-6-weight);
    text-transform: var(--asukla--heading-6-transform);
    font-size: var(--asukla--heading-6-font-size);
    line-height: var(--asukla--heading-6-line-height);
    margin-top: 0;
    margin-bottom: 20px;
}
a,abbr,acronym,applet,big,cite,code,del,dfn,div,dl,dt,em,font,form,html,iframe,ins,kbd,label,legend,li,object,q,s,samp,small,span,strike,strong,sub,sup,tbody,tfoot,thead,tr,tt,var{
    border:0;
    margin:0;
    padding:0 
}
address,dd,h1,h2,h3,h4,h5,h6,ol,p,table,ul{
    border:0;
    padding:0 
}
blockquote,pre{
    border:0 
}
fieldset{
    margin:0 
}
caption,td,th{
    border:0;
    margin:0;
    text-align:left 
}
html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100% 
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{
    display:block 
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline 
}
audio:not([controls]){
    display:none;
    height:0 
}
[hidden],template{
    display:none 
}
caption{
    padding:5px 
}
caption,td{
    font-weight:400 
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"" 
}
blockquote,q{
    quotes:"" "" 
}
.dropdown-click nav ul ul ul,a{
    background-color:transparent 
}
a img,hr{
    border:0 
}
hr{
    background-color:#ccc;
    background-color:rgba(0,0,0,.1);
    height:1px;
    margin-bottom:0;
    margin-top:0 
}
ul{
    list-style:disc 
}
ol{
    list-style:decimal 
}
li>ol,li>ul{
    margin-bottom:0;
    margin-left:1.5em 
}
address,p,pre{
    margin:0 0 1.3em 
}
b,dt,strong,th{
    font-weight:900 
}
dd{
    margin:0 1.5em 1.5em 
}
cite,dfn,em,i{
    font-style:italic 
}
img,pre{
    max-width:100% 
}
pre{
    background:rgba(0,0,0,.05);
    font-family:inherit;
    font-size:inherit;
    padding:20px 
}
code,kbd,tt,var{
    font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace 
}
small,sub,sup{
    font-size:75% 
}
abbr,acronym{
    border-bottom:1px dotted #555;
    cursor:help 
}
sub,sup{
    height:0;
    line-height:0;
    position:relative 
}
sup{
    bottom:1ex 
}
sub{
    top:.5ex 
}
big{
    font-size:125% 
}
button,figure,input,select,textarea{
    margin:0 
}
img{
    height:auto 
}
.alignleft{
    display:inline;
    float:left;
    margin-right:1.5em 
}
.alignright{
    display:inline;
    float:right;
    margin-left:1.5em 
}
.aligncenter{
    clear:both;
    display:block;
    margin:0 auto 
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{
    max-width:100%;
    height:auto 
}
.screen-reader-shortcut,.screen-reader-text,.screen-reader-text span{
    position:absolute!important;
    clip:rect(0,0,0,0);
    height:1px;
    width:1px;
    border:0;
    overflow:hidden 
}
.screen-reader-shortcut:focus,.screen-reader-text:focus{
    clip:auto!important;
    height:auto;
    width:auto;
    display:block;
    font-size:1em;
    font-weight:700;
    padding:15px 23px 14px;
    color:#333;
    background:#fff;
    z-index:100000;
    text-decoration:none;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6) 
}
.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-info:after,.site-info:before{
    content:"";
    display:table 
}
.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{
    clear:both 
}
.search-item .screen-reader-text{
    top:0;
    right:0;
    left:auto 
}
.gallery-item{
    text-align:center 
}
.post,.sticky{
    margin:0 0 2em 
}
.bypostauthor{
    font-size:inherit 
}
.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title,.comment-metadata .edit-link:before,.posted-on .updated{
    display:none 
}
.byline,.group-blog .byline,.single .byline{
    display:inline 
}
.entry-content,.entry-summary,.page-content{
    margin:2em 0 0 
}
.page-links{
    clear:both;
    margin:0 0 1.5em 
}
.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{
    margin-top:0 
}
.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child,.comment-content p:last-child{
    margin-bottom:0 
}
.comment-content img.wp-smiley,.entry-content img.wp-smiley,.page-content img.wp-smiley{
    border:0;
    margin-bottom:0;
    margin-top:0;
    padding:0 
}
.wp-caption{
    max-width:100%;
    position:relative 
}
.wp-caption img[class*=wp-image-]{
    display:block;
    margin:0 auto;
    max-width:100% 
}
.wp-caption .wp-caption-text{
    font-size:75%;
    padding-top:5px;
    opacity:.8 
}
.wp-caption img{
    position:relative;
    vertical-align:bottom 
}
.gallery,.wp-caption,ol.comment-list{
    margin-bottom:1.5em 
}
.gallery-item{
    display:inline-block;
    vertical-align:top;
    width:100% 
}
.gallery-columns-2 .gallery-item{
    max-width:50% 
}
.gallery-columns-3 .gallery-item{
    max-width:33.33% 
}
.gallery-columns-4 .gallery-item{
    max-width:25% 
}
.gallery-columns-5 .gallery-item{
    max-width:20% 
}
.gallery-columns-6 .gallery-item{
    max-width:16.66% 
}
.gallery-columns-7 .gallery-item{
    max-width:14.28% 
}
.gallery-columns-8 .gallery-item{
    max-width:12.5% 
}
.gallery-columns-9 .gallery-item{
    max-width:11.11% 
}
.widget select,embed,iframe,object{
    max-width:100% 
}
.comment-form #author,.comment-form #email,.comment-form #url,.gallery-caption{
    display:block 
}
a,button,input{
    transition:color .1s ease-in-out,background-color .1s ease-in-out 
}
blockquote{
    border-left:5px solid rgba(0,0,0,.05);
    padding:20px;
    font-size:1.2em;
    font-style:italic;
    margin:0 0 1.5em;
    position:relative 
}
.footer-bar .textwidget p:last-child,.top-bar .inside-top-bar .textwidget p:last-child,blockquote p:last-child{
    margin:0 
}
table,td,th{
    border:1px solid rgba(0,0,0,.1) 
}
table{
    border-collapse:separate;
    border-spacing:0;
    border-width:1px 0 0 1px;
    margin:0 0 1.5em;
    width:100% 
}
td,th{
    padding:8px;
    border-width:0 1px 1px 0 
}
fieldset{
    border:0;
    min-width:inherit 
}
fieldset,fieldset legend{
    padding:0 
}
.site-main .gallery,fieldset legend,p{
    margin-bottom:1.5em 
}
.gallery-item img{
    vertical-align:bottom 
}
.gallery-icon{
    padding:5px 
}
.one-container .comments-area{
    margin-top:1.5em 
}
#wp-calendar{
    table-layout:fixed;
    font-size:80% 
}
#wp-calendar #prev,#wp-calendar #prev+.pad{
    border-right:0 
}
.entry-meta{
    font-size:85%;
    margin-top:.5em;
    line-height:1.5 
}
.cat-links,.comments-link,.tags-links,footer.entry-meta .byline,footer.entry-meta .posted-on{
    display:block 
}
.comment-respond{
    margin-top:0 
}
.post-image{
    margin:2em 0 0 
}
.page-header-image,.page-header-image-single{
    line-height:0 
}
.inside-article .page-header-image-single.page-header-below-title{
    margin-top:2em 
}
#mc_embed_signup .clear{
    display:block;
    height:auto;
    visibility:visible;
    width:auto 
}
.widget-area .widget{
    padding:20px 
}
.site-footer .post{
    margin: 0 0 1em;
}
.wpkoi-cf7-row{
    text-align:left;
    width:100% 
}
.wpkoi-cf7-row input{
    width:100% 
}
.wpkoi-cf7-row textarea{
    height:180px;
    width: 100%;
}
.wpkoi-cf7-col1{
    width:47.5%;
    margin-right:2%;
    display:inline-block 
}
.wpkoi-cf7-col2{
    width:48%;
    float:right;
    display:inline-block 
}
.rotate{
    transform:rotate(90deg);
    transform-origin:left bottom 0 
}
.button,.woocommerce a.button,.woocommerce button.button,html input[type=button],input[type=reset],input[type=submit]{
    border:none;
}
.maxwidth{
    max-width:1920px;
    margin:auto 
}
#page #content {
    padding-top: var(--asukla--content-top);
    padding-bottom: var(--asukla--content-bottom);
    padding-left: var(--asukla--content-left);
    padding-right: var(--asukla--content-right);
}
.wpkoi-content-container #page #content, .grid-container {
    max-width: var(--asukla--container-width);
    margin-left: auto;
    margin-right: auto;
}
.page-template-elementor_header_footer #page #content {
    padding: 0;
}
.page-template-elementor_header_footer.wpkoi-content-container #page #content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select {
    color: var(--asukla--form-text-color);
    background-color: var(--asukla--form-background-color);
    border-color: var(--asukla--form-border-color);
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus {
    color: var(--asukla--form-text-color-focus);
    background-color: var(--asukla--form-background-color-focus);
    border-color: var(--asukla--form-border-color-focus);
}
select, input, textarea {
    background-color: var(--asukla--form-background-color);
    color: var(--asukla--form-text-color);
    border-color: var(--asukla--form-border-color);
    padding-top: var(--asukla--form-padding-top);
    padding-right: var(--asukla--form-padding-right);
    padding-bottom: var(--asukla--form-padding-bottom);
    padding-left: var(--asukla--form-padding-left);
    border-radius: var(--asukla--form-border-radius);
    border-width: var(--asukla--form-border-width);
    border-style: var(--asukla--form-border-style);
    font-family: var(--asukla--font-body);
    font-size: var(--asukla--body-font-size);
    font-weight: var(--asukla--body-font-weight);
    line-height: var(--asukla--body-line-height);
    text-transform: var(--asukla--body-font-transform);
}
input::placeholder, textarea::placeholder {
    color: var(--asukla--form-text-color);
}
select:focus, input:focus, textarea:focus {
    background-color: var(--asukla--form-background-color-focus);
    color: var(--asukla--form-text-color-focus);
    border-color: var(--asukla--form-border-color-focus);
}
input:focus::placeholder, textarea:focus::placeholder {
    color: var(--asukla--form-text-color-focus);
}
input[type="checkbox"] {
    border-radius: 0;
    position: relative;
    background-color: var(--asukla--form-background-color);
    padding: var(--asukla--form-checkbox-padding);
    height: var(--asukla--form-checkbox-size);
    width: var(--asukla--form-checkbox-size);
    border-width: var(--asukla--form-checkbox-bordersize);
    -webkit-appearance: none;
}
input[type="checkbox"]:after {
    border-radius: 0;
    content: '';
    display: block;
    position: relative;
    background-color: var(--asukla--form-background-color);
    height: var(--asukla--form-checkbox-innersize);
    width: var(--asukla--form-checkbox-innersize);
}
input[type="checkbox"]:checked:after {
    background-color: var(--asukla--form-text-color);
}
input[type="radio"] {
    border-radius: 100%;
    position: relative;
    background-color: var(--asukla--form-background-color);
    padding: var(--asukla--form-checkbox-padding);
    height: var(--asukla--form-checkbox-size);
    width: var(--asukla--form-checkbox-size);
    border-width: var(--asukla--form-checkbox-bordersize);
    -webkit-appearance: none;
}
input[type="radio"]:after {
    border-radius: 100%;
    content: '';
    display: block;
    position: relative;
    background-color: var(--asukla--form-background-color);
    height: var(--asukla--form-checkbox-innersize);
    width: var(--asukla--form-checkbox-innersize);
}
input[type="radio"]:checked:after {
    background-color: var(--asukla--form-text-color);
}
input[type="number"] {
    width: 3em;
}
.select2-container .select2-dropdown {
    background-color: var(--asukla--form-background-color);
    color:var(--asukla--form-text-color);
    border-top: 0;
    padding-top: var(--asukla--form-padding-top);
    padding-right: var(--asukla--form-padding-right);
    padding-bottom: var(--asukla--form-padding-bottom);
    padding-left: var(--asukla--form-padding-left);
}
.select2-container .select2-selection .select2-selection__arrow {
    height: 3.5rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
}
.select2-container .select2-search__field, .select2-container .select2-selection {
    background-color: var(--asukla--form-background-color);
    color:var(--asukla--form-text-color);
    height: inherit;
    font-size: var(--asukla--body-font-size);
    padding-top: var(--asukla--form-padding-top);
    padding-right: var(--asukla--form-padding-right);
    padding-bottom: var(--asukla--form-padding-bottom);
    padding-left: var(--asukla--form-padding-left);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:var(--asukla--form-text-color);
}
.select2-container .select2-dropdown, .select2-container .select2-selection, .select2-container .select2-dropdown .select2-search__field {
    border-radius: var(--asukla--form-border-radius);
    border-color: var(--asukla--form-border-color);
    border-width: var(--asukla--form-border-width);
    border-style: var(--asukla--form-border-style);
}
.select2-container .select2-dropdown .select2-search__field {
    margin-bottom: 1rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--asukla--form-background-color-focus);
    color: var(--asukla--form-text-color-focus);
}
button, input[type="submit"], .wp-block-post-comments-form input[type=submit], .wp-element-button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    background-color: var(--asukla--form-button-background-color);
    color: var(--asukla--form-button-text-color);
    border-color: var(--asukla--form-button-border-color);
    border-radius: var(--asukla--button-radius);
    border-width: var(--asukla--button-border);
    border-style: var(--asukla--button-border-style);
    font-family: var(--asukla--font-buttons);
    font-size: var(--asukla--buttons-font-size);
    font-weight: var(--asukla--buttons-font-weight);
    text-transform: var(--asukla--buttons-font-transform);
    padding-top: var(--asukla--button-top);
    padding-right: var(--asukla--button-right);
    padding-bottom: var(--asukla--button-bottom);
    padding-left: var(--asukla--button-left);
    transform: var(--asukla--button-rotate);
}
button[type="submit"]:hover, input[type="submit"]:hover, .wp-element-button:hover, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
    background: var(--asukla--form-button-background-color-hover);
    color: var(--asukla--form-button-text-color-hover);
    border-color: var(--asukla--form-button-border-color-hover);
}
.main-navigation {
    z-index: 100;
    padding: 0;
    clear: both;
    display: block;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
    font-size: 15px;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.inside-navigation {
    position: relative;
}
.main-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-navigation .main-nav > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--asukla--navigation-items-spacing);
}
.main-navigation li {
    position: relative;
}
.main-navigation .menu-bar-items {
    display: flex;
    align-items: center;
    font-size: 15px;
}
.main-navigation .menu-bar-items a {
    color: inherit;
}
.main-navigation .menu-bar-item {
    position: relative;
}
.main-navigation .menu-bar-item.search-item {
    z-index: 20;
}
.main-navigation .menu-bar-item > a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 60px;
}
.nav-align-center .inside-navigation {
    justify-content: center;
}
.nav-align-center .main-nav > ul {
    justify-content: center;
}
.nav-align-right .inside-navigation {
    justify-content: flex-end;
}
.main-navigation ul ul {
    display: block;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    float: left;
    position: absolute;
    left: -99999px;
    opacity: 0;
    z-index: 99999;
    width: var(--asukla--subnavigation-width);
    text-align: left;
    top: auto;
    transition: opacity 80ms linear;
    transition-delay: 0s;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}
.main-navigation ul ul a {
    display: block;
}
.main-navigation ul ul li {
    width: 100%;
}
.main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 0;
    position: relative;
}
.main-navigation.sub-menu-left ul ul {
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation.sub-menu-left .sub-menu {
    right: 0;
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, .main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
    right: 100%;
    left: auto;
}
.main-navigation.sub-menu-left ul ul {
    box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation.sub-menu-left .sub-menu {
    right: 0;
}
.main-navigation:not(.toggled) ul li:hover > ul, .main-navigation:not(.toggled) ul li.sfHover > ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
.main-navigation:not(.toggled) ul ul li:hover > ul, .main-navigation:not(.toggled) ul ul li.sfHover > ul {
    left: 100%;
    top: 0;
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, .main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
    right: 100%;
    left: auto;
}
.nav-float-right .main-navigation ul ul ul {
    top: 0;
}
.menu-item-has-children .dropdown-menu-toggle {
    display: inline-block;
    height: var(--asukla--navigation-items-height);
    padding-right: 0px;
    padding-left: 5px;
}
.menu-item-has-children .dropdown-menu-toggle svg {
    display: inline-block;
    vertical-align: sub;
}
.menu-item-has-children ul .dropdown-menu-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}
nav ul ul .menu-item-has-children .dropdown-menu-toggle {
    float: right;
}
.nav-aligned-center .main-navigation {
    float: none;
    display: flex;
    text-align: center;
}
.nav-aligned-right .main-navigation .inside-navigation {
    justify-content: end;
}
.site-header {
    position: relative;
}
.inside-header {
    display: flex;
    align-items: center;
    padding: var(--asukla--header-top) var(--asukla--header-right) var(--asukla--header-bottom) var(--asukla--header-left);
}
.nav-below-header .main-navigation .inside-navigation, .nav-above-header .main-navigation .inside-navigation {
    padding-left: var(--asukla--header-left);
    padding-right: var(--asukla--header-right);
}
.main-title {
    margin: 0;
    line-height: 1;
    word-wrap: break-word;
    font-weight: bold;
    text-transform: none;
}
.site-description {
    margin: 0;
    font-weight: normal;
    text-transform: none;
}
.site-logo {
    display: inline-block;
    max-width: 100%;
}
.site-header .header-image {
    vertical-align: middle;
    width: var(--asukla--desktop-logo-width);
    max-width: var(--asukla--desktop-logo-width);
}
.site-description {
    display: flex;
    align-items: center;
}
.header-widget {
    margin-left: auto;
}
.header-widget p:last-child {
    margin-bottom: 0;
}
.nav-float-right .header-widget {
    margin-left: 20px;
}
.nav-float-right #site-navigation {
    margin-left: auto;
}
.nav-float-left #site-navigation {
    margin-right: auto;
    order: -10;
}
.nav-float-left .header-widget {
    margin-left: 0;
    margin-right: 20px;
    order: -15;
}
.header-aligned-center:not([class*="nav-float-"]) .inside-header {
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.header-aligned-center:not([class*="nav-float-"]) .header-widget {
    margin-left: auto;
    margin-right: auto;
}
.header-aligned-center:not([class*="nav-float-"]) .inside-header > *:not(:first-child) {
    margin-top: 1em;
}
.header-aligned-right:not([class*="nav-float-"]) .inside-header {
    justify-content: flex-end;
}
.header-aligned-right:not([class*="nav-float-"]) .header-widget {
    margin-right: auto;
    margin-left: 0;
    order: -10;
}
.site-branding-container {
    display: inline-flex;
    align-items: center;
    text-align: left;
    flex-shrink: 0;
}
.site-branding-container .site-logo {
    margin-right: 1em;
}
.menu-toggle, .mobile-bar-items, .sidebar-nav-mobile {
    display: none;
}
.menu-toggle {
    padding: 0;
    margin: 0;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
}
.menu-toggle .mobile-menu {
    padding-left: 3px;
}
.menu-toggle .gp-icon + .mobile-menu {
    padding-left: 9px;
}
.menu-toggle .mobile-menu:empty {
    display: none;
}
button.menu-toggle {
    background-color: transparent;
    flex-grow: 1;
    border: 0;
    text-align: center;
}
.has-menu-bar-items button.menu-toggle {
    flex-grow: 0;
}
.mobile-menu-control-wrapper {
    display: none;
    margin-left: auto;
    align-items: center;
}
.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 0.5em;
}
.has-inline-mobile-toggle #site-navigation.has-active-search {
    margin-top: 0.5em;
}
.has-inline-mobile-toggle #site-navigation .nav-search-active {
    left: 0;
}
.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input {
    outline: auto;
}
.nav-float-left .mobile-menu-control-wrapper {
    order: -10;
    margin-left: 0;
    margin-right: auto;
    flex-direction: row-reverse;
}
.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child {
    display: none 
}
.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2) {
    display: inline-block ;
}
.site-header {
    background-color: var(--asukla--header-background-color);
    color: var(--asukla--header-text-color);
}
.site-header a,.site-header a:visited {
    color: var(--asukla--header-link-color);
}
.site-header a:hover {
    color: var(--asukla--header-link-hover-color);
}
.site-branding {
    background-color: var(--asukla--site-title-bg-color);
    padding: var(--asukla--site-title-top) var(--asukla--site-title-right) var(--asukla--site-title-bottom) var(--asukla--site-title-left);
}
.site-header .main-title a,.site-header .main-title a:hover,.site-header .main-title a:visited{
    color: var(--asukla--site-title-color);
    font-family: var(--asukla--font-site-title);
    font-weight: var(--asukla--site-title-font-weight);
    text-transform: var(--asukla--site-title-font-transform);
    font-size: var(--asukla--site-title-font-size);
    text-decoration: none;
    line-height: 1;
    display: block;
}
.main-navigation .main-nav ul li a {
    background-color: var(--asukla--navigation-background-color);
    color: var(--asukla--navigation-text-color);
    font-family: var(--asukla--font-navigation);
    font-weight: var(--asukla--navigation-font-weight);
    text-transform: var(--asukla--navigation-font-transform);
    font-size: var(--asukla--navigation-font-size);
    padding-left: var(--asukla--navigation-items-width);
    padding-right: var(--asukla--navigation-items-width);
    line-height: var(--asukla--navigation-items-height);
    border-radius: 30px;
}
.main-navigation .main-nav ul ul li a {
    border-radius: 0;
}
.mobile-bar-items, .mobile-menu-control-wrapper button {
    background-color: var(--asukla--navigation-background-color);
    color: var(--asukla--navigation-text-color);
    padding: 0.3vw 2vw 0.5vw;
    line-height: var(--asukla--navigation-items-height);
}
.wpkoi-nav-border .mobile-bar-items, .wpkoi-nav-border .mobile-menu-control-wrapper button {
    border: var(--wpkoi--nav-border-width) solid var(--asukla--navigation-border-color);
}
.mobile-bar-items .amount {
    font-family: var(--asukla--font-navigation);
    font-weight: var(--asukla--navigation-font-weight);
    text-transform: var(--asukla--navigation-font-transform);
    font-size: var(--asukla--mobile-navigation-font-size);
    padding-left: 1vw;
}
.main-navigation .main-nav ul li svg {
    fill: var(--asukla--navigation-text-color);
    stroke: none;
    width: var(--asukla--navigation-font-size);
    max-width: var(--asukla--navigation-font-size);
    max-height: var(--asukla--navigation-font-size);
    height: var(--asukla--navigation-font-size);
    display: inline-block;
    vertical-align: middle;
}
.icon-menu-bars svg, .mobile-bar-items svg {
    fill: var(--asukla--navigation-text-color);
    width: var(--asukla--mobile-site-title-font-size);
    max-width: var(--asukla--mobile-site-title-font-size);
    display: inline-block;
    vertical-align: middle;
}
.main-navigation .main-nav ul li.search-item svg {
    padding-bottom: 10%;
}
.main-navigation .main-nav ul li.wc-menu-item .amount {
    padding-left: var(--asukla--navigation-items-width);
    font-size: 75%;
}
.main-navigation .main-nav ul li a:hover {
    background-color: var(--asukla--navigation-background-hover-color);
    color: var(--asukla--navigation-text-hover-color);
}
.main-navigation .main-nav ul li:hover svg {
    fill: var(--asukla--navigation-text-hover-color);
}
.main-navigation .main-nav ul li.current-menu-item a {
    background-color: var(--asukla--navigation-background-current-color);
    color: var(--asukla--navigation-text-current_color);
}
.main-navigation .main-nav ul li.current-menu-item svg {
    fill: var(--asukla--navigation-text-current_color);
}
.main-navigation .main-nav ul ul li a, .main-navigation .main-nav ul li.current-menu-item ul li a {
    background-color: var(--asukla--subnavigation-background-color);
    color: var(--asukla--subnavigation-text-color);
}
.main-navigation .main-nav ul ul li svg, .main-navigation .main-nav ul li.current-menu-item ul li svg {
    fill: var(--asukla--subnavigation-text-color);
    stroke: none;
}
.main-navigation .main-nav ul ul li a:hover, .main-navigation .main-nav ul li.current-menu-item ul li a:hover {
    background-color: var(--asukla--subnavigation-background-hover-color);
    color: var(--asukla--subnavigation-text-hover-color);
}
.main-navigation .main-nav ul ul li.current-menu-item a, .main-navigation .main-nav ul li.current-menu-item ul li.current-menu-item a {
    background-color: var(--asukla--subnavigation-background-current-color);
    color: var(--asukla--subnavigation-text-current-color);
}
.site-header-holder{
    display: block;
    position: relative;
    z-index: 10;
}
.nav-above-header .main-navigation, .nav-below-header .main-navigation {
    position: relative;
}
.site-header-holder.block-is-sticky .site-header {
    background-color: var(--asukla--sticky-header-background-color);
}
.wpkoi-nav-border .main-navigation .main-nav ul li a, .wpkoi-nav-border .wpkoi-back-to-top, .wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-socials ul, .wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-text-content {
    border: var(--wpkoi--nav-border-width) solid var(--asukla--navigation-border-color);
}
.wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-socials ul {
    border-left: none;
}
.wpkoi-nav-border .wpkoi-side-left-content .wpkoi-side-left-text-content {
    border-bottom: none;
}
.asukla-footer a {
    color: #fff;
}
#content a {
    text-decoration: underline;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-blocks-components-select .wc-blocks-components-select__container {
    max-height: inherit !important;
    height: inherit !important;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
    padding: 1.5em .5em .5em !important;
}
.wc-block-checkout__main .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    border-width: var(--asukla--form-checkbox-bordersize);
    height: var(--asukla--form-checkbox-size);
    min-height: var(--asukla--form-checkbox-size);
    min-width: var(--asukla--form-checkbox-size);
    width: var(--asukla--form-checkbox-size);
}
.site-default-header .menu-item-has-children:focus-within > .sub-menu, .site-default-header .page_item_has_children:focus-within > .children {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
.site-default-header .menu-item-has-children .sub-menu .menu-item-has-children:focus-within > .sub-menu, .site-default-header .page_item_has_children .children .page_item_has_children:focus-within > .children {
    left: 100%;
    top: 0;
}
.site-info {
    padding: 1vw 2vw 3vw;
}
.wpkoiblockicon .elementor-icon {
    display: block;
}
.wpkoishadowicon .elementor-icon {
    display: block;
    stroke: #000;
    stroke-width: 3px;
}
.wp-block-social-link {
    border-radius: 0;
}
.wpkoi-side-left-content .wpkoi-side-left-text-content {
    text-wrap-mode: nowrap;
}
.asukla-footer-title {
    display: inline-block;
}
.asukla-footer-socials.wp-block-social-links .wp-social-link svg {
    height: 5vw;
    width: 5vw;
}
.asukla-footer-socials.wp-block-social-links .wp-social-link a {
    border: 1px solid;
}
#coming-soon-footer-banner .coming-soon-footer-banner__content {
    color: #000000;
}
@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
}
@media (max-width:1024px) {
    .main-navigation .main-nav ul li a {
        font-size: var(--asukla--tablet-navigation-font-size);
    }
}
@media (min-width:768px) {
    .transparent-header .site-header {
        position:absolute;
        width:100%;
        z-index:100;
        background-color: transparent;
    }
}
@media (max-width: 768px) {
    body{
        padding-top: var(--asukla--mobile-side-top);
        padding-right: var(--asukla--mobile-side-right);
        padding-bottom: var(--asukla--mobile-side-bottom);
        padding-left: var(--asukla--mobile-side-left);
        font-size: var(--asukla--mobile-body-font-size);
    }
    .site-header .main-title a,.site-header .main-title a:hover,.site-header .main-title a:visited {
        font-size: var(--asukla--mobile-site-title-font-size);
    }
    .main-navigation .main-nav ul li a {
        font-size: var(--asukla--mobile-navigation-font-size);
    }
    .main-navigation .main-nav ul li a svg {
        width: var(--asukla--mobile-navigation-font-size);
        max-width: var(--asukla--mobile-navigation-font-size);
        max-height: var(--asukla--mobile-navigation-font-size);
        height: var(--asukla--mobile-navigation-font-size);
    }
    h1{
        font-size: var(--asukla--mobile-heading-1-font-size);
    }
    h2{
        font-size: var(--asukla--mobile-heading-2-font-size);
    }
    h3{
        font-size: var(--asukla--mobile-heading-3-font-size);
    }
    h4{
        font-size: var(--asukla--mobile-heading-4-font-size);
    }
    h5{
        font-size: var(--asukla--mobile-heading-5-font-size);
    }
    h6{
        font-size: var(--asukla--mobile-heading-6-font-size);
    }
    #page #content {
        padding-top: var(--asukla--mobile-content-top);
        padding-bottom: var(--asukla--mobile-content-bottom);
        padding-left: var(--asukla--mobile-content-left);
        padding-right: var(--asukla--mobile-content-right);
    }
    .page-template-elementor_header_footer #page #content {
        padding: 0;
        overflow: hidden;
    }
    .wpkoi-cf7-col1, .wpkoi-cf7-col2 {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0 
    }
    .asukla-side-left-content, .desktop-mobile-top-bar .asukla-top-bar-content {
        display: none;
    }
    .fixed-side-mobile .asukla-side-left-content {
        display: block;
    }
    button, input[type="submit"], .wp-block-post-comments-form input[type=submit], .wp-element-button, .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
        font-size: var(--asukla--mobile-buttons-font-size);
    }
    .asukla-side-left-content{
        font-size: var(--asukla--mobile-fixed-side-font-size);
    }
    .asukla-side-left-socials a svg {
        width: var(--asukla--mobile-fixed-side-font-size);
        max-height: var(--asukla--mobile-fixed-side-font-size);
    }
    .site-info {
        font-size: var(--asukla--mobile-footer-font-size);
    }
    .hide-on-mobile {
        display: none !important;
    }
    .main-navigation .menu-toggle {
        display: block;
    }
    .nav-below-header .main-navigation .menu-toggle, .nav-above-header .main-navigation .menu-toggle {
        flex-grow: inherit;
    }
    .nav-below-header.nav-aligned-right .main-navigation, .nav-above-header.nav-aligned-right .main-navigation {
        justify-content: end;
    }
    .nav-below-header.nav-aligned-center .main-navigation, .nav-above-header.nav-aligned-center .main-navigation {
        justify-content: center;
    }
    nav.toggled ul ul.sub-menu {
        width: 100%;
    }
    .main-navigation.toggled .main-nav {
        flex-basis: 100%;
        order: 3;
    }
    .main-navigation.toggled .main-nav > ul {
        display: block;
    }
    .main-navigation.toggled .main-nav li {
        width: 100%;
        text-align: left;
    }
    .main-navigation.toggled .main-nav ul ul {
        transition: 0s;
        visibility: hidden;
        box-shadow: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .main-navigation.toggled .main-nav ul ul li:last-child > ul {
        border-bottom: 0;
    }
    .main-navigation.toggled .main-nav ul ul.toggled-on {
        position: relative;
        top: 0;
        left: auto !important;
        right: auto !important;
        width: 100%;
        pointer-events: auto;
        height: auto;
        opacity: 1;
        display: block;
        visibility: visible;
        float: none;
    }
    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
        float: right;
    }
    .main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
        display:none;
    }
    .site-default-header .site-branding-container {
        margin-bottom: .5em;
    }
    .site-default-header .main-navigation ul,.site-default-header .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul {
        display: flex;
    }
    .site-default-header .main-navigation ul ul,.site-default-header .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul ul {
        display: block;
    }
    .nav-align-right .inside-navigation,.nav-align-center .inside-navigation{
        justify-content:space-between;
    }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper{
        display:flex;
        flex-wrap:wrap;
    }
    .has-inline-mobile-toggle .inside-header{
        flex-direction:row;
        text-align:left;
        flex-wrap:wrap;
    }
    .has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{
        flex-basis:100%;
    }
    .nav-float-left .has-inline-mobile-toggle #site-navigation{
        order:10;
    }
    .main-navigation .main-nav li.wc-menu-item, .main-navigation .main-nav li.search-item {
        display: none;
    }
    .mobile-menu-control-wrapper .mobile-bar-items {
        display: inline-block;
        margin-right: 2vw;
    }
    a, body, button, input, select, textarea {
        transition: all 0s ease-in-out;
    }
    .inside-header {
        flex-direction: column;
        text-align: center;
        padding: var(--asukla--mobile-header-top) var(--asukla--mobile-header-right) var(--asukla--mobile-header-bottom) var(--asukla--mobile-header-left);
    }
    .site-header .header-widget {
        margin-top: 1.5em;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .site-branding {
        padding: var(--asukla--mobile-site-title-top) var(--asukla--mobile-site-title-right) var(--asukla--mobile-site-title-bottom) var(--asukla--mobile-site-title-left);
    }
    .site-content {
        flex-direction: column;
    }
    .container .site-content .content-area {
        width: auto;
    }
    .is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
        width: auto;
        order: initial;
    }
    .is-left-sidebar + .is-right-sidebar .inside-right-sidebar {
        margin-top: 0;
    }
    .both-right .inside-left-sidebar, .both-left .inside-left-sidebar, .both-right .inside-right-sidebar, .both-left .inside-right-sidebar {
        margin-right: 0;
        margin-left: 0;
    }
    #main {
        margin-left: 0;
        margin-right: 0;
    }
    body:not(.no-sidebar) #main {
        margin-bottom: 0;
    }
    .alignleft, .alignright {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .comment .children {
        padding-left: 10px;
        margin-left: 0;
    }
    .entry-meta {
        font-size: inherit;
    }
    .entry-meta a {
        line-height: 1.8em;
    }
    .site-header .header-image {
        vertical-align: middle;
        width: var(--asukla--mobile-logo-width);
        max-width: var(--asukla--mobile-logo-width);
    }
    .elementor.elementor .e-con>.elementor-widget.elementor-widget-image-carousel {
        max-width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .hide-on-tablet {
        display: none !important;
    }
}
