#navbar ul > li > a{
display: flex;
align-items: center;
}
#navbar .top-form-minicart{
width: auto;
padding-right: 60px;
}
#navbar .top-form-minicart:before {
top: calc(50% - 14px);
}
#navbar .top-form-minicart:after {
top: 50%;
height: 20px;
line-height: 0px;
} @media only screen and (min-width: 991px) {
#navbar ul > li{
display: flex;
height: 100%;
}
#navbar ul ul.sub-menu{
top: 100%;
}
#navbar ul.sub-menu ul.sub-menu{
top: 0px;
}
#navbar .top-form-minicart a.cart-contents{
display: flex;
align-items: center;
}
#navbar .top-form-minicart .icofont-cart{
margin-right: 10px;
}
}
.cat-menu-wrap{
flex: 1!important;
box-sizing: border-box;
margin-right: 10px;
}
.cat-menu-wrap button.btn-mega{
height: 100%;
display: flex;
align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 0px;
border: none;
position: relative;
overflow: visible;
min-width: 220px;
text-align: center;
justify-content: center;
font-size: 105%;
margin-top: 1px;
display: flex;
color: var(--nav-h-bg);
background: var(--nav-h-color);
}
.cat-menu-wrap button.btn-mega:hover, .cat-menu-wrap button.btn-mega:focus{
color: var(--nav-h-color);
background: var(--nav-h-bg);
}
.cat-menu-wrap button.btn-mega:before{
content: "";
position: absolute;
background:inherit;
left: 0px;
right: 0px;
top: -11px;
height: 11px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
}
#navbar .cat-menu-wrap ul.menu{
display: none;
}
#aside-nav-wrapper{
display: flex;
}
.cat-menu-wrap button.btn-mega span.bar{
position:relative;
height: 2px;
margin-right: 15px;
background-color: var(--nav-h-bg);
display: block;
width: 22px;
transition: all 0.3s ease-in-out;
}
.cat-menu-wrap button.btn-mega span.bar:before,
.cat-menu-wrap button.btn-mega span.bar:after{
content: '';
position: absolute;
left: 0px;
height: 2px;
width: 27px;
top: -7px;
background-color:var(--nav-h-bg);
transition: all 0.3s ease-in-out;
}
.cat-menu-wrap button.btn-mega span.bar:after{
top: auto;
bottom: -7px;
width:27px;
}
.cat-menu-wrap button.btn-mega:hover span.bar:before,
.cat-menu-wrap button.btn-mega:focus span.bar:before,
.cat-menu-wrap button.btn-mega:hover span.bar:after,
.cat-menu-wrap button.btn-mega:focus span.bar:after,
.cat-menu-wrap button.btn-mega:hover span.bar,
.cat-menu-wrap button.btn-mega:focus span.bar{
background: var(--nav-h-color);
}
@media only screen and (max-width: 850px) {
.cat-menu-wrap{
display: none!important;
}
}
#navbar ul.cat-menu-wrap ul.focus{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
ul.products li.product:before {
border-bottom: 0px solid var(--secondary-color);
border-left: 0px solid var(--secondary-color);
width: 0%;
height: 0%;
left: 0px;
bottom: 0px;
position: absolute;
content: "";
transition: all 0.3s ease-in-out;
z-index: 0;
pointer-events: none;
z-index: 9;
}
ul.products li.product:after {
border-top: 0px solid var(--secondary-color);
border-right: 0px solid var(--secondary-color);
width: 0%;
height: 0%;
top: 0px;
right: 0;
position: absolute;
content: "";
transition: all 0.3s ease-in-out;
z-index: 9;
pointer-events: none;
} @media only screen and (max-width: 740px) {
#colophon .site_info .col-6{
width: 100%;
}
}
ul.products li.move.product {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
ul.products li.move.product:hover,
ul.products li.move.product:focus {
transform: translateY(-12px);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.nav-links{
display: block;
margin: 0px auto;
}
.pagination-custom ul {
display: flex;
justify-content: center;
gap: 8px;
list-style: none;
padding: 0;
margin: 30px 0;
}
.pagination-custom li {
margin: 0;
}
.pagination-custom a,
.pagination-custom span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1rem;
font-weight: 400;
padding:15px 18px;
min-width: 1em;
display: block;
border: 1px solid var( --secondary-color );
background: var( --quaternary-color );
color: var( --secondary-color );
border-radius: 3px;
-webkit-border-radius: 3px;
}
.pagination-custom a:hover,
.pagination-custom a:focus,
.pagination-custom .current{
background: var( --secondary-color );
color: var( --quaternary-color );
}
.site-header-text-wrap h1{
font-size: 3rem;
} body.overlay--enabled {
overflow: hidden;
}
#the9_preloader {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
} #the9_preloader .preloader-animation {
background: #F2F3F5;
} #the9_preloader .preloader-animation,
#the9_preloader .loader {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
#the9_preloader .preloader-animation {
flex-direction: column; }
#the9_preloader .loader {
flex-direction: row; } #the9_preloader .loader .loader-section {
padding: 0;
height: 100%;
flex: 0 0 25%;
max-width: 25%;
}
#the9_preloader .loader .loader-section .bg {
background-color: #F2F3F5;
height: 100%;
width: 100%;
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
} #the9_preloader.loaded .animation-preloader {
opacity: 0;
transition: opacity 0.3s ease-out;
} #the9_preloader .loader.loaded .loader-section .bg {
width: 0;
transition: width 0.7s 0.3s cubic-bezier(0.1, 0.1, 0.1, 1);
} #the9_preloader .spinner {
border: 3px solid #f3f3f3;
border-top: 3px solid var(--secondary-color);
border-radius: 50%;
width: 150px;
height: 150px;
animation: spin 1s linear infinite;
margin-bottom: 15px;
} #the9_preloader .loading-text {
font-size: 18px;
color: #555;
animation: blink 1.5s infinite;
} @media (max-width: 767px) {
#the9_preloader #the9_preloader-animation #the9_preloader-spinner {
height: 12rem;
width: 12rem;
margin: 0 auto 1.5rem auto;
}
#the9_preloader #the9_preloader-animation #the9_preloader-text {
font-size: 4rem;
}
} @keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}