/home/u336066629/websites/AmAL87tCa/public_html/wp-content/themes/asukla/style.css
/*
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;
}
}
