:root {
--primary-color:#000;
--secondary-color: #2F6690;
--tertiary-color: #fff;
--quaternary-color:#EDF1F9;
--primary-color-rgb:0, 0, 0;
--secondary-color-rgb: 47, 102, 144;
--quaternary-color-rgb:225, 231, 242;
--nav-color:#010101;
--nav-h-color:#fff;
--nav-bg:#F2F2F2;
--nav-h-bg:#2F6690;
--nav-h-bg-2:#f01a1a;
--body-font:'Roboto Flex', sans-serif;
--heading-font:'Josefin Sans', sans-serif;
--nav-font:'Josefin Sans', sans-serif;
--space-section: 80px;
} body {
line-height:1;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-family: var(--body-font);
font-size:100%;
line-height:1.8;
font-weight:400;
color: var( --primary-color ); background: #EDEDED;
text-align:left;
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 100%;
}
}
h1,h2,h3,h4,h5,h6,#review_form .comment-reply-title{
font-family: var(--heading-font);
font-weight:500;
}
a{
color: var( --secondary-color );
text-decoration:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover,
a:focus{
color: var(--primary-color);
text-decoration:underline;
}
.theme-color{ color: var( --secondary-color )!important;}
h1 a, h2 a, h3 a, h4 a{
color: var(--primary-color);
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{
color: var( --secondary-color);
}
.tb-cell{
display:table-cell;
}
.theme-btn,
.posts-navigation-wrap a,
.added_to_cart.wc-forward,
.checkout-button.wc-forward{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 20px;
padding-right: 20px;
position: relative;
border-radius: 2px;
font-size: 1em;
color: var(--secondary-color);
background: var(--quaternary-color);
overflow: hidden;
transition: all 0.3s ease-in-out;
border: none;
text-decoration: none;
}
button.theme-btn{padding: 0px 20px 0px 0px;
border: none;
}
.theme-btn:not(.disabled):hover,
.theme-btn:not(.disabled):focus,
.posts-navigation-wrap a:hover,
.posts-navigation-wrap a:focus{
color: var(--quaternary-color);
background: var(--secondary-color);
}
.theme-btn span.icon,
.posts-navigation-wrap span.icon{
background: rgb(var(--quaternary-color-rgb));
padding:6px 14px;
font-size: 1.3em;
transition: all 0.3s ease-in-out;
color: var(--secondary-color);;
} .theme-btn::before,
.theme-btn::after,
.posts-navigation-wrap a:before,
.posts-navigation-wrap a:after{
content: "";
position: absolute;
width: 0;
height: 0;
border: 1px solid var(--secondary-color);
transition: all .4s ease;
opacity: 0;
}
.theme-btn::before,
.posts-navigation-wrap a:before{
border-bottom: none;
border-right: none;
}
.theme-btn::after,
.posts-navigation-wrap a:after{
border-top: none;
border-left: none;
}
.theme-btn::before,
.posts-navigation-wrap a:before{
top: 0;
left: 0;
}
.theme-btn::after,
.posts-navigation-wrap a:after{
bottom: 0;
right: 0;
}
.theme-btn:not(.disabled):hover::before,
.theme-btn:not(.disabled):hover::after,
.theme-btn:not(.disabled):focus::before,
.theme-btn:not(.disabled):focus::after,
.posts-navigation-wrap a:hover:before,
.posts-navigation-wrap a:hover:after,
.posts-navigation-wrap a:focus:before,
.posts-navigation-wrap a:focus:after{
width: 100%;
height: 100%;
opacity: 1;
}
.theme-btn.disabled{
opacity: 0.7;
}
.elementor-section-full_width .elementor-container{
max-width:1140px!important;
margin: 0px auto;
padding-left: 15px;
padding-right: 15px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
border-color:var( --secondary-color );
} #page.site{
max-width: 1200px;
margin: 0px auto;
background: #fff;
padding: 0px 0px;
overflow: hidden;
} .top-bar-wrap {
padding-top: 10px;
padding-bottom: 10px;
font-size: 0.9em;
background: var(--secondary-color);
}
.top-bar-wrap .right-menu {
margin-left: auto;
gap: 15px;
}
.top-bar-wrap ul.top-menu, .top-bar-wrap ul.fallback {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 15px;
list-style: none;
}
.top-bar-wrap ul.top-menu > li {
position: relative;
list-style: none;
}
.top-bar-wrap a,.top-bar-wrap{
color: var(--tertiary-color);
} .top-bar-wrap ul.top-menu > li.menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between;
min-width: 70px;
padding: 7px 12px;
text-decoration: none;
border: 1px solid rgba(0,0,0,.12);
border-radius: 0px;
cursor: pointer;
white-space: nowrap;
line-height: 1.2;
transition: all .2s ease;
background: #fff;
color: var(--primary-color);
}
.top-bar-wrap ul.top-menu > li.menu-item-has-children > a:hover {
border-color: rgba(0,0,0,.25);
} .top-bar-wrap ul.top-menu > li.menu-item-has-children > a::after {
content: "";
width: 6px;
height: 6px;
margin-left: 8px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
transition: transform .2s ease;
margin-top: -3px;
} .top-bar-wrap ul.top-menu > li.menu-item-has-children:hover > a::after,
.top-bar-wrap ul.top-menu > li.menu-item-has-children:focus-within > a::after {
transform: rotate(225deg);
margin-top: 4px;
}
.top-bar-wrap ul.top-menu a.top-link{
display: flex;
gap: 5px;
align-items: center;
}
.top-bar-wrap ul.top-menu a.top-link i{
transform: translateY(-2px);
} .top-bar-wrap ul.top-menu li ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
margin: 0;
padding: 4px;
list-style: none;
background: #fff;
border: 1px solid rgba(0,0,0,.12);
border-top: none;
border-radius: 0px;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
z-index: 999;
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transform: translateY(0);
transition:
opacity .0s ease,
transform .0s ease,
visibility .0s ease;
} .top-bar-wrap ul.top-menu li:hover > ul.sub-menu,
.top-bar-wrap ul.top-menu li:focus-within > ul.sub-menu, 
.top-bar-wrap ul.top-menu li.open > ul.sub-menu{
opacity: 1;
visibility: visible;
} .top-bar-wrap ul.top-menu li ul.sub-menu li {
width: 100%;
}
.top-bar-wrap ul.top-menu li ul.sub-menu li a {
display: block;
width: 100%;
padding: 2px 10px;
text-decoration: none;
white-space: nowrap;
transition: background .2s ease;
color: var(--primary-color);
}
.top-bar-wrap ul.top-menu li ul.sub-menu li a:hover,
.top-bar-wrap ul.top-menu li ul.sub-menu li a:focus {
background: rgba(0,0,0,0.08);
} .top-bar-wrap ul.top-menu li ul.sub-menu li.current-menu-item > a,
.top-bar-wrap ul.top-menu li ul.sub-menu li.current_page_item > a {
font-weight: 600;
background: rgba(0,0,0,.05);
} .site-header{
padding: 50px 0px 0px 0px;
}
.site-header input{
margin-bottom: 0px;
}
.site-header form.search-form{
position: relative;
}
.site-header form.search-form input[type='search'],
.site-header form.search-form label{
width: 100%;
display: block;
}
.site-header form.search-form input[type='submit']{
background-color: var(--secondary-color);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
width: 48px;
height: 48px;
border: 0;
font-size: 0;
position:absolute;
top: 0px;
right: 0px;
border: 1px solid var(--secondary-color);
border-left: none;
}
.site-header form.search-form input[type='submit']:focus{
background-color: var(--quaternary-color);
color: var(--secondary-color);
border: 1px solid #ccc;
border-left: none;
}
.site-header ul.header-icon{
list-style: none;
display: flex;
align-items: center;
gap: 30px;
margin: 0;
padding: 0;
}
.site-header ul.header-icon li a{
display: flex;
align-items: center;
gap: 10px;
line-height: 16px;
}
.site-header ul.header-icon li i{
font-size: 20px;
transition: all 0.3s ease-in-out;
}
.site-header ul.header-icon li span.label_2{
display:block;
line-height: 1em;
font-weight: bold;
font-size: 0.9em;
text-transform: uppercase;
font-family:'Roboto Flex';
text-transform: uppercase;
}
#masthead ul.header-icon li span.label,
#masthead ul.header-icon li a span.label{
font-size: 0.7em;
color: #717171;
font-weight: normal;
text-transform: uppercase;
}
.site-header ul.header-icon li a{
color: #000;
}
.site-header ul.header-icon li a:hover i,
.site-header ul.header-icon li a:focus i{
color: var(--secondary-color);
} .site-header .prime-myaccount-endpoint{
padding: 12px 0;
position: absolute;
background-color: #d4d4d4;
border-radius: 5px;
top: calc(100% + 45px);
width: 240px;
right: 2px;
opacity: 0;
visibility: hidden;
z-index: 999 !important;
list-style: none;
margin: 0;
box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
-webkit-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
-moz-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .site-header .prime-myaccount-endpoint:before{
content: '';
position: absolute;
top: -7px;
right: 70px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #d4d4d4;
} .site-header ul.header-icon li:hover > .prime-myaccount-endpoint,
.site-header ul.header-icon li:focus > .prime-myaccount-endpoint{
top: calc(100% + 10px);
opacity: 1;
visibility: visible;
} .site-header .prime-myaccount-endpoint li{
margin: 0;
padding: 0;
}
.site-header .prime-myaccount-endpoint li a{
display: block;
padding: 12px 20px;
text-decoration: none;
font-size: 14px;
color: var(--primary-color);
transition: all 0.2s ease;
}
.site-header .prime-myaccount-endpoint li a:hover{
background: rgba(255,255,255,0.4);
padding-left: 24px;
}  .site-header .header-icon li{
position: relative;
text-align: left;
} .site-header ul.header-icon .dropdown-box {
padding:20px;
position:absolute;
background-color:#F7F7F7;
border-radius:5px;
top:calc(100% + 45px);
width:332px;
right:-50px;
opacity:0;
visibility:hidden;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
z-index:999!important;
box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
-webkit-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
-moz-box-shadow: -2px 2px 82px -26px rgba(0,0,0,.15);
line-height: 1;
color: var( --primary-color );
border: 1px solid var(--quaternary-color);
}
.site-header ul.header-icon .dropdown-box:before {
content:'';
position:absolute;
top:-7px;
right:70px;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #F7F7F7;
}
.site-header ul.header-icon li:hover >.dropdown-box,
.site-header ul.header-icon li:focus >.dropdown-box{
top:calc(100% + 10px);
opacity:1;
visibility:visible;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
} .site-header .woocommerce-mini-cart{
list-style: none;
margin: 0;
padding: 0;
max-height: 350px;
overflow-y: auto;
} .site-header .woocommerce-mini-cart-item{
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #eee;
position: relative;
}
.site-header .woocommerce-mini-cart-item:last-child{
border-bottom: none;
} .site-header .woocommerce-mini-cart img{
width: 50px;
height: auto;
border-radius: 5px;
} .site-header .woocommerce-mini-cart .quantity{
width: 100px;
text-align: right;
margin-left: auto;
} .site-header .woocommerce-mini-cart-item a{
font-size: 14px;
text-decoration: none;
line-height: 1.4;
}
.site-header .woocommerce-mini-cart-item a:hover,
.site-header .woocommerce-mini-cart-item a:focus{
color: var(--secondary-color);
} .site-header .quantity{
display: block;
font-size: 13px;
color: #777;
margin-top: 4px;
} .site-header .woocommerce-mini-cart__total{
display: flex;
justify-content: space-between;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #eee;
font-weight: 700;
color: var(--primary-color);
} .site-header .woocommerce-mini-cart__buttons{
display: flex;
gap: 10px;
margin-bottom: 0px;
}
.site-header .woocommerce-mini-cart__buttons .button,
.site-header .woocommerce-mini-cart__buttons .button.checkout:hover,
.site-header .woocommerce-mini-cart__buttons .button.checkout:focus{
flex: 1;
text-align: center;
padding: 10px 14px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
line-height: 1.2;
text-align: center;
align-items: center;
justify-content: center;
background: var(--secondary-color);
color: var(--quaternary-color);
border: 1px solid var(--secondary-color);;
}
.site-header .woocommerce-mini-cart__buttons .button:hover,
.site-header .woocommerce-mini-cart__buttons .button:focus,
.site-header .woocommerce-mini-cart__buttons .button.checkout{
color: var(--quaternary-color);
background: transparent;
color: var(--secondary-color);;
} #masthead #navbar{
display: block;
background:var(--nav-bg);
position: relative;
margin-top: 50px;
clear: both;
background: #E4E4E4;
}
#navbar ul.prime-main-menu.navigation-menu{
display:flex;
list-style: none;
padding: 0px;
margin: 0px;
}
#navbar ul.prime-main-menu li {
list-style: none;
padding: 0px!important;
margin: 0px!important;
position: relative;
}
#navbar ul.prime-main-menu > li > a{
display: block;
color: var(--nav-color);
font-size: 16px;
font-family: var(--nav-font);
text-decoration: none;
transition: all 4ms linear 0s;
display: block;
padding: 12px 15px;
position: relative;
font-weight: 300;
letter-spacing: 1px;
overflow-wrap: normal;
word-break: normal;
position: relative;
z-index: 3; transition: all 1s ease-in-out;
}
#navbar ul.prime-main-menu > li > a:hover,
#navbar ul.prime-main-menu > li > a:focus,
#navbar ul.prime-main-menu > li.current-menu-item > a {
color: var(--nav-h-color);
background-color: var(--nav-h-bg);
color: var(--nav-h-color);
transition-duration: 0.2s;
} #navbar ul ul.sub-menu{
position: absolute;
margin: 0px;
left: 0px;
top: 100%;
padding:0px;
color: #999;
background: var(--nav-bg);
text-align: left;
width:250px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
transform: translateY(30px);
box-shadow: -2px 2px 82px -26px rgba(0,0,0,.25);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 999;
border-radius: 5px;
}
@media screen and (min-width: 992px) {
#navbar .navigation-menu li ul.sub-menu::before {
position: absolute;
top: -8px;
left: 40px;
margin-left: -8px;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid var(--nav-bg);
border-left: 8px solid transparent;
box-shadow: -2px 2px 82px -26px rgba(0,0,0,.25);
visibility: visible;
}
#navbar .navigation-menu ul.sub-menu ul.sub-menu{
left: calc(100% + 10px);
}
#navbar .navigation-menu ul.sub-menu ul.sub-menu::before {
content: "";
position: absolute;
top: 10px;
left: 0px;
border-top: 8px solid transparent;
border-right: 8px solid var(--nav-bg);
border-bottom: 8px solid transparent;
border-left: none;
}
}
#navbar.keyfocus ul ul.sub-menu{
visibility:visible;
}
#navbar ul ul.sub-menu ul{
left: 100%;
top: 0px;
}
#navbar li:hover > ul.sub-menu,
#navbar li.focus > ul.sub-menu{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
#navbar ul.sub-menu li{
display: block;
float: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#navbar ul.sub-menu li:last-child{
border-bottom: none;
}
#navbar ul.sub-menu a{
line-height:32px;
display:block;
padding:7px 10px;
padding-left: 18px;
position: relative;
display: block;
width: 100%;
font-size: 14px;
border: none;
color: var(--nav-color);
text-transform: capitalize;
transition: all 1s ease-in-out;
text-decoration: none;
font-family: var(--nav-font);
}
#navbar ul.sub-menu a:hover,
#navbar ul.sub-menu a:focus{
background-color: var(--nav-h-bg);
color: var(--nav-h-color);
transition-duration: 0.2s;
}
#navbar ul.sub-menu a:after{
border:none!important;
border-bottom: 1px solid var(--nav-h-color);
opacity: 0.2!important;
}
#navbar ul.sub-menu li:first-child > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#navbar ul.sub-menu li:last-child > a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
} .prime-shop-responsive-navbar{
border: 1px solid var(--secondary-color);
background: var(--secondary-color);
outline: none;
color: var(--quaternary-color);
font-size:2em;
line-height: 0px;
padding: 10px!important;
display: none;
visibility: hidden;
margin: 0px auto;
border-radius: 0px!important;
margin-right: 0px;
}
.prime-shop-navbar-close{
position:absolute;
left: 260px;
width: 30px;
height: 30px;
border-radius: 50%;
top: 5px;
padding: 0px!important;
border: 1px solid var(--secondary-color)!important;
z-index: 999;
display: none;
visibility: hidden;
display: none;
}
.prime-submenu-toggle{
position:absolute;
left: calc(100% - 41px);
top: 0px;
max-height: 38px;
width: 28px;
background:none!important;
color: var(--nav-h-bg)!important;
border: 1px solid transparent!important;
font-size:18px;
height:100%;
background:none;
border:none;
display: none;
visibility: hidden;
z-index: 999;
padding: 0 20px !important;
border-radius: 0px!important;
}
.prime-submenu-toggle:hover,
.prime-submenu-toggle:focus{
border-color: var(--nav-h-bg)!important;
}
.responsive-submenu-switch:hover,
.responsive-submenu-switch:focus{
color:var(--nav-h-color);
}
.prime-submenu-toggle:before{
display: flex;
align-items: center;
justify-content: center;
} #static_header_banner {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color:var(--secondary-color);
color: #fff;
overflow: hidden;
text-align: center;
border-bottom: solid 1px #eaeaea;
}
#static_header_banner  .site-header-text-wrap{
max-width: 60%;
} #static_header_banner.header-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
} #static_header_banner::before {
content: "";
position: absolute;
inset: 0; z-index: 1;
} #static_header_banner .content-text {
position: relative;
z-index: 2;
width: 100%;
padding: 80px 20px;
} #static_header_banner .page-title-text {
font-size: 42px;
font-weight: 700;
margin: 0px;
line-height: 1.2;
color: #fff;
} #static_header_banner .subtitle {
font-size: 16px;
max-width: 700px;
margin: 0 auto;
opacity: 0.85;
line-height: 1.6;
} #static_header_banner .container{
display: flex;
align-items: center; justify-content: flex-start;
text-align: left;
width: 100%;
min-height: inherit;
margin: 0 auto;
}
#static_header_banner ul.entry-meta li{
padding-left: 0px;
}
ul.entry-meta li:not(:last-child)::after{
margin-inline-start: 10px;
}
#static_header_banner .entry-meta a {
color: inherit;
text-decoration: none;
transition: opacity 0.25s ease;
text-decoration: underline;
}
#static_header_banner .entry-meta a:hover,
#static_header_banner .entry-meta a:focus {
opacity: 0.8;
text-decoration: none;
} #static_header_banner .breadcrumbs{
margin-left: auto;
font-size: .95rem;
font-weight: 500;
color: rgba(255,255,255,.72);
animation: fadeInUp 1.1s ease both;
display: flex;
gap: 10px;
}
#static_header_banner .breadcrumbs a{
color: #fff;
text-decoration: none;
transition: opacity .3s ease;
}
#static_header_banner .breadcrumbs a:hover{
opacity: .75;
text-decoration: underline;
} @media (max-width: 768px) {
#static_header_banner {
min-height: 260px;
}
#static_header_banner .page-title-text {
font-size: 28px;
}
#static_header_banner .subtitle {
font-size: 14px;
padding: 0 10px;
}
.top-bar-wrap .d-flex{
display: inline-block !important;
text-align: center;
}
.top-bar-wrap .left-menu{
margin-bottom: 10px;
}
} #content{
padding: 60px 20px;
} .site-main {
display: flex;
flex-direction: column;
} .site-main article {
position: relative;
transition: all 0.3s ease;
border-radius: 5px;
} .site-main article.sticky {
border: 1px solid #F4F4F4;
background: #F8F8F8;
}
.site-main article .post{
padding:20px 0px;
}
body.single article .post{
padding: 0px;
} .entry-header {
margin-bottom: 20px;
}
h2.entry-title{
font-family: var(--heading-font);
font-size: 1.6rem; line-height: 1.35;
margin: 15px 0px 5px 0px;
color: var(--primary-color);
}
#content h2.entry-title a, h3.entry-title a{
--underline-position: 100%;
--underline-size: 2px;
background-image: linear-gradient(90deg, currentColor, currentColor);
background-repeat: no-repeat;
background-size: 0% var(--underline-size);
background-position: 0 var(--underline-position);
color: var(--tertiary-color);
transition: background-size 0.5s cubic-bezier(.25, .8, .25, 1);
display: inline-block;
padding-bottom: var(--underline-size);
text-decoration: none;
color: var(--primary-color);
}
#content .entry-title a:hover, #content .entry-title a:focus,
h3.entry-title a:hover, h3.entry-title a:focus {
background-size: 100% var(--underline-size);
text-decoration: none !important;
color: var(--secondary-color);
} .prime-categories{
padding:0px;
display:flex;
width: 100%;
gap: 5px;
}
.prime-categories a{
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--quaternary-color);
color:rgba(var(--primary-color-rgb),0.7);
text-transform:uppercase;
text-decoration:none;
letter-spacing:0.5px;
line-height:1.2;
font-size:12px;
padding:6px;
border-radius:6px;
transition:all .25s ease;
}
.prime-categories a:hover,
.prime-categories a:focus{
color: var(--quaternary-color);
background: var(--secondary-color);
}
.entry-content .more-link{
padding-top: 20px;
}
.entry-content ul.entry-meta{
display: flex;
flex-wrap: wrap;
gap: 10px;
font-size: 14px;
color: var(--primary-color);
margin:0px 0px 20px 0px;
padding:0px;
}
ul.entry-meta{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 15px;
margin: 0 0 10px;
padding: 0;
list-style: none;
font-size: 0.9rem;
line-height: 1.6;
color: #fff;
}
ul.entry-meta li {
display: inline-flex;
align-items: center;
position: relative;
gap: 8px;
padding-left: 5px;
}
ul.entry-meta li:first-child{
padding-left: 0px;
}
ul.entry-meta li:not(:last-child)::after {
content: "/";
margin-inline-start: 8px;
opacity: 0.6;
}
ul.entry-meta li{
list-style: none;
}
ul.entry-meta li.posted-on,
ul.entry-meta li.post-by span{
text-transform: uppercase;
}
ul.entry-meta li.post-by{
text-transform: capitalize;
} .entry-content{
font-size: 16px;
line-height: 1.8;
color:var(--primary-color);
margin: 0px;
}
.entry-content p:last-child {
margin-bottom: 0;
}
.entry-content ul,
.entry-content ol {
padding-left: 22px;
margin-bottom: 20px;
}
.entry-content li {
margin-bottom: 8px;
}
.entry-content a.image-link{
color: #111;
display: block;
}
.entry-content .img-box{
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
position: relative;
z-index: 0;
width: 100%;
height: 220px;
overflow: hidden;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
}
.entry-content .img-box img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
max-width: 100%;
}
.entry-content .image-link:before {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: .0;
background: rgba(255, 255, 255, 0.8);
}
.entry-content .image-link:after{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
content: '\f64d';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
margin: auto;
width: 64px;
height: 64px;
color: var(--quaternary-color);
font-size: 24px;
line-height: 66px;
text-align: center;
opacity: 0;
background: var(--secondary-color);
font-family: 'bootstrap-icons', sans-serif;
} 
.entry-content .image-link:hover::before,
.entry-content:hover .image-link:before {
opacity: .7;
}
.entry-content .image-link:hover::after,
.entry-content:hover .image-link:after{
-webkit-animation: 0.5s animationZoomIn;
-o-animation: 0.5s animationZoomIn;
animation: 0.5s animationZoomIn;
opacity: 1.0;
}
.entry-content .image-link:hover img,
.entry-content:hover .image-link img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.entry-content .thumbnail-placeholder{
border-radius: 5px;
min-height: 220px;
aspect-ratio: unset;
background: #EDF1F9;
display: block;
}
.entry-content .more-link a.theme-btn{
text-decoration: none!important;
} footer.entry-footer{
clear: both;
}
.entry-footer {
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid #eee;
display: flex;
flex-wrap: wrap;
gap: 12px;
font-size: 14px;
color: #777;
}
.entry-footer a {
color: #111;
text-decoration: none;
} .prime-shopping-cart-sidebar,
.widget-area{
display: flex;
flex-direction: column;
gap: 30px;
} #secondary .widget,
.related.products{
position: relative;
padding: 30px;
background: #fff;
border: 1px solid rgba(var(--secondary-color-rgb),0.1);
border-radius:3px;
box-shadow: 0 10px 35px rgba(0,0,0,0.04);
overflow: hidden;
transition: all 0.35s ease;
}
#secondary .widget:hover{
border: 1px solid var(--secondary-color);
} .widget-title,
.widget_block .wp-block-heading,
.related.products h2{
position: relative;
margin: -30px -30px 25px;
padding: 12px 30px 14px;
font-size: 1.4rem;
line-height: 1.25;
color: var(--secondary-color);
background: var(--quaternary-color);
border-bottom: 1px solid rgba(var(--secondary-color-rgb),0.1);
text-transform: capitalize;
} .widget-title::before,
.widget_block .wp-block-heading::before,
.related.products h2:before{
content: "";
height: 1px;
background:var(--secondary-color);
width:0px;
position: absolute;
bottom: -1px;
left: 0px;
transition: all 0.35s ease;
}
.widget:hover .widget-title:before,
.widget:hover .wp-block-heading:before,
.related.products:hover h2:before{
width: 100%;
right: 0px;
} #secondary .widget ul,
ul.popular_category_list,
#colophon.site-footer ul,
#secondary .widget ol{
list-style: none;
margin: 0;
padding: 0;
}
.widget li.wp-block-latest-comments__comment{
margin-bottom: 0px;
} #secondary .widget li,
ul.popular_category_list li,
#colophon.site-footer li{
position: relative;
padding: 10px 0 10px 18px;
border-bottom: 1px dashed rgba(0,0,0,0.08);
transition: all 0.3s ease;
}
#secondary .widget li:last-child,
ul.popular_category_list li:last-child,
#colophon.site-footer li:last-child{
border-bottom: 0;
padding-bottom: 0;
} #secondary .widget li::before,
#colophon.site-footer li::before{
content: "\f285";
font-family: "bootstrap-icons";
position: absolute;
left: 0;
top: 12px;
font-size: 12px;
color: var(--primary-color);
opacity: 0.7;
transition: all 0.3s ease;
} #secondary .widget li:hover,
#secondary .widget li:focus-within,
#colophon.site-footer li:hover{
padding-left: 24px;
}
#secondary .widget li:hover::before,
#secondary .widget li:focus-within::before,
#colophon.site-footer li:hover::before{
color: var(--secondary-color);
transform: translateX(3px);
opacity: 1;
} .sidebar-menu li a,
#secondary .widget li a,
#colophon.site-footer li a{
display: inline-block;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
color: var(--primary-color);
transition: all 0.3s ease;
}
.sidebar-menu li a:hover,
.sidebar-menu li a:focus,
#secondary .widget li a:hover,
#colophon.site-footer li a:hover,
#secondary .widget li a:focus,
#colophon.site-footer li a:focus{
color: var(--secondary-color);
} #secondary .post-date{
display: block;
margin-top: 4px;
font-size: 12px;
font-style: italic;
color: #888;
} .widget_search .wp-block-search__inside-wrapper{
display: flex;
gap: 10px;
}
.widget_search input[type="search"]{
width: 100%;
height: 50px;
padding: 0 15px;
border: 1px solid rgba(0,0,0,0.08);
border-radius: 8px;
background: #fff;
font-size: 15px;
transition: all 0.3s ease;
}
.widget_search input[type="search"]:focus{
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(47,102,144,0.1);
outline: none;
}
.widget_search button,
.widget_search .wp-block-search__button{
height: 50px;
padding: 0 18px;
border: 0;
border-radius: 8px;
background: var(--secondary-color);
color: #fff;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.widget_search button:hover,
.widget_search .wp-block-search__button:hover{
background: var(--primary-color);
} .wp-block-search__inside-wrapper {
display: flex;
gap: 10px;
}
.wp-block-search__input {
width: 100%;
height: 48px;
padding: 0 15px;
border: 1px solid #ddd;
border-radius: 8px;
outline: none;
}
.wp-block-search__button {
height: 48px;
padding: 0 20px;
border: 0;
border-radius: 8px;
cursor: pointer;
font-weight: 600;
transition: all 0.25s ease;
}
.wp-block-search__button:hover {
transform: translateY(-1px);
} .posts-navigation-wrap {
margin-top: 40px;
}
.posts-navigation-wrap .nav-links{
display: flex;
justify-content: space-between;
gap: 20px;
}
.posts-navigation-wrap .nav-next{
text-align: right;
}
.posts-navigation-wrap .nav-previous,
.posts-navigation-wrap .nav-next {
flex: 1;
}
.posts-navigation-wrap .nav-next a{
padding-right: 0px;
padding-left: 20px;
} .pagination-custom{
margin-top: 40px;
}
.nav-links{
margin: 0px auto;
}
.pagination-custom .nav-links ul,
.wp-block-query-pagination{
display: flex;
flex-wrap: wrap;
gap: 3px;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.pagination-custom .page-numbers,
.wp-block-query-pagination a,
.wp-block-query-pagination span.dots{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 14px;
border-radius: 5px;
background: #f5f5f5;
color: #222;
text-decoration: none;
transition: all 0.3s ease;
}
.pagination-custom a.page-numbers:hover,
.pagination-custom a.page-numbers:focus,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus {
background: var(--secondary-color);
color: var(--tertiary-color);
}
.pagination-custom .page-numbers.current {
background: var(--secondary-color);
color: var(--tertiary-color);
font-weight: 600;
}  @-moz-keyframes animationZoomIn {
from {
-webkit-transform: scale(0.7) translateY(-100%);
-moz-transform: scale(0.7) translateY(-100%);
-ms-transform: scale(0.7) translateY(-100%);
-o-transform: scale(0.7) translateY(-100%);
transform: scale(0.7) translateY(-100%);
}
to {
-webkit-transform: scale(1) translateY(none);
-moz-transform: scale(1) translateY(none);
-ms-transform: scale(1) translateY(none);
-o-transform: scale(1) translateY(none);
transform: scale(1) translateY(none);
}
}
@keyframes animationZoomIn {
from {
-webkit-transform: scale(0.7) translateY(-100%);
-moz-transform: scale(0.7) translateY(-100%);
-ms-transform: scale(0.7) translateY(-100%);
-o-transform: scale(0.7) translateY(-100%);
transform: scale(0.7) translateY(-100%);
}
to {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
} .site-footer {
padding: 0px;
color: var(--primary-color);
border-top: 1px solid rgba(0,0,0,0.06);
}
.site-footer .widget{
border: none; background: none;
box-shadow: none;
padding: 0px 30px 40px;
border-radius: 0px;
position: relative;
--widget-title-height: 0px;
}
.site-footer .widget:after{
content: "";
position: absolute;
left: 0px;
bottom: 0px;
top: var(--widget-title-height);
width: 1px;
background:rgba(0,0,0,0.1);
}
.site-footer .widget:first-child:after{
display: none;
}
.site-footer .widget-title, 
.site-footer .widget_block .wp-block-heading,
.site-footer .widget-title-space{
margin: 0px -30px;
margin-bottom: 20px;
border-radius: 0px;
background: none;
border-bottom: 1px solid rgba(0,0,0,0.09);
padding-top: 30px;
}
.footer-bottom {
padding: 15px 10px;
background: #E4E4E4;
border-top: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
align-items: center; justify-content: center; }
.footer-bottom .copyright {
margin: 0;
font-size: 14px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.7);
}
.footer-bottom a {
color: var(--secondary-color);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-bottom a:hover,
.footer-bottom a:focus {
color: var(--primary-color);
text-decoration: underline;
}
.site-credit{
font-size: 0.8rem;
} #backToTop.ui-to-top{
position: fixed;
right: 25px;
bottom: 25px;
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--primary-color);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
box-shadow: 0 15px 35px rgba(0,0,0,0.25);
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease;
z-index: 999;
}
#backToTop.ui-to-top.active{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#backToTop.ui-to-top:hover{
background: var(--secondary-color);
transform: translateY(-4px) scale(1.05);
} @media (max-width: 767px) {
.site-footer {
padding-top: 45px;
}
.widget-ft {
margin-bottom: 35px;
}
.footer-bottom {
text-align: center;
}
.footer-bottom .copyright {
font-size: 13px;
}
} #comments{
background:var(--quinary-color);
margin-top: var(--space-section);
}
.ml-auto{
margin-left: auto;
}
ul.comment-list {
display:block;
margin:0px;
padding:0px;
}
ul.comment-list li {
margin:0px;
list-style:none;
clear:both; 
}
ul.comment-list li ul {
margin-left:20px;
} .comment-list {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li {
list-style: none;
} .comment-list ul {
margin-left: 40px;
padding-left: 0;
} .single-comment {
display: flex;
gap: 20px;
padding: 25px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
}
.comment-list li.depth-1:last-child > .single-comment,
.commentlist li:last-child > .single-comment{
border-bottom: none;
} .single-comment img {
width: 70px;
height: 70px;
border-radius: 50%;
flex-shrink: 0;
object-fit: cover;
} .single-comment .comment {
flex: 1;
position: relative;
} .single-comment .comment h6 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.single-comment .comment h6 a:hover,
.single-comment .comment h6 a:focus{
color: var(--secondary-color);
text-decoration: underline;
}
.single-comment .comment h6 a {
text-transform: capitalize;
color: var(--primary-color);
text-decoration: none;
}
.single-comment .date {
font-size: 12px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.55);
margin-top: 3px;
} .comment-text {
margin-top: 10px;
line-height: 1.7;
color: var(--primary-color);
} .comment-meta .single-comment .comment .reply {
position: absolute;
top:0;
right: 0;
} 
.comment-meta .single-comment .comment .reply a{
text-transform: uppercase;
line-height: 24px;
padding: 0 12px;
color:var(--secondary-color);
font-size: 12px;
transition: all 0.3s ease-in-out;
display:block;
text-decoration:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border: 1px solid var(--secondary-color);
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
background:var(--secondary-color);;
color: var(--tertiary-color);
} .comment-form-wrap{
margin-top: var(--space-section);
clear: both;
}
#content .row {
display: flex;
flex-wrap: wrap;
row-gap: 25px;
}
#commentform label{
position: relative;
}
#commentform span.required{
position: absolute;
right: 25px;
top: 12px;
color: #FF0000;
}
#commentform input,
#commentform textarea{
margin-bottom: 0px;
}
#commentform input.is-invalid,
#commentform textarea.is-invalid{
border-color: #FF0000;
}
#commentform .theme-btn{
padding: 0px 20px 0px 0px;
border: none;
}
#commentform .theme-btn span.icon{
padding:10px 14px;
}
#commentform p.comment-notes{
margin-bottom: 0px;
}
h4.comments-title {
font-size: 1.6rem;
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 30px;
} .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 12px;
align-items: center; justify-content: flex-start;
text-align: left;
margin-bottom: 0px;
}
.comment-form-cookies-consent input[type="checkbox"] {
position: relative;
width: 24px;
height: 24px;
margin: 2px 0 0;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 3px;
background: #fff;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: all 0.25s ease;
flex-shrink: 0;
}
.comment-form-cookies-consent input[type="checkbox"]:hover {
border-color: var(--secondary-color);
}
.comment-form-cookies-consent input[type="checkbox"]:checked {
background: var(--secondary-color);
border-color: var(--secondary-color);
}
.comment-form-cookies-consent input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 1px;
left: 7px;
width: 8px;
height: 15px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.comment-form-cookies-consent label {
margin: 0;
font-size: 14px;
line-height: 1.7;
cursor: pointer;
}
.single-prev-next {
padding: 30px 15px;
border: 1px solid rgba(0,0,0,0.06);
margin-top: var(--space-section);
}
.single-prev-next .col-md-6{
width: 50%;
}
.single-prev-next .col-md-6.gap-15{
gap: 15px;
}
.single-prev-next h5{
margin-bottom: 0px;
} .prime-tags-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 14px;
margin-top: 30px;
} .prime-tags-list span {
font-weight: 600;
color: var(--primary-color);
margin-right: 6px;
} .prime-tags-list a {
display: inline-flex;
align-items: center;
padding: 6px 14px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
border-radius: 30px;
color: var(--primary-color);
background: var(--quaternary-color);
border: 1px solid rgba(var(--secondary-color-rgb), 0.15);
transition: all 0.3s ease;
} .prime-tags-list a:hover,
.prime-tags-list a:focus {
background: var(--secondary-color);
color: var(--tertiary-color);
border-color: var(--secondary-color);
transform: translateY(-2px);
} .prime-tags-list a::before {
content: "#";
margin-right: 6px;
color: var(--secondary-color);
font-weight: 700;
} .prime-tags-list a:hover::before,
.prime-tags-list a:focus:before{
color: var(--tertiary-color);
} body.error404 #content.site-content{
padding: 0px;
}
.error-404{
background:url(//jaremi.ee/wp-content/themes/prime-shopping-cart/assets/image/404.png) no-repeat center -20px #fff;
padding:15vh;
margin:0px auto;
text-align:center;
padding-top:300px;
}
.error-404 .page-header{
padding-top:180px;  
}
.error-404 .search-form label{
width:400px;  
}
.error-404 input.search-submit:hover{
background:#FFF;  
} .site-main .wp-block-button {
margin-bottom: 12px;
}
.site-main .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
font-size: 15px;
font-weight: 500;
background: var(--secondary-color);
color: var(--tertiary-color);
border: 1px solid var(--secondary-color);
border-radius: 6px;
text-decoration: none;
transition: all 0.3s ease;
}
.site-main .wp-block-button__link:hover,
.site-main .wp-block-button__link:focus {
background: transparent;
color: var(--secondary-color);
transform: translateY(-2px);
} blockquote {
position: relative;
background: rgba(var(--secondary-color-rgb), 0.05);
border-left: 4px solid var(--secondary-color);
margin: 20px 0;
padding: 18px 20px;
border-radius: 6px;
color: var(--primary-color);
font-style: italic;
}
blockquote p {
margin: 0;
} blockquote:before {
display: none;
} pre {
font-family: "Courier New", monospace;
font-size: 14px;
line-height: 1.6;
background: #f6f8fa;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 8px;
padding: 18px;
overflow-x: auto;
max-width: 100%;
margin-bottom: 20px;
position: relative;
} pre::before {
content: "</>";
position: absolute;
top: 10px;
right: 12px;
font-size: 12px;
color: var(--tertiary-color);
background: var(--secondary-color);
padding: 2px 6px;
border-radius: 4px;
} .site-main table,
.widget table{
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 14px;
border-radius: 8px;
overflow: hidden;
} .site-main thead tr,
.widget thead tr{
background: var(--quaternary-color);
color:var(--primary-color);
font-weight: 500;
font-size: 1.1em;
} .site-main table th,
.site-main table td,
.widget table th,
.widget table td {
padding: 12px 14px;
border: 1px solid var(--quaternary-color);
text-align: left;
} .site-main tbody tr:hover,
.widget tbody tr:hover {
background: rgba(var(--secondary-color-rgb), 0.05);
} .social-links-wrap {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.social-links-wrap .social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.social-links-wrap .social-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
text-decoration: none;
background-colo:none;
color: var(--secondary-color);
border: 1px solid var(--secondary-color);
transition: all 0.3s ease;
font-size: 14px;
line-height: 1;
}
.social-links-wrap .social-icons a:hover,
.social-links-wrap .social-icons a:focus {
background-color: var(--secondary-color);
color: var(--tertiary-color);
}
.social-links-wrap .social-icons i {
display: flex;
align-items: center;
justify-content: center;
}
.social-links-wrap .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media only screen and (max-width: 896px) {
.container-md, .container-sm, .container{
max-width: 100%;
}
.prime-shop-responsive-navbar{
display: block;
visibility: visible;
}
.responsive-submenu-switch,
.prime-shop-navbar-close,
.prime-submenu-toggle,
.prime-shop-responsive-navbar{
display: block;
visibility: visible;
}
#navbar .nav-wrap{
position: fixed;
width: 300px;
left: 0;
top: 0;
bottom: 0;
box-shadow: -1px 4px 5px 0px rgba(68,73,83,.12);
background: var(--nav-bg);
z-index: 999;
border-right: 1px solid #e8e8e8;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
left: -100%;
transform: translateX(-100%);
visibility: hidden;
opacity: 0;
}
#navbar .nav-wrap.active{
left: 0%;
transform: translateX(0%);
visibility:visible;
opacity:1;
}
#navbar ul.prime-main-menu.navigation-menu{
display: block;
margin-top: 35px;
}
#navbar ul ul.sub-menu{
width: 100%;
}
#navbar ul.prime-main-menu > li > a{
padding: 8px 15px;
border-bottom: 1px dashed rgba(0,0,0,0.08);
}
#navbar ul ul.sub-menu{
position: static;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px)!important;
transform: translateY(0px)!important;
display: none;
}
#navbar ul ul.sub-menu.focus-active{
display: block;
}
}
@media (max-width: 767px) {
.posts-navigation-wrap .nav-links {
flex-direction: column;
}
.posts-navigation-wrap a {
width: 100%;
justify-content: center;
}
}
@media (max-width: 667px) {
.site-header{
padding-top: 30px;
}
.site-header .col-12.text-left,
.site-header .col-12.text-center{
flex: 0 0 auto;
width: 100%;
}
.logo-wrap{
display: block;
text-align: center;
padding-bottom: 20px;
}
.logo-wrap h3{
margin: 0px;
}
.site-header .rs-block{
display: block;
flex: 0 0 auto;
width: 100%;
text-align: center;
padding-top: 30px;
}
.site-header .rs-block .justify-content-end{
justify-content: center !important;
text-align: left;
}
.rs-block .dropdown-box,
.rs-block .prime-myaccount-endpoint{
display: none;
}
#masthead #navbar{
margin-top: 30px;
}
#static_header_banner .d-flex.text-start{
display: block!important;
}
#static_header_banner .site-header-text-wrap{
max-width: 100%;
}
#static_header_banner ul.entry-meta{
display: block;
margin-left: -10px;
padding-bottom: 20px;
}
#static_header_banner ul.entry-meta li{
padding-left: 10px;
}
#static_header_banner .breadcrumbs{
display: block;
}
.footer-bottom .col-12.d-flex{
display: block!important;
}
.footer-bottom .social-links-wrap{
padding-top: 20px;
}
}
.owl-item {
float:left; 
}
.prime-gallery-slider .owl-nav{
position: absolute;
left: 0px;
right: 0px;
display: flex;
top: 50%;
}
button.owl-prev,
button.owl-next{
padding: 0px;
font-size: 2em;
background: none;
border: none;
color: var(--secondary-color);
}
button.owl-next{
margin-left: auto;
}
button.owl-prev:hover,
button.owl-next:hover,
button.owl-prev:focus,
button.owl-next:focus{
background: var(--secondary-color);
color: var(--tertiary-color);
}
@media (max-width: 768px) {
h4.comments-title{
display: block;
}
:root {
--space-section: 40px; }
ul.products li.product .button-wrap{
position: static;
opacity: 1;
}
}