@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap");
* {
font-family: 'Dosis';
} .banner-section,
.work-progress,
.section-testimonial,
.our-bestseller,
.banner2-section,
.post-section,
.blog-section,
.categories2,
.categories3,
.banners,
.section-cta,
.recent-news,
.gallery-section,
.gallery-section3,
.featured-product,
.cta2,
.section-deal,
.testimonials,
.category4-section,
.service-section,
.funfact4,
.banner-section4,
.cta-4,
.deal4-section,
.testimnial4,
.categories5,
.service2-section,
.feature-products5,
.funfact5,
.testimonial5,
.deal5,
.team-section,
#about-us2,
.work-process,
#service-single,
#sign-section,
.faq-content,
.contactform-section,
#section404,
#section-comesoon {
padding: 80px 0px;
}
a {
text-decoration: underline;
color: var(--secondary-color);
}
p a {
color: var(--primary-color);
}
p{ font-size: 1rem; }
.widget_none p { margin-bottom: 0; }
a:hover,
a:focus {
text-decoration: dotted underline;
color: var(--primary-color);
}
::selection {
background-color: var(--primary-color);
color: var(--white);
}
.header-one .main-navbar,
.header-four .main-navbar {
display: inline-flex;
}
.site-description, h4.site-title {
margin-bottom: 0;
}
.main-mobile-menu.is-sticky-menu .site-description, .main-mobile-menu.is-sticky-menu h4.site-title {
color: #ffffff;
}
.logo img {
height: auto;
}
a.custom-logo-link {
display: block;
}
a:has(.site-title) {
display: inline-block;
} a.btn-on.active {
margin-right: 10px;
}
a.btn-on,
button.btn-on {
position: relative;
display: inline-block;
overflow: hidden;
text-transform: capitalize;
border: 2px solid var(--primary-color);
padding: 10px 15px;
text-decoration: none;
font-weight: 600;
color: var(--primary-color);
transition: 0.65s;
}
a.btn-on span,
button.btn-on span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: #000;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1;
}
a.btn-on:hover span,
a.btn-on:focus-within span,
button.btn-on:hover span,
button.btn-on:focus-within span {
width: 225%;
height: 562.5px;
}
a.btn-on.active,
button.btn-on.active {
background-color: var(--primary-color);
color: var(--secondary-color);
z-index: 1;
}
a.btn-on:hover,
a.btn-on:focus-within,
button.btn-on:hover,
button.btn-on:focus-within {
color: #fff;
border-color: #000;
}
.section-title {
position: relative;
}
.button-cta .btn-on {
border-color: var(--secondary-color);
}
.categories5-item .btn-on.active {
background: var(--white);
color: var(--primary-color);
}
.service3 .service3-content a.btn-on:hover,
.service3 .service3-content a.btn-on:focus-within {
border-color: var(--primary-color);
} .ptb-80 {
padding: 80px 0;
}
button[type=submit]:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a:focus {
outline-width: 1px; outline-style: dotted;
text-decoration: none;
outline-color: var(--primary-color);
outline-offset: 1px;
}
.dropdown-item.active, .dropdown-item:active {
background-color: transparent;
color: #ffffff;
}
.pet-bazaar-content { overflow-x: hidden; }  .is-sticky-menu.main-navigation {
padding: 0;
}
.header-four .is-sticky-menu,
.header-four .is-sticky-menu {
background: var(--white);
}
.main-mobile-menu.is-sticky-menu {
background: var(--white);
}
.header-one .main-mobile-menu.is-sticky-menu,
.header-three .main-mobile-menu.is-sticky-menu {
background: var(--secondary-color);
}
.header-one .navigation-middle-row {
background: rgba(0, 0, 0, 0.5);
position: relative;
}
.header-one .navigation-middle-row::after {
content: "";
position: absolute;
border-bottom: 1px solid rgba(255 255 255 / 20%);
width: 100%;
bottom: 0;
}
.navigation-bg {
position:relative;
}
.navigation-bg:not(.is-sticky-menu .navigation-bg) {
background: rgba(0, 0, 0, 0.5);
padding: 15px 12px;
margin: 0 -12px;
}
.header-one .widget-right .menu li a {
color: var(--white);
}
.header-above-bar .header-widget .select-currency select {
vertical-align: -webkit-baseline-middle;
}
.is-sticky-menu {
position: fixed;
top: -1px;
left: 0;
right: 0;
width: 100%;
background: var(--secondary-color);
z-index: 999;
-webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
-ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
-webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
}
.main-mobile-nav.is-sticky-on.is-sticky-menu {
padding: 5px 0;
}
.is-sticky-menu .sticky-navbar-brand {
display: block;
visibility: visible;
}
a.sticky-navbar-brand,
.is-sticky-menu .sticky-navbar-brand+.navbar-brand {
display: none;
visibility: hidden;
}
.main-header .contact-area{
display: flex;
}
#menu-language-menu ul.sub-menu {
padding: 0;
width: max-content;
}
#menu-language-menu ul.sub-menu li > a{
padding: 3px 5px;
}
#menu-language-menu ul.sub-menu li:before{
content: none;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:not(:has(img)) {
display: none !important;
} .header-three .widget-left{
display: flex;
align-items: center;
}
.header-two .text i{margin-right: 5px;}
.header-two .text-container P,.header-two .widget_nav_menu ul li a,.header-two .select-currency select {font-weight: 600;}
.header-two .call-icon {
float: left;
margin-left: 30px;
}
.header-two .user-btn{
margin: 0 10px;
}
.sub-dropdown {
left: 220px;
top: 0px;
}
.sub-menu-test {
top: 105%;
left: -1px;
}
.sub-menu-test1{
top: -5%;
left: -220px;
} .slider_two .slide-area{
min-height: 600px;
text-align: left;
}
.slider_two  .slide-area{
justify-content: start;
}
.slider_two .slide-text-wrapper {
background: rgba(255,255,255,0.2);
padding: 50px;
border-radius: 0 100px 0 100px;
backdrop-filter: blur(3px);
} .product-category-btn {
width: 100%;
display: block;
padding: 0 24px;
line-height: 60px;
color: var(--secondary-color);
background: var(--primary-color);
position: relative;
z-index: 0;
border-radius: 0px;
overflow: hidden;
font-size: 18px;
border: 0;
text-align: left;
font-weight: 600;
}
.categorie-one .categories-img {
border-radius: 100%;
margin-bottom: 20px;
}
.categorie-one {
background-color: var(--white);
}
.categories{
padding: 80px 0 55px;
}
.categories-item {
position: relative;
margin-bottom: 25px;
}
.bg-element svg {
width: 50px;
height: 50px;
fill: var(--primary-color);
transform: rotate(40deg);
}
.bg-element {
position: absolute;
top: -28px;
right: 0;
transform: translateX(-100%) translateY(100%); visibility: hidden;
transition: 0.65s;
}
.categories-item:hover .bg-element,
.categories-item:focus .bg-element,
.categories-item.active .bg-element {
transform: translateX(0%) translateY(0%);
visibility: visible;
}
.categorie-two-slide::before {
content: '';
position: absolute;
inset: 0;
width: 71%;
margin: 0 auto;
bottom: 61%;
border-bottom: 3px dashed var(--secondary-color);
}
.categories2 .categories2-item .cate-img i {
transition: 0.65s;
}
.header-two .product-category-btn {
background-color: var(--primary-color);
color: var(--secondary-color);
}
.main-header.header-two {
z-index: 2;
}
.header-two .newsflash .textslide-one,
.header-two .icon-holder,
.header-three .newsflash .textslide-one,
.header-three .icon-holder {
color: var(--secondary-color);
font-weight: 600;
}
.product-category-btn>span {
position: relative;
display: block;
}
.product-category-btn>span::after {
content: "\f107";
font-family: fontawesome;
position: absolute;
right: 0;
}
.product-category-browse,
.product-category-menus {
position: relative;
z-index: 2;
}
.header-four .product-category-browse .main-menu .nav-link {
color: var(--secondary-color);
}
.product-category-menus-list.active .main-menu>li:not(.more-item) {
display: none;
}
.product-category-menus-list.active .main-menu::after {
content: '';
position: absolute;
width: calc(25% - 20px);
height: 1000%;
background: #fff;
z-index: -1;
left: 0px;
top: 0;
}
.product-category-menus .product-category-menus-list {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
z-index: 0;
display: none;
transition: all 0.5s;
background-color: #e8e8e85c;
overflow: hidden;
box-shadow: 0 0 1px 0px #000000;
}
.product-category-menus-list .main-menu .dropdown-menu {
min-width: 200px;
max-width: 400px;
width: 114%;
}
.product-category-menus-list > ul.main-menu {
overflow-y: auto;
max-height: calc(100vh - 250px);
-ms-overflow-style: none;
scrollbar-width: none;
display: block;
padding: 25px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.product-category-menus-list .main-menu>li,
.product-category-menus-list .dropdown-menu>li {
position: relative;
}
.product-category-menus-list > ul.main-menu > li {
max-width: calc(25% - 50px);
}
.product-category-menus .main-menu>li a img, .product-category-menus .main-menu>li a i {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0;
line-height: 50px;
margin-right: 10px;
margin-left: -1px;
transform: translateY(0);
border-radius: 100%;
font-size: 30px;
text-align: center;
border: 1px solid var(--primary-color);
}
.main-header .product-category-menus-list .dropdown-menu {
left: 100%;
top: -10px;
background-color: var(--white);
border: none;
padding: 10px;
margin-left: 10px;
}
.product-category-menus-list .main-menu>li,
.product-category-menus-list .dropdown-menu>li {
position: relative;
}
.main-header .product-category-menus-list .dropdown-menu {
left: 100%;
top: -10px;
background-color: var(--white);
border: none;
padding: 10px;
margin-left: 10px;
}
.product-category-menus-list .main-menu>li a {
padding: 0 18px 0 0;
transform-origin: 0 0;
background-color: var(--white);
border: 1px solid var(--primary-color);
transition: transform var(--duration) var(--easing), color var(--duration) var(--easing);
transition-delay: var(--delay-out);
border-radius: 30px;
margin-bottom: 10px;
}
.product-category-menus-list .main-menu>li>a {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
line-height: 50px;
color: var(--secondary-color);
transition: 0.65s;
position: relative;
}
.product-category-menus-list .main-menu>.menu-item-has-children>a::after,
.main-header .product-category-menus-list .dropdown-menu>.menu-item-has-children>a::after {
content: "\f107";
position: absolute;
right: 18px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
transition: 0.65s;
}
.product-category-menus-list .main-menu>.menu-item-has-children:hover>a::after,
.main-header .product-category-menus-list .dropdown-menu>.menu-item-has-children:hover>a::after {
transform: rotate(-90deg);
}
.product-category-menus-list .dropdown-menu>li>a {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: flex-start;
line-height: 50px;
color: var(--secondary-color);
transition: 0.65s;
margin-bottom: 10px;
}
.product-category-menus-list .dropdown-menu>li>a:hover,
.product-category-menus-list .dropdown-menu>li>a:focus-within {
background-color: var(--primary-color);
color: var(--secondary-color);
}
.product-category-menus-list .dropdown-menu>li:last-child>a {
margin-bottom: 0px;
}
.product-category-menus-list .main-menu>li>a:hover,
.product-category-menus-list .main-menu>li>a:focus-within {
background-color: var(--primary-color);
}
.product-category-btn i {
margin-right: 10px;
font-size: 22px;
vertical-align: text-bottom;
}
.product-category-browse .main-menu {
display: block;
background-color: var(--white);
padding: 25px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.product-category-browse .main-menu>li a img,
.product-category-browse .main-menu>li a i {
width: 50px;
height: auto;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0; margin-right: 7px;
transform: translateY(0);
}
.attribute-search-wrapper .attribute-search-form,
.ts-header .vertical-menu-wrapper>.vertical-menu {
position: absolute;
left: 0;
width: 360px;
top: 100%;
z-index: 5;
display: none;
}  .header-search-popup {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 999;
overflow: hidden;
display: none;
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.search-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
background-color: #000000;
width: 100%;
height: 100%;
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-animation: search-layer 0.3s ease-out reverse;
animation: search-layer 0.3s ease-out reverse;
}
.header-search-popup .header-search-form {
width: 100%;
max-width: 450px;
margin: auto;
position: relative;
top: 50%;
border: none;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s ease 0.8s;
transition: all 1s ease 0.8s;
z-index: 1;
}
.header-search-form {
border-radius: 5px;
border: 1px solid rgba(var(--border), 1);
max-width: 100%;
position: relative;
background: rgba(var(--white), 1);
}
.close-style:not(.main-mobile-menu .close-style) {
border: none;
}
.header-search-popup .header-search-close {
width: 45px;
height: 45px;
top: 12%;
right: 100px;
margin: auto 0;
-webkit-transition: all 1s ease 0.8s;
transition: all 1s ease 0.8s;
opacity: 0;
visibility: hidden;
}
.header-search-active .header-search-popup {
display: block;
visibility: visible;
opacity: 1;
}
.header-search-active .header-search-popup .header-search-form {
max-width: 450px;
min-width: 280px;
opacity: 1;
visibility: visible;
}
.close-style {
position: absolute; right: 15px;
display: block;
width: 46px;
height: 46px;
border-radius: 0;
z-index: 9;
border: 1px;
border: 1px solid rgba(var(--sc), 1);
}
.header-search-form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-search-form form ::placeholder {
color: var(--secondary-color);
}
.header-search-form form .search-wrapper {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.header-search-form form>button {
position: relative;
padding: 14px 25px;
background-color: var(--primary-color);
border-radius: 0 5px 5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-menu-right::placeholder {
color: var(--secondary-color);
}
.header-search-active .header-search-popup,
.header-search-active .header-search-close,
.header-search-active .header-search-popup .header-search-form {
opacity: 1;
visibility: visible;
}
.header-search-popup .header-search-form .header-search-button {
height: 50px;
}
.header-search-popup .header-search-form .header-search-select {
height: 50px;
}
.header-search-popup .header-search-form .header-search-input {
height: 50px;
}
.header-search-popup .header-search-form {
width: 100%;
max-width: 450px;
margin: auto;
position: relative;
top: 50%;
border: none;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s ease 0.8s;
transition: all 1s ease 0.8s;
z-index: 1;
}
.header-search-form {
border-radius: 5px;
border: 1px solid rgba(var(--border), 1);
max-width: 100%;
position: relative;
background: rgba(var(--white), 1);
}
.header-search-popup input.search.header-search-input {
width: 100%;
padding: 10px;
outline: none;
border: none;
}
.header-three input.search.header-search-input + svg, .header-five input.search.header-search-input + svg {
display: none;
}
.search-results.active {
color: var(--secondary-color);
}
.footer-content #menu-primary-menu.menu {
float: left;
}
.header-one .header-search-form form {
display: flex;
}
a.animate-btn2 {
padding: 10px 15px;
font-size: 18px;
position: relative;
overflow: hidden;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(6px);
transition: 0.85s;
z-index: 0;
text-decoration: none;
color: #fff;
text-transform: capitalize;
display: inline-block;
}
.animate-btn2.active-bg {
background: var(--primary-color);
}
.animate-btn2 {
margin-right: 10px;
}
.animate-btn2:hover {
color: var(--primary-color);
}
.animate-btn2>span {
position: relative;
z-index: 2;
}
.animate-btn2>span>i {
font-size: 13px;
margin-left: 5px;
}
.animate-btn2:after {
position: absolute;
content: '';
top: 0;
right: 100%;
left: 0;
bottom: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.6);
transition: 0.65s;
}
.animate-btn2:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 100%;
bottom: 0;
z-index: 0;
transition: 0.65s;
background: rgba(0, 0, 0, 0.6);
}
.animate-btn2:hover:after {
right: 0%;
background: rgba(0, 0, 0, 1);
}
.animate-btn2:hover:before {
left: 0%;
background: rgba(0, 0, 0, 1);
}
.animate-btn2:before {
position: absolute;
content: '';
}
.header-five .header-search-form form {
display: flex;
width: 100%;
}
.header-five .header-search-form form input {
width: 80%;
background: rgba(0, 0, 0, 0.5);
outline: none;
border: none;
color: #fff;
height: 40px;
}
.header-five .header-search-form form ::placeholder {
color: var(--white);
}
.header-five .header-search-form form button:hover,
.header-five .header-search-form form button:focus-within {
background: var(--secondary-color);
color: var(--white);
}
.header-five .header-search-form form button {
width: 20%;
background: var(--primary-color);
border: none;
color: #fff;
transition: 0.65s;
height: 40px;
border-radius: 0;
display: block;
padding: 0;
}
aside.widget.select-currency:before {
content: '';
border-left: 1px solid #00000052;
position: absolute; height: 14px;
top: 50%;
transform: translate(0, -50%);
}
aside.widget.select-currency:after {
content: '';
border-right: 1px solid #00000052;
position: absolute; height: 14px;
top: 50%;
transform: translate(0, -50%);
}
.header-one aside.widget.select-currency:before,
.header-one aside.widget.select-currency:after {
border-color: var(--white);
}
aside.widget.select-currency {
position: relative;
margin: 0 10px;
padding: 0 5px;
}
marquee {
height: 20px;
line-height: 1;
vertical-align: middle;
}
.cart-icon-wrap {
background: none;
border: none;
color: #fff;
font-size: 24px;
}
.main-navigation .widget-contact .contact-info p {
font-size: 16px;
}
.main-navigation .widget-contact .contact-info a {
font-size: 16px;
}
.main-navigation .widget-contact .contact-area {
display: flex;
align-items: center;
margin: 0 30px 0 0;
}
.main-navigation .widget-contact {
display: flex;
}
.main-navigation .widget-contact .contact-icon {
width: 40px;
height: 40px;
background: #fdf9f2;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
transition: all 0.5s ease;
}
.dropdown-menu .dropdown-item {
border-bottom: 1px solid #363636;
padding: 10px 15px;
text-decoration: none;
}
.nav-link-text i {
float: right;
line-height: 2;
font-size: 12px;
transition: 0.95s ease;
}
.dropdown-item:hover i {
transform: rotate(90deg);
}
.nav_menu-5 ul li a {
color: #5a5a5a;
}
.active-arrow::before {
transform: rotate(90deg);
transition: 0.65s;
}
.main-header.header-one,
.main-header.header-three {
background: transparent;
position: relative;
width: 100%;
z-index: 99;
}
.main-header .main-navbar .widget {
margin-bottom: 0;
display: inline-block;
vertical-align: baseline;
}
.main-header .above-header .widget-left .widget {
margin-bottom: 0;
}
.main-header .widget-right .main-navbar .select-currency select { font-weight: 500;
}
.above-header {
padding: 10px 0px;
}
.above-header {
position: relative;
background-color: transparent;
z-index: 9;
}
.header-above-wrapper.is-active .header-above-bar {
top: 100%;
} .header-two .widget_social_widget ul li .social-a,
.footer-copyright .widget_social_widget ul li .social-a {
border-radius: 40px;
}
.main-header .above-header .widget_nav_menu .sub-menu li a,
.header-two .above-header .widget_nav_menu .sub-menu li a,
.header-three .above-header .widget_nav_menu .sub-menu li a {
color: #5a5a5a;
} .header-above-bar {
position: absolute;
text-align: center;
top: -250%;
right: 0;
left: 0;
margin: 0 auto;
display: none;
height: auto;
width: 95%;
padding: 15px 0;
border-radius: 0;
background-color: #fff; z-index: 0; -webkit-box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
-webkit-transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
-o-transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
}
.header-one .above-header .widget_social_widget ul {
padding: 0px;
list-style: none;
padding-right: 0px;
margin: 0px;
position: relative;
z-index: 2;
}
.main-mobile-menu .widget_social_widget ul {
float: right;
}
.transparent-header {
background: transparent;
position: absolute;
} .main-mobile-nav { display: none;
width: 100%;
z-index: 99;
padding: 10px;
background: transparent;
}
.header-two .main-mobile-nav,
.header-four .main-mobile-nav,
.header-five .main-mobile-nav {
position: relative;
}
.header-above-btn {
margin-left: 12px;
height: 40px;
}
.header-above-collapse span,
.header-above-collapse span:before,
.header-above-collapse span:after {
position: absolute;
top: 15px;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
background: var(--primary-color);
left: 50%;
margin-left: -4px;
border-radius: 50%;
transform: scale(0.82);
}
.header-above-collapse span:before,
.header-above-collapse span:after {
content: '';
}
.header-above-collapse span:before {
top: 12px;
}
.header-above-collapse span:after {
top: -12px;
}
.main-mobile-menu.is-sticky-menu {
padding: 10px 20px;
}
.main-mobile-menu {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
min-height: 72px;
}
.main-mobile-left {
flex: auto;
}
.main-mobile-nav .main-mobile-build { padding-top: 62px;
background: #fff;
}
.menu-collapse-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.hamburger-menu {
width: 40px;
height: 40px;
vertical-align: middle;
border-radius: 0;
overflow: hidden;
}
.hamburger-menu div {
height: 3px;
width: 100%;
margin: 0 0 5px;
}
.hamburger-menu div.bottom-bun {
margin: 0;
}
.header-above-collapse {
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid var(--primary-color);
border-radius: 0px;
padding: 0;
overflow: hidden;
position: relative;
background: transparent;
z-index: 0;
}
.header-above-collapse span {
top: 40%;
}
.header-search-form .close-style{
display: none;
}
.menu-collapsed:not(.footer-small .menu-collapsed) {
width: inherit;
height: inherit;
display: block;
position: relative;
z-index: 0;
border-radius: 0px;
border: 1px solid var(--primary-color);
background: transparent;
}
.header-menu-active .main-mobile-build {
top: 100%;
}
.main-mobile-build {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 0;
width: 100%; height: auto;
padding: 0;
margin: auto;
text-align: left; -webkit-transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
-o-transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
}
.main-mobile-build .product-categories img {
display: none;
} .main-mobile-build .product-categories ul i {
margin-right: 10px;
}
.switcher-tab {
display: flex;
align-items: center;
width: 100%;
}
.browse-more {
background: var(--primary-color);
color: var(--secondary-color);
border: none;
width: 100%;
line-height: 50px;
border-radius: 30px;
transition: 0.65s;
}
.browse-more:hover {
background: var(--secondary-color);
color: var(--white);
}
.switcher-tab>button {
border: none;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
width: 50%;
position: relative;
padding: 15px 0;
}
.main-mobile-menu ul.main-menu {
height: 100%;
max-height: 64vh;
overflow-x: hidden;
overflow-y: overlay;
-ms-touch-action: overlay;
-webkit-overflow-scrolling: touch;
touch-action: auto;
display: flex;
flex-direction: column;
}
.main-mobile-menu ul,
.main-mobile-menu ul li {
padding: 0;
list-style: none;
position: relative;
border: 0;
margin-bottom: 0;
}
.main-mobile-menu ul li {
display: flex;
line-height: 40px;
justify-content: flex-start;
flex-wrap: wrap;
}
.main-mobile-menu ul.main-menu .menu-item a {
display: flex;
overflow: hidden;
align-items: center;
justify-content: flex-start;
color: #ffffff;
}
.main-mobile-menu ul.main-menu li>a {
text-transform: none;
font-weight: 600;
letter-spacing: 0.5px;
}
.main-mobile-menu ul.main-menu>li a {
width: 100%;
padding: 0;
padding-left: 15px;
}
a.nav-link {
text-decoration: none;
}
.main-mobile-menu .main-menu>li>a,
.main-mobile-menu .dropdown-menu li a {
font-size: 18px;
}
.main-mobile-menu ul.main-menu li.menu-item-has-children {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mobile-collapsed>button {
cursor: pointer;
flex-basis: 10%;
font-size: 18px;
text-align: center;
line-height: 46px;
padding: 0 1.17em;
border: 0;
border-radius: 0;
border-left: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
} .main-mobile-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
right: 0;
bottom: 0;
left: 0;
transition: all .35s cubic-bezier(.645, .045, .355, 1);
-webkit-transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
-o-transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
background-color: var(--secondary-color);
visibility: hidden;
transform: translateX(-150%);
}
.main-mobile-menu ul.main-menu li.menu-item-has-children ul.dropdown-menu li>a {
padding-left: 25px;
width: 100%;
flex: 1;
}
span.mobile-collapsed {
max-width: 60px;
}
.main-mobile-menu ul.main-menu .menu-item-has-children>a {
flex: 1;
}
.main-mobile-menu ul.main-menu>li a {
width: 100%;
padding: 0;
color: var(--bs-secondary);
padding-left: 15px;
}
.main-mobile-menu ul.main-menu .dropdown-menu {
margin: 0;
float: none;
clear: both;
background: var(--secondary-color);
border-top: 1px solid #363636;
width: 100%;
padding: 0;
border-radius: 0;
box-shadow: none;
}
.main-mobile-menu ul.main-menu .dropdown-menu {
display: none;
}
.close-style {
position: absolute;
top: 15px;
right: 15px;
margin: 0 auto;
display: block;
width: 32px;
height: 32px;
border-radius: 0;
border-color: var(--primary-color);
border-style: solid;
background: var(--bs-white);
z-index: 9;
}
.close-style:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-style:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.close-style:before,
.close-style:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 25px;
height: 4px;
background: var(--secondary-color);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
} .menu-bar .widget_nav_menu {
z-index: 99;
}
.header-above-bar .widget_nav_menu .sub-menu {
left: 0;
top: 35px;
}
.main-header .widget_nav_menu .sub-menu,
.header-two .widget_nav_menu .sub-menu,
.header-three .widget_nav_menu .sub-menu {
position: absolute;
z-index: 99;
width: 105px;
background: var(--bs-white);
padding: 10px 15px;
margin: 0;
border: 0;
border-radius: 0;
-moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
box-shadow: 0 -8px 16px rgb(0 0 0 / 8%);
font-size: 16px;
text-align: left;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.header-one .widget_nav_menu li {
position: relative;
}
.header-one .widget_nav_menu li .sub-menu {
right: 0;
}
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu {
display: list-item;
text-align: center;
width: 230px;
padding: 20px;
}
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a {
text-decoration: none;
}
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a span {
color: var(--primary-color);
text-decoration: underline;
}
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a:hover span,
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a:focus span {
text-decoration: dotted underline;
}
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li:first-child a {
padding: 10px;
display: block;
background: var(--primary-color);
color: var(--secondary-color);
font-weight: 600;
margin-bottom: 20px;
}
.widget_social_widget ul li {
display: inline-block;
}
.header-one .widget_social_widget ul li .social-a {
margin: 0 7px 0 0;
}
.widget_social_widget ul li .social-a {
width: 40px;
height: 40px;
display: block;
box-shadow: 0px 0px 5px -3px;
line-height: 40px;
text-align: center;
margin-left: 7px;
transition: 0.65s;
}
.header-four .widget_social_widget ul li .social-a:first-child {
margin-left: 0px;
}
.header-four .widget_social_widget ul li:not(:last-child) .social-a {
margin-right: 10px;
}
.header-three .main-navigation-area .main-menu li:first-child a:not(.dropdown-menu li a) {
padding-left: 0;
}
.widget_social_widget ul li .social-a:hover i,
.widget_social_widget ul li .social-a:focus-within i,
.social-effect .social-a.active i {
transform: scale(1.5);
transition: 0.65s;
}
.main-navbar .dropdown-menu li {
position: relative;
margin-bottom: 0;
}
.product-category-menus-list .dropdown-menu,
.main-navbar .dropdown-menu {
position: absolute;
z-index: 99;
width: 220px;
background: var(--secondary-color);
padding: 0px;
margin: 0;
border-bottom: 2px solid var(--primary-color);
border-radius: 0;
-moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
box-shadow: 0 -8px 16px rgb(0 0 0 / 8%); text-align: left;
display: block;
opacity: 0; -webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.widget-right .menu {
padding: 0px;
list-style: none;
margin-left: 10px;
}
.widget-right .menu li {
display: list-item;
}
.widget_wmc_widget, .widget_nav_menu:has([id *='language']) {
display: inline-block;
}
.header-one .newsflash {
color: var(--primary-color);
} select {
border: none;
padding: 0 5px; }
select:focus {
outline: 1px dotted var(--white);
}
.text-container {
line-height: 40px;
font-size: 16px;
margin-right: 20px;
}
.icon-holder { margin-right: 5px;
display: inline-block;
}
.main-navbar .widget_social_widget ul {
display: flex;
justify-content: end;
}
.header-two .main-navigation-area.is-sticky-on:not(.is-sticky-menu), .main-navigation-area.is-sticky-menu {
padding: 15px 0;
}
.main-navigation-area.is-sticky-menu .phone-icon a,
.main-navigation-area.is-sticky-menu .btn-deal {
background-color: var(--primary-color);
color: var(--secondary-color);
font-weight: 600;
transition: 0.65s;
}
.main-navigation-area.is-sticky-menu .phone-icon a {
background: none;
color: var(--primary-color)
}
.header-four .header-search-form select.header-search-select {
background-color: rgba(255 255 255 / 91%);
color: var(--secondary-color);
}
.header-four .phone-icon a {
width: unset;
height: unset;
background: none;
box-shadow: none;
font-size: 45px;
}
.header-four .call-detail .phone-icon a:hover {
background: none;
color: var(--primary-color);
}
.main-navigation-area.is-sticky-menu .phone-icon a:hover,
.main-navigation-area.is-sticky-menu .btn-deal:hover {
background-color: var(--white);
color: var(--secondary-color);
}
.header-search-form select.header-search-select {
background: rgba(255 255 255 / 53%);
color: var(--white);
font-weight: 500;
}
.header-search-form select.header-search-select>option {
color: var(--secondary-color);
font-weight: 500;
}
.main-navigation {
background: rgb(255 255 255 / 30%);
padding: 20px 0;
position: relative;
}
.logo img { }
footer .logo img {
width: auto;
max-width: 200px;
} .header-search-form input[type='search'] {
width: 91%;
background: rgba(255, 255, 255, 0.4);
border: none;
outline: none;
padding: 7px 14px;
height: 50px;
color: #ffffff;
}
.header-search-form input[type='search']:focus {
box-shadow: none;
outline: 1px dotted;
}
.header-search-form select.header-search-select {
height: 50px;
}
.header-search-form form>button {
height: 50px;
}
input[type='text'] {
width: 91%;
background: rgba(255, 255, 255, 0.4);
border: none;
outline: none;
padding: 7px 14px;
}
.header-search-button {
background: var(--primary-color);
border-radius: 0px;
border: none;
padding: 7px 0px; width: 7.5%;
display: inline-block;
transition: 0.65s;
}
.header-search-form form>button {
color: var(--secondary-color);
}
.header-search-form {
vertical-align: middle;
}
.header-two .header-search-form {
width: 100%;
}
.header-two .header-search-form input[type='search'] {
background: rgba(0, 0, 0, 1);
color: var(--white);
}
.header-two .header-search-form input[type='search']::placeholder {
color: var(--white);
}
.header-two .header-search-form select.header-search-select {
background: rgba(0 0 0 / 70%);
color: var(--white);
}
.header-two .header-search-form select.header-search-select option {
color: var(--white);
}
.header-search-form form>button {
border-radius: 0;
}
.header-two .above-header .widget-left .widget {
display: inline-block;
}
.menu-right-list {
list-style: none;
margin: 0px;
display: flex;
align-items: center;
}
.menu-right-list .cart-label > span > .woocommerce-Price-amount.amount {
display: none;
}
ul.menu-right-list .button-area a {
text-decoration: none;
border-radius: 0;
display: inline-block;
background: var(--primary-color);
border: none;
padding: 10px 15px;
color: var(--secondary-color);
font-weight: 600;
margin-left: 10px;
box-shadow: none;
outline: 1px dotted;
}
.header-one .menu-right-list {
display: flex;
align-items: center;
}
.menu-right-list li {
display: inline-block;
margin-left: 15px;
}
.menu-right-list li .favourite-btn,
.menu-right-list li .arrow-btn,
.menu-right-list li .myaccount-btn {
text-decoration: none;
position: relative;
font-size: 24px;
}
.menu-right-list > li i + span,
.cart-icon-wrap span {
width: 20px;
height: 20px;
display: block;
line-height: 20px;
text-align: center;
border-radius: 50px;
position: absolute;
top: 0;
right: -8px;
font-size: 12px;
transition: 0.65s;
}
.menu-right-list > li i + span {
color: #ffffff;
background-color: var(--primary-color);
}
.cart-icon-wrap {
position: relative;
padding: 0;
}
.header-two .cart-wrapper .cart-icon-wrap {
color: var(--white);
}
.cart-label span {
font-size: 18px;
vertical-align: text-bottom;
color: #fff;
margin-left: 10px;
}
.cart-modal {
display: none;
animation: fade_hide linear 0.5s forwards;
}
.cart-modal {
position: fixed;
top: 0;
width: 320px;
z-index: 99;
right: -100%;
bottom: 0;
transition: 1s ease;
color: initial;
}
.cart-modal.cart-active {
display: block;
right: 0;
}
.cart-modal img, .sidebar .cart-img-col img {
width: 60px;
height: auto;
}
.cart-modal .cart-img-col .remove_from_cart_button, .sidebar .cart-img-col .remove_from_cart_button {
margin-right: 10px;
}
.cart-top {
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
padding: 10px;
}
.cart-text {
font-size: 16px;
font-weight: 700;
}
.cart-top .cart-close {
font-size: 16px;
text-decoration: none;
}
.sidebar .cart-footer .cart-ft-amt {
color: initial;
}
.cart-products {  }
.cart-container .cart-body .cart-product, .sidebar .cart-body .cart-product {
display: flex; padding: 5px 10px;
border-bottom: 1px solid #e8e8e8;
}
.cart-img-col {
margin-right: 20px;
}
.cart-img-col .remove_from_cart_button, .woocommerce .cart-img-col .remove_from_cart_button {
display: inline-block;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
.cart-footer .cart-ft-totals {
padding: 10px;
}
.cart-footer .cart-ft-amt {
display: flex;
justify-content: space-between;
font-weight: 700;
}
.cart-ft-buttons-cont {
text-align: center;
}
.cart-ft-buttons-cont .cart-ft-btn:hover,
.cart-ft-buttons-cont .cart-ft-btn:focus-within {
background: var(--secondary-color);
color: var(--white);
}
.cart-ft-buttons-cont .cart-ft-btn, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.cart-ft-btn {
background: var(--primary-color);
color: var(--white);
border: none;
transition: 0.65s;
text-decoration: none;
border-radius: 0;
margin: 0 5px 10px;
}
.header5 .navigation-wrapper .widget-left aside.widget_nav_menu {
justify-content: flex-end;
}
.header5 .navigation-wrapper .widget-left aside {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.widget>ul,
.widget div>ul,
.tagcloud {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 0;
}
element.style {
width: 16px;
height: 11px;
}
.header5 #menu-language-menu li>a>img {
display: inline-block;
}
.product-category-menus-list .main-menu .menu-item:hover>.dropdown-menu,
.product-category-menus-list .main-menu .menu-item:focus-within>.dropdown-menu,
.main-footer .widget_nav_menu .menu-item:hover>.sub-menu,
.main-footer .widget_nav_menu .menu-item:focus-within>.sub-menu,
.main-header .widget_nav_menu .menu-item:hover>.sub-menu,
.main-header .widget_nav_menu .menu-item:focus-within>.sub-menu,
.header-two .widget_nav_menu .menu-item:hover>.sub-menu,
.header-two .widget_nav_menu .menu-item:focus-within>.sub-menu,
.header-three .widget_nav_menu .menu-item:hover>.sub-menu,
.header-three .widget_nav_menu .menu-item:focus-within>.sub-menu,
.main-footer .main-menu .menu-item:hover>.dropdown-menu,
.main-footer .main-menu .menu-item:focus-within>.dropdown-menu,
.main-navbar .main-menu .menu-item:hover>.dropdown-menu,
.main-navbar .main-menu .menu-item:focus-within>.dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .textout {
position: relative;
overflow: hidden;
}
.nav-link-text {
font-size: 16px;
font-weight: 600;
}
.textin {
position: absolute;
font-size: 16px;
font-weight: 600;
left: 0px;
color: #fff;
opacity: 0;
transform: scale(1.5);
}
.main-navbar ul li .nav-link:hover .textin,
.widget_nav_menu .menu a:hover .textin,
.brand ul li a:hover .textin,
.main-navbar ul li .nav-link:focus .textin,
.widget_nav_menu .menu a:focus .textin,
.brand ul li a:focus .textin {
opacity: 1;
transform: scale(1);
transition: 0.75s ease;
color: var(--primary-color);
}
.header-one .main-navbar ul li .nav-link.active .textin,
.header-one .widget_nav_menu .menu a.active .textin,
.header-one .brand ul li a.active .textin {
opacity: 1;
transform: scale(1);
transition: 0.75s ease;
color: var(--primary-color);
}
.header-one .header-search-form form ::placeholder {
color: var(--white);
}
.brand ul li a .textin {
font-size: 16px;
font-weight: 400;
}
.header-two .main-navbar ul li .nav-link:hover .textin,
.header-two .main-navbar ul li .nav-link:focus-within .textin,
.header-two .main-navbar ul li .nav-link.active .textin {
color: var(--primary-color);
}
.dropdown-menu li .dropdown-item:hover .textin,
.dropdown-menu li .dropdown-item:focus .textin {
opacity: 1;
transform: scale(1);
transition: 0.75s ease;
color: var(--primary-color);
} .widget_nav_menu .menu a .textin {
font-size: 16px;
font-weight: 400;
}
.main-menu {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
}
.header-three .main-navigation-area .main-menu {
flex-wrap: wrap;
}
.header-three .main-navigation-area .main-menu li a {
padding: 8px 10px;
}
.header-three .widget-left,
.header-three .widget-right {
padding: 5px 0;
}
.header-three .widget_nav_menu ul li a,
.header-three .select-currency select {
color: var(--secondary-color);
font-weight: 600;
}
.header-three .contact-detail-top li a {
color: var(--secondary-color);
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-item {
border-bottom: 2px solid var(--primary-color);
}
.phone-icon a {
width: 40px;
height: 40px;
box-shadow: 0px 0px 5px -1px #666;
text-align: center;
line-height: 40px;
font-size: 18px;
transition: all 0.5s ease;
display: block;
padding: 0;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color .5s;
z-index: 0;
}
.header-one .phone-icon a {
width: unset;
height: unset;
background: none;
font-size: 45px;
box-shadow: none;
}
.header-one .call-detail .phone-icon a:hover,
.header-one .call-detail .phone-icon a:focus-within {
background: none;
color: var(--primary-color);
}
.phone-number p {
margin: 0px;
font-size: 18px;
}
.main-detail p {
margin: 0px;
font-size: 16px;
}
.phone-number {
font-size: 14px;
}
.main-detail {
font-size: 14px;
line-height: 20px;
}
.phone-number span,
.main-detail span {
font-weight: 600;
font-size: 16px;
}
.header-four .contact-detail-top li a {
color: var(--secondary-color);
font-weight: 600;
}
.header-four .contact-detail-top li a i {
color: var(--secondary-color);
}
.header-four #menu-above-header-menu li a,
.header-four .select-currency select,
.header-four #menu-language-menu li a {
color: var(--secondary-color);
font-weight: 600;
}
.header-four .main-navigation {
background-color: var(--secondary-color);
border-bottom: 1px solid #3c3939;
}
.header-four .header-search-form form {
display: flex;
}
.header-four .header-search-form form::placeholder {
color: var(--secondary-color);
}
.header-four input[type='text'] {
border-radius: 0;
background: #fff;
color: var(--secondary-color);
height: 50px;
}
.header-four .header-search-form input[type='text'] {
width: 67%;
}
.header-four .navgation-wrapper .main-navigation-area {
background-color: var(--secondary-color);
padding: 10px 0;
}
.header-four .navgation-wrapper .call-detail .phone-icon + div p {
color: var(--primary-color);
font-size:18px;
margin-bottom: 0;
}
.header-four .navgation-wrapper .call-detail .phone-icon + div a {
font-size:18px;
color: #ffffff;
}
.header-four .header-search-button {
background: var(--primary-color);
border-radius: 0px;
height: 50px;
display: block;
padding: 0;
min-width: 50px;
}
.header-four .st-wcwl-items-count,
.header-four .cart-icon-wrap span {
background: var(--primary-color);
color: var(--secondary-color);
}
.header-four .main-menu .nav-link {
color: var(--white);
font-weight: 600;
} .header-four .main-menu .nav-link.active {
color: var(--primary-color);
}
.header-four .hamburger-menu div {
background: var(--secondary-color);
}
.header-four .header-above-collapse span,
.header-four .header-above-collapse span:before,
.header-four .header-above-collapse span:after {
background-color: var(--secondary-color);
}
.header-four .widget_social_widget ul li a,
.header-four .widget_social_widget ul li a i {
transition: all 0.2s linear 0s;
}
.header-four .widget_social_widget ul li a {
background-color: var(--secondary-color);
color: var(--white);
}
.header-four .widget_social_widget ul li a:hover,
.header-four .widget_social_widget ul li a:focus { background-color: var(--white);
color: var(--secondary-color);
}
.header-four .text-container .textslide-one {
color: var(--secondary-color);
font-weight: 600;
}
.header-four .text-container .icon-holder i,
.header-two .text-container .icon-holder i {
color: var(--secondary-color);
border: none;
} .header-five .contact-detail-top li a {
font-weight: 600;
}
.header-five .header-search-form {
display: flex;
align-items: center;
width: 50%;
}
.header-five .main-menu-right ul { padding: 0;
text-align: end;
justify-content: end;
}
.header-five .above-header .row {
align-items: center;
} .footer-small {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%; text-align: center;
background-color: var(--secondary-color);
z-index: 99999;
transition: bottom .3s;
border-top: 1px solid #323232;
}
.footer-small .footer-mobile-menu a {
width: 40px;
height: 60px; display: inline-block; text-align: center; color: var(--primary-color);
transition: 0.65s;
position: relative;
font-size: 26px;
line-height: 60px;
z-index: 0;
}
.footer-small .footer-mobile-menu a.hover-color::before {
content: "";
position: absolute;
width: 100%;
left: 0;
z-index: -1;
top: 0;
background: rgba(255 255 255 / 30%);
border-radius: 0;
border-top: 5px solid;
border-radius: 0 0 10px 10px;
}
.footer-small .footer-mobile-menu a.hover-color::after {
content: "";
position: absolute;
width: 100%;
right: 0;
z-index: -1;
bottom: 0;
background: rgba(255 255 255 / 30%);
border-radius: 0;
border-bottom: 5px solid;
border-radius: 10px 10px 0px 0px;
} .preloader {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 9999999;
overflow: hidden;
background: var(--primary-color);
}
.slider_three .slide-text-wrapper {     } .slider_four .slide-text-wrapper span {
color: var(--secondary-color);
font-weight: 700;
font-size: 36px;
}
.slider_four .slide-text-wrapper .sale50 {
color: var(--primary-color);
}
.slider_four .slide-text-wrapper .slide-text-title {
color: var(--secondary-color);
}
.slider_four .slide-text-btn {
background-color: var(--secondary-color);
border-radius: 2px;
border: none;
}
.slider_four .slide-text-btn i {
font-size: 10px;
}
.slider_four .owl-carousel .owl-nav button.owl-prev,
.slider_four .owl-carousel .owl-nav button.owl-next {
border-radius: 3px;
} .slider_five {
background-color: #FEFDFB;
}
.slider_five .slide-text-wrapper span {
font-size: 36px;
font-weight: 600;
}
.slider_five .slide-text-wrapper .slide-text-title {
font-size: 76px;
font-weight: 700;
}
.slider_five .slide-text-wrapper h6 {
font-size: 50px;
font-weight: 600;
}
.slider_five .slide-text-wrapper {
text-align: left;
}
.slider_one .owl-carousel .owl-item.active .slide-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}
.slider_two .owl-carousel .owl-item.active .slide-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInRight;
animation-delay: 0.3s;
}
.slider_three .owl-carousel .owl-item.active .slide-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.3s;
}
.slider_four .owl-carousel .owl-item.active .slide-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.3s;
}
.slider_five .owl-carousel .owl-item.active .slide-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInRight;
animation-delay: 0.3s;
}
.slider_five .owl-carousel .owl-item.active .slider5-img {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.3s;
}
a.btn-deal {
padding: 10px 15px;
text-decoration: none;
transition: all 0.5s ease;
text-align: center;
font-size: 16px;
transition: all 0.5s ease;
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
transition: color .5s;
z-index: 0;
font-weight: 600;
} .slide-area {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 50px 0px; position: relative;
display: flex;
justify-content: center;
align-items: center; }
.slider_one .slide-area:before,
.slider_two .slide-area:before,
.slider_three .slide-area:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.slider_four .slide-text-wrapper {
position: relative;
width: 70%;
margin: 0 auto;
}
.slider_one .slide-text-wrapper.content-one {  }
.slider_one .slide-text-wrapper.content-two {
margin-right: auto;
margin-left: auto;
width: 50%;
}
.slider_one .slide-text-wrapper.content-three {
margin-left: auto;
width: 50%;
}
.slide-text-wrapper .slide-text-title {
font-size: 55px;
font-weight: 700;
}
.slider_two .slide-text-wrapper .slide-text-title {
font-size: 50px;
}
.slide-text-wrapper .slide-text-description {
font-size: 18px;
font-weight: 400;
}
.slide-text-btn:hover,
.slide-text-btn:focus {
color: #fff;
}
.slide-text-btn:before,
#scrollup:before,
.owl-prev:before,
.owl-next:before,
.phone-icon a:before,
.btn-deal:before {
left: -30px;
bottom: 100%;
transition: all .7s;
}
.slide-text-btn:hover:before,
#scrollup:hover:before,
.slide-text-btn:focus:before,
#scrollup:focus:before,
.owl-prev:hover:before,
.owl-next:hover:before,
.owl-prev:focus:before,
.owl-next:focus:before .phone-icon a:hover:before,
.btn-deal:hover:before,
.phone-icon a:focus:before,
.btn-deal:focus:before {
bottom: -50px;
color: #fff;
}
.slide-text-btn:before,
#scrollup:before,
.owl-prev:before,
.owl-next:before,
.phone-icon a:before,
.btn-deal:before {
content: "";
position: absolute;
z-index: -1;
background: var(--primary-color);
height: 150px;
width: 270px;
border-radius: 50%;
color: #fff;
transition: 0.95s ease;
}
a.slide-text-btn,
#scrollup,
.owl-next,
.owl-prev {
font-size: 18px;
font-weight: 600;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
padding: 10px 15px;
margin: 0 5px;
position: relative;
overflow: hidden;
border: 2px solid var(--primary-color);
transition: color .5s;
z-index: 1;
}
.slider-section .owl-nav,
.categories2 .owl-nav {
visibility: hidden;
transition: 0.65s;
}
.slider-section:hover .owl-nav,
.categories2:hover .owl-nav {
visibility: visible;
}
.slider-section .owl-prev,
.slider-section .owl-prev {
left: 0px;
}
.slider-section .owl-next,
.slider-section .owl-next {
right: 0px;
}
.slider-section:hover .owl-prev,
.categories2:hover .owl-prev {
left: 40px;
}
.slider-section:hover .owl-next,
.categories2:hover .owl-next {
right: 40px;
}
.slider-section .owl-prev,
.slider-section .owl-next,
.categories2 .owl-prev,
.categories2 .owl-next {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
width: 40px;
height: 40px;
border-radius: 0;
transition: 0.65s;
}
.slider-section .owl-prev,
.categories2 .owl-prev {
left: 20px;
}
.slider-section .owl-next,
.categories2 .owl-next {
right: 20px;
}
.slider_five .best-slide {
padding: 100px 0;
}
.categories2 .owl-prev,
.categories2 .owl-next {
border-radius: 40px;
}  .section-title .main-title {
text-transform: capitalize;
font-weight: 600;
font-size: 36px;
margin-bottom: 10px;
}
.section-title .main-description {
font-size: 16px;
font-weight: 400;
}
.categories-img {
position: relative;
overflow: hidden;
}
.categories-item:hover .categories-overlay,
.categories-item.active .categories-overlay,
.categories-item:focus-within .categories-overlay {
visibility: visible;
}
.categories-overlay {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 25%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
z-index: -1;
}
.tp-0 {
top: -25%;
transition: 0.25s;
animation-duration: 0.25s;
}
.categories-item:hover .tp-0,
.categories-item.active .tp-0,
.categories-item:focus-within .tp-0 {
top: 0%;
}
.tp-25 {
top: 0%;
transition: 0.35s;
animation-duration: 0.35s;
}
.categories-item:hover .tp-25,
.categories-item.active .tp-25,
.categories-item:focus-within .tp-25 {
top: 25%;
}
.tp-50 {
top: 25%;
transition: 0.45s;
animation-duration: 0.45s;
}
.categories-item:hover .tp-50,
.categories-item.active .tp-50,
.categories-item:focus-within .tp-50 {
top: 50%;
}
.tp-75 {
top: 50%;
transition: 0.55s;
animation-duration: 0.55s;
}
.categories-item:hover .tp-75,
.categories-item.active .tp-75,
.categories-item:focus-within .tp-75 {
top: 75%;
}
.categories-content {
text-align: center;
margin-top: 10px
}
.categories-content h4 {
margin-bottom: 10px;
}
.categories-content h4 a {
text-transform: capitalize;
text-decoration: none;
font-size: 22px;
font-weight: 600;
}
.categories-content p {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.categ-main-overlay {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
z-index: 0;
}
.hover-logo {
position: relative;
top: 50px;
}
.categories-item:hover .categ-main-overlay,
.categories-item.active .categ-main-overlay,
.categories-item:focus-within .categ-main-overlay {
visibility: visible;
}
.categories-item:hover .hover-logo,
.categories-item.active .hover-logo,
.categories-item:focus-within .hover-logo {
top: 0px;
transition: 0.35s;
}
.category4-section .categories-img {
position: relative;
overflow: visible;
height: 200px;
line-height: 230px;
background: #fff;
transition: 0.55s;
text-align: center;
border: 1px solid #f6ab4a;
border-radius: 15px 58px 15px 15px;
}
.category4-section .categories-img i {
font-size: 60px;
color: var(--primary-color);
}
.category4-section .categories-inner:hover .categories-img,
.category4-section .categories-inner:focus-within .categories-img {
background: var(--secondary-color);
box-shadow: 0 0 18px -6px #efefef;
}
.category4-section .categories-content h4 a {
font-weight: 700;
}
.category_four .categories-item:hover .categories-img>img,
.category_four .categories-item:focus-within .categories-img>img {
animation: rubberBand 2s;
}
.category4-section .count-categorie {
right: 0;
background-color: var(--secondary-color);
color: var(--white)
}
.category4-section .categories-item:hover .count-categorie,
.category4-section .categories-item:focus .count-categorie {
background-color: var(--primary-color);
color: var(--secondary-color)
}
.categories5-item {
text-align: center;
flex-direction: column;
justify-content: center;
padding: 30px;
transition: 0.65s;
display: flex;
align-items: center;
}
.categories5-item:hover {
background-color: var(--secondary-color);
} .categories5 .cate-img {
height: 150px;
width: 150px;
display: inline-block;
}
.categories5 .owl-carousel .owl-item img {
display: inline-block;
}
.categories5 .btn-cate {
color: var(--primary-color);
border: 1px solid #fff;
background: #fff;
transition: 0.95s;
}
.categories5:hover .btn-cate {
border: 1px solid var(--primary-color);
}
.categories5 .slide-text-btn:hover {
background-color: transparent;
}
.categories5-item i {
color: #ffffff;
} .categories2 .cate-img {
width: 150px;
height: 150px;
border-radius: 150px;
text-align: center;
line-height: 188px;
display: inline-block;
position: relative;
transition: 0.75s;
}
.cate-name h2 a {
text-decoration: none;
font-size: 18px;
font-weight: 600;
}
.cate-img i {
font-size: 75px;
position: relative;
}
.categories2 .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: block;
}
.categories2 .cate-img:before {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.5);
}
.categories2 .categories2-item:hover .cate-img:before,
.categories2 .categories2-item:focus-within .cate-img:before,
.categorie-two-slide .owl-item.center .categories2-item .cate-img:before {
visibility: visible;
width: 100%;
height: 100%;
}
.count-categorie {
position: absolute;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 40px;
background-color: var(--primary-color);
font-weight: 600;
font-size: 15px;
transition: 0.65s;
text-align: center;
}
.category3 .count-categorie {
left: 50%;
top: 70%;
transform: translate(-50%, -50%);
background-color: var(--secondary-color);
color: var(--white);
z-index: 1;
}
.category3 .categories-item:hover .count-categorie,
.category3 .categories-item:focus .count-categorie {
background-color: var(--primary-color);
color: var(--secondary-color);
transform: translate(-50%, -50%) translateY(-10px);
}
.categories2 .categories2-item:hover .cate-img .count-categorie,
.categories2 .categories2-item:focus-within .cate-img .count-categorie,
.categorie-two-slide .owl-item.center .categories2-item .cate-img .count-categorie {
background-color: var(--secondary-color);
color: var(--white)
}
.categories2 .cate-img:before {
content: '';
position: absolute;
background: var(--primary-color);
top: 50%;
right: 0;
left: 50%;
bottom: 0;
border-radius: 100%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
visibility: hidden;
transition: 0.75s;
}  .service-section .service:hover {
background: #fff;
box-shadow: 0 0 18px -6px #919191;
}
.service { border: 2px solid #fff;
padding: 30px;
text-align: center;
border-radius: 5px;
margin-bottom: 25px;
display: flex;
align-items: center;
flex-direction: column;
height: 250px;
transition: 0.85s;
}
.service:hover .service-img>img {
-webkit-animation: rubberBand 2s infinite;
-moz-animation: rubberBand 2s infinite;
-ms-animation: rubberBand 2s infinite;
-o-animation: rubberBand 2s infinite;
animation: rubberBand 2s infinite;
} .service-img {
margin-bottom: 10px;
font-size: 50px;
color: var(--primary-color);
}
.service-content h4 a {
font-size: 22px;
font-weight: 600;
color: var(--secondary-color);
text-decoration: none;
} .service .service-img img {
width: 75px;
height: 75px;
} .service2 {
background: #fff;
box-shadow: 0 0 3px 0 var(--primary-color);
padding: 30px;
margin-bottom: 25px;
display: flex;
align-items: center;
transition: 0.65s;
}
.service2:hover {
background: var(--secondary-color);
}
.service2:hover .service2-dec h3,
.service2:hover .service2-dec p {
color: #fff;
}
.service2 .service2-dec h3 {
font-size: 22px;
font-weight: 600;
color: var(--secondary-color);
}
.service2-img {
margin-right: 15px;
}
.service2-img i {
font-size: 50px;
color: var(--primary-color);
} .service3 {
border: 1px solid #fdf9f2;
padding: 30px;
text-align: center;
margin-bottom: 25px;
transition: 0.85s;
border: 1px solid var(--primary-color);
}
.service3:hover {
background: var(--secondary-color);
border: 1px solid var(--secondary-color);
}
.service3:hover .service3-content h3,
.service3:hover .service3-content p {
color: #fff;
}
.service3 .service3-img {
width: 70px;
height: 70px;
background: #fdf9f2;
border-radius: 70px;
line-height: 70px;
display: inline-block;
margin-bottom: 30px;
font-size: 30px;
color: var(--primary-color);
}
.service3-content h3 {
font-size: 20px;
font-weight: 600;
}  .product-single:hover .product-action,
.product-single:focus-within .product-action {
visibility: visible; }
.product-1 .product-single {
border: 1px solid #dbdbdb;
}
.product-1 .product-img {
margin-bottom: 0;
}
.product-1 .product-content-outer {
padding: 15px;
}
.product-action {
visibility: hidden;
transition: 0.55s ease;
text-decoration: none;
}
.product-action a,
.st-wcwl-add-button a {
text-decoration: none;
margin: 0 5px;
}
.products {
list-style: none;
padding: 0px;
text-align: center;
margin: 0;
}
.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer{
display: flex;
justify-content: center;
margin-top: 15px;
}
.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer>span {
display: flex;
flex-direction: column;
padding: 5px;
line-height: 1.1;
}
.dogmaa_ct-timer span:nth-child(1){
font-weight: 900;
color: var(--secondary-color);
}
.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer>span:not(:last-child){ margin-right: 10px;
}
.dogmaa_ct-timer span:nth-child(2) {
font-weight: 500;
}
.product-img {
position: relative;
padding: 30px;
margin-bottom: 20px; display: flex;
justify-content: center;
align-items: center;
}
.product-img a:not(.compare):nth-child(2):before { position: static;      }
.featured-product .product:hover a:not(.compare):nth-child(2):before {
top: 0;
opacity: 0;
}
.product.type-product {
padding: 0 10px;
margin-bottom: 25px;
}
.product.type-product:empty {
display: none;
}
.page-template-template-homepage-5 .feature-products5 .product-img img {
width: 100%;
height: auto;
}
.page-template-template-homepage-5 .feature-products5 .product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
display: none;
}
.woocommerce-product-attributes tbody {
color: initial;
}  .sale-ribbon {
position: absolute;
background: var(--primary-color);
top: 0;
left: 0px;
padding: 5px;
color: #fff;
z-index: 10;
transition: 0.65s;
}
.product-content h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.product-content h3 a {
text-decoration: none;
text-transform: capitalize;
}
.product-content p {
margin: 0 0 10px 0;
}
.product-content p i {
font-size: 16px;
margin: 0px 1px;
}
.product-content .price {
font-size: 16px;
font-weight: 600;
}
.product-content .price del {
margin-right: 5px;
}
.product-action a {
width: 40px;
height: 40px;
border: 1px solid var(--primary-color);
line-height: 40px;
padding-left: 1px;
border-radius: 30px;
display: block;
margin-bottom: 5px;
transition: 0.65s;
} .top-products .product-single {
border: 1px solid var(--primary-color);
}
.top-products .product-img {
background: transparent;
margin-bottom: 0;
}
.top-products .product-content {
background: #fff;
padding: 15px;
}
.top-products .product-img a:not(.compare):nth-child(2):before {
background-color: rgba(0, 0, 0, 0.5);
}
.top-products .product-action {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
} .team-section .team {
text-align: center;
}
.team-section .team-img {
background: #fff;
box-shadow: 0 -1px 3px 0 var(--primary-color)3b;
padding: 20px 20px 0 20px;
position: relative;
overflow: hidden;
}
.team-section .team-img img {
height: 300px;
}
.team-section .team-detail {
background: var(--primary-color);
padding: 20px;
transition: 0.85s;
}
.team-section .team:hover .team-detail {
background: var(--secondary-color);
padding: 20px;
}
.team-section .team:hover .team-detail span,
.team-section .team:hover .team-detail h4 {
color: #fff;
}
.team-section .team-detail h4 {
font-size: 24px;
font-weight: 600;
color: #fff;
}
.team-section .team-detail span {
font-size: 18px;
font-weight: 600;
color: var(--secondary-color);
}
.team-section .team:hover .team-img:before {
top: -60%;
right: -37%;
}
.team-section .team-img:before {
content: '';
top: -80%;
right: -100%; position: absolute; background: rgba(246, 171, 74, 0.5);
transform: rotate(-44deg);
height: 500px;
transition: 0.35s;
width: 100%;
}
.team-section .social-icon {
padding: 0;
list-style: none;
position: absolute;
top: -140px;
right: 20px;
visibility: hidden;
transition: 0.85s;
}
.team-section .team:hover .social-icon {
visibility: visible;
top: 20px
}
.team-section .social-icon li {
margin: 0 0 10px 0;
}
.team-section .social-icon li a {
width: 40px;
height: 40px;
background: #fff;
line-height: 40px;
text-align: center;
display: block;
color: var(--primary-color);
transition: 0.65s;
}
.team-section .social-icon li a:hover {
background-color: var(--primary-color);
color: #fff;
} .feature-product5 .banner_wrap {
text-align: center;
}
.feature-product5 .banner_wrap img {
max-width: 100%;
display: block;
filter: blur(4px);
transition: 0.65s;
}
.feature-product5 .banner_wrap:hover img {
filter: blur(0);
}
.banner-item {
position: relative;
overflow: hidden;
height: 100%;
}
.banner-item > img {
position: absolute;
object-fit: cover;
height: 100%;
}
.banner-content[class*="col"] {
position: relative;
padding: 54px 30px;  }
.banner-content span {
text-transform: capitalize;
font-size: 18px;
margin-bottom: 10px;
}
.banner-content h4 {
text-transform: capitalize;
font-size: 30px;
margin-bottom: 20px;
}
.banner-btn {
padding: 7px 12px;
text-transform: capitalize;
text-decoration: none;
font-size: 18px;
font-weight: 500;
}
.banner-effect {
position: absolute;
top: 50%;
left: -120%;
background: rgba(255, 255, 255, 0.5);
width: 50%;
transform: rotate(22deg) translateY(-50%);
height: 200%;
visibility: hidden;
transition: 0.75s ease;
}
.banner-item:hover .banner-effect {
left: 100%;
visibility: visible;
} .funfact-bg { background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
justify-content: center;
position: relative; padding: 80px 0px;
text-align: center;
}
.funfact-title {
display: flex;
justify-content: center;
position: relative;
text-align: center;
}
.funfact-title h4 {
font-size: 50px;
font-weight: 600;
}
.funfact-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.funfact-icon {
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
display: inline-block;
}
.funfact-content h5 {
font-size: 30px;
font-weight: 500;
}
.funfact {
border: 1px solid #fdf8f2;
text-align: center;
padding: 15px;
transition: .35s ease;
margin-bottom: 30px;
}
.funfact-content p {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.funfact-one .funfact-above {
padding: 0;
background: none;
text-align: center;
}
.funfact-above {
box-shadow: 0px 13px 5px -15px var(--primary-color);
padding: 15px;
margin-top: -126px;
position: relative;
}
.funfacts .funfact2-image,
.funfacts3 .funfact2-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
overflow: hidden; padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.funfacts .funfact2-image:before,
.funfacts3 .funfact2-image:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content-funfact span {
font-size: 26px;
font-weight: 600;
text-transform: capitalize;
}
.content-funfact h5>span {
font-size: 45px;
font-weight: 700;
}
.funfact-one .funfact-item {
background: rgba(0 0 0 / 10%);
}
.funfact-item {
backdrop-filter: blur(3px);
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border: 1px solid var(--primary-color);
position: relative;
z-index: 1;
}
.funfact-two .funfact-item:before {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
background: rgba(0 0 0 / 50%);
visibility: hidden;
transition: 0.65s;
z-index: -1;
}
.funfact-two .funfact-item:hover:before {
visibility: visible;
top: 0;
} .funfact4 {
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center; display: flex;
align-items: center;
}
.funfact4:before {
content: '';
position: absolute;
top: 0%;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
} .funfact4-content .counter,
.content span {
position: relative;
}
.funfact5 .funfact4-item:hover .funfact4-content .counter,
.funfact5 .funfact4-item:hover .funfact4-content span {
color: #fff;
}
.funfact5 .funfact4-item:after {
content: '';
position: absolute;
border: 1px dotted var(--primary-color);
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.funfact4-item {
position: relative;
text-align: center;
overflow: hidden;
background-color: #f3f3f312;
padding: 25px;
border: 1px solid #f9f9f926;
}
.funfact5 .funfact4-item:before {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 0;
background: var(--secondary-color);
transition: 0.85s;
}
.funfact4-item:before {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 100% 100% 0 0;
background: #00000026;
transition: 0.85s;
}
.funfact4-item:hover:before {
top: 0;
border-radius: 0;
}
.funfact4-item .funfact4-img img {
border-bottom: 2px solid #fff;
padding-bottom: 30px;
}
.funfact4 .funfact4-img { display: inline-block;
font-size: 50px;
color: var(--primary-color);
}
.funfact4-content {
margin-top: 20px;
position: relative;
z-index: 1;
}
.funfact4-content h5{
margin-bottom: 10px;
line-height: 1;
}
.funfact4-content h5>span {
font-size: 50px;
font-weight: 600;
color: #fff;
}
.funfact4-content span {
font-size: 21px;
font-weight: 500;
color: var(--white);
}
.funfact5 .funfact4-item .funfact4-img img {
border: none;
margin-bottom: 20px;
padding: 0;
}
.funfact5 .funfact4-item .funfact4-img i {
font-size: 50px;
color: var(--primary-color);
}
.funfact5 .funfact4-content .counter,
.funfact5 .funfact4-content span {
color: var(--secondary-color);
}
.funfact5 .funfact4-item .funfact4-img {
width: 150px;
height: 130px;
display: inline-block;
line-height: 150px;
position: relative;
} .work-progress img {
position: absolute;
width: 87%;
left: 50%;
margin-top: 40px;
transform: translateX(-50%);
}
.progress-content h4 {
font-size: 22px;
text-transform: capitalize;
margin: 10px 0;
}
.progress-item {
width: 200px;
height: 200px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
border-radius: 200px;
text-align: center;
line-height: 200px;
display: inline-block;
overflow: hidden;
transition: 0.8s ease;
font-size: 90px;
color: var(--primary-color)
}
.progress-inner:hover .progress-item {
box-shadow: 0px 0px 18px -15px var(--primary-color);
border: 1px solid var(--secondary-color);
}
.progress-inner.active .progress-item {
box-shadow: 0px 0px 18px -15px var(--primary-color);
border: 1px solid var(--secondary-color);
}
.progress-line {
background-repeat: no-repeat;
height: 340px;
background-position: center center;
background-size: contain;
}
.progress-inner:hover .progress-line {
visibility: visible;
transition: .85s ease;
}
.progress-mt1 {
margin-top: -320px;
}
.progress-mt2 {
margin-top: -280px;
}
.progress-mt3 {
margin-top: -220px;
}
.progress-mt4 {
margin-top: -280px;
} #deal1 .bestdeal-content {
padding: 0;
}
.best-deals {
background-size: cover;
}
.deal-left-img {
position: relative;
overflow: hidden;
}
.deal-effect {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
visibility: hidden;
}
.deal-left-img:hover .deal-effect {
visibility: visible;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 0px;
transform: translate(0, 0);
transition: 0.3s ease;
}
.deal-right {
padding: 70px 0;
}
.bestdeal-content h4 {
font-size: 16px;
font-weight: 500;
}
.bestdeal-content p i {
font-size: 16px;
margin: 0 1px;
}
.price-detail span {
font-size: 16px;
font-weight: 600;
}
.deal-section .dogmaa_ct-countdown {
margin-bottom: 10px;
}
.best-deals .dogmaa_ct-timer>span,
.deal-section .dogmaa_ct-timer>span {
width: 70px;
height: 70px;
display: inline-flex;
line-height: 25px;
margin: 0px 20px 20px 0px;
flex-direction: column;
justify-content: center;
font-weight: 700;
font-size: 20px;
transition: .75s ease;
text-align: center;
}
.bestdeal-content .add_to_cart_button {
text-decoration: none;
background: var(--primary-color);
display: inline-block;
padding: 10px 15px;
font-weight: 600;
color: var(--white);
}
.best-deals .dogmaa_ct-timer span:nth-child(2),
.deal-section .dogmaa_ct-timer span:nth-child(2) {
font-size: 16px;
font-weight: 500;
}
.best-deals .dogmaa_ct-timer span:nth-child(1),
.deal-section .dogmaa_ct-timer span:nth-child(1) {
font-size: 30px;
font-weight: 900;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(1),
.deal4-section .dogmaa_ct-timer>span:nth-child(2) {
float: left;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(1),
.deal4-section .dogmaa_ct-timer>span:nth-child(2),
.deal4-section .dogmaa_ct-timer>span:nth-child(3),
.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
width: 80px;
height: 80px;
background: var(--primary-color);
border-radius: 3px;
text-align: center;
color: #fff;
}
.deal4-section .dogmaa_ct-timer>span {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
line-height: 25px;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(1) {
margin-right: 100px;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
margin-right: 100px;
}
.deal4-section .dogmaa_ct-timer>span>span:nth-child(1) {
font-size: 30px;
color: #fff;
font-weight: 600;
}
.deal4-section .dogmaa_ct-timer>span>span:nth-child(2) {
font-size: 20px;
color: #fff;
font-weight: 500;
}
.deal4-section .dogmaa_ct-timer>span:nth-child(3),
.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
float: right;
}
.deal4-item {
background: #fff;
width: 450px;
height: 450px;
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
}
.deal4 {
text-align: center;
position: relative;
}
.deal4 .dogmaa_ct-countdown {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
width: 100%;
}
.deal4 .deal-bb {
border-bottom: 2px dashed var(--primary-color);
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 0;
border-width: 4px;
}
.content-deal4 .add_to_cart_button {
display: inline-block;
padding: 8px 16px;
text-decoration: none;
font-weight: 600;
border-radius: 0px;
transition: 0.65s;
background: var(--primary-color);
color: var(--white);
}
.content-deal4 .add_to_cart_button:hover,
.content-deal4 .add_to_cart_button:focus-within {
background: var(--secondary-color);
}
.deal-item-img {
margin-bottom: 15px;
}
.content-deal4 h4 {
margin-bottom: 15px;
}
.deal5 .product-action .quickview-trigger,
.deal5 .product-action .compare,
.deal5 .product-action .add_to_cart_button,
.deal5 .product-action .add_to_wishlist {
visibility: visible;
}
.deal5 .product-action {
display: flex;
}
.deal5 .product-action a {
width: unset;
height: unset;
padding: 5px 10px;
border: none;
line-height: 24px;
border-radius: 0;
display: block;
margin-bottom: 5px;
text-align: center;
}
.deal5 .deal5area {
background: #fff;
display: flex;
height: 100%;
align-items: center;
}
.deal5 .bestdeal-content h4 {
font-size: 30px;
font-weight: 600;
}
.deal5 .price ins span {
font-size: 20px;
font-weight: 600;
color: var(--primary-color);
}
.deal5 .price {
margin-bottom: 20px;
}
.deal5 .dogmaa_ct-timer {
display: flex;
flex-direction: column;
background: var(--primary-color);
}
.deal5 .owl-dots {
text-align: center;
margin-top: 30px;
}
.deal5 .dogmaa_ct-timer>span {
width: 80px;
height: 80px;
text-align: center;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #eee;
}
.deal5 .dogmaa_ct-timer>span>span:nth-child(1) {
font-size: 22px;
font-weight: 600;
line-height: 1;
}
.owl-carousel .owl-item .deal-item img {
width: auto;
} .ani-left { overflow: hidden;
}
.ani-left:before {
content: '';
background-image: url(//pawsnpalms.com/wp-content/themes/pet-bazaar/assets/css/assets/images/testimonial3.png);
}
.testimonial {
padding: 10px;
}
.testimonial-content {
padding: 40px 30px;
}
.testimonial-content h3 {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
}
.testimonial-image .magnify {
overflow: hidden;
}
.testimonial-image .magnify .magnify-large {
box-shadow: none;
width: 100px;
height: 100px;
}
.testimonial-content h5 {
font-size: 36px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 30px;
}
.testimonial-content i {
font-size: 30px;
line-height: 0;
}
.testimonial-content p {
font-size: 18px;
font-weight: 500;
}
.carousel-indicators li {
border: none;
width: 15px;
height: 15px;
border-radius: 15px;
}
.testimonial-content h6 {
font-size: 20px;
font-family: 600;
text-transform: capitalize;
}
.testimonial-content span {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.user-image {
width: 70px;
height: 70px;
box-shadow: 0 0 12px -6px #666;
border-radius: 70px;
}
.section-testimonial .owl-dots {
text-align: left;
padding-top: 15px;
}
.owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl-dots button.owl-dot.active {
background-color: var(--primary-color);
}
.owl-dots span {
font-size: 70px;
position: relative;
top: -5px;
} .testimnial4 .testimonial4-item {
position: relative;
text-align: center;
border: 5px solid var(--primary-color);
padding: 80px 30px 80px 30px;
margin-top: 45px;
}
.testimnial4 .client-img {
position: absolute;
top: -45px;
left: 50%;
transform: translate(-50%, 0%);
}
.testimnial4 .owl-nav .owl-prev,
.testimnial4 .owl-nav .owl-next {
position: absolute;
bottom: 6%;
width: 40px;
height: 40px;
border-radius: 5px;
text-align: center; transition: 0.65s;
} .testimnial4 .owl-nav .owl-prev {
left: 47%;
transform: translate(-50%, 0px);
}
.testimnial4 .owl-nav .owl-next {
left: 52%;
transform: translate(-50%, 0px);
}
.bb {
height: 5px;
background: var(--primary-color);
display: inline-block;
width: 50px;
margin: 30px 0;
}
.testimnial4 .client-content p {
width: 50%;
display: inline-block;
color: var(--secondary-color);
}
.testimnial4 .client-img img {
border-radius: 90px;
box-shadow: 0 0 3px 0 var(--primary-color);
}
.testimnial4 .client-content h4 {
color: var(--secondary-color);
font-weight: 700;
font-size: 22px;
}
.testimnial4 .client-content span {
color: var(--secondary-color);
font-weight: 500;
font-size: 16px;
}
.testimonial5 .client5-item {
margin: 30px 30px 0;
}
.testimonial5{
background-color: var(--background);
}
.testimonial5 .client5-description {
background: #fff;
padding: 30px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
margin-bottom: 30px;
color: #5a5a5a;
position: relative;
transition: 0.85s;
}
.testimonial5 .client5-description::before {
content: '';
position: absolute;
bottom: -25px;
left: 42px;
border-top: 25px solid #c6c6c6;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
transition: 0.65s;
}
.testimonial5 .owl-item.center {}
.testimonial5 .client5-item:hover .client5-description,
.testimonial5 .owl-item.center .client5-item .client5-description  {
background: var(--secondary-color);
color: var(--white);
}
.testimonial5 .client5-item:hover .client5-description::before,
.testimonial5 .owl-item.center .client5-item .client5-description::before{
border-top-color: var(--secondary-color);
}
.testimonial5 .client5-bottom {
display: flex;
align-items: center;
}
.testimonial5 .client5-bottom h6 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.testimonial5 .client5-bottom span {
font-size: 16px;
font-weight: 500;
}
.testimonial5 .client5-description i {
position: absolute;
right: 10px;
top: -22px;
font-size: 50px;
color: #c3c3c3;
transition: 0.55s;
}
.testimonial5 .client5-item:hover .client5-description i,
.testimonial5 .owl-item.center .client5-item .client5-description i {
color: var(--primary-color);
}
.testimonial5 .owl-dots{
text-align: center;
}
.testimonial5 .owl-dots .owl-dot {
background-color: var(--secondary-color);
}
.testimonial5 .owl-dots .owl-dot.active{
background-color: var(--primary-color);
}
.client5-img {
position: relative;
margin-right: 10px;
}
.client5-img img{
width: 120px;
height: 120px;
}
.client5-img:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 100%;
border: 6px solid var(--primary-color);
} .banner2-item {
position: relative;
overflow: hidden;
height: 100%;
}
.banner2-item > img {
position: absolute;
height: 100%;
object-fit: cover;
}
.banner2-content[class*="col"] {      padding: 30px;
}
.banner2-content p {
text-transform: capitalize;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.banner2-content h4 {
text-transform: capitalize;
font-size: 36px;
margin-bottom: 10px;
font-weight: 600;
}
.banner2-btn {
padding: 7px 12px;
background: transparent;
text-transform: capitalize;
border: 1px solid var(--primary-color);
text-decoration: none;
font-size: 18px;
font-weight: 500;
}
.banner2-effect {
position: absolute;
top: 0;
left: -100%;
background: rgba(255, 255, 255, 0.5);
width: 100%;
transform: rotate(112deg);
height: 100%;
visibility: hidden;
transition: 0.75s ease;
}
.banner2-item:hover .banner2-effect {
left: 100%;
visibility: visible;
} .banner-section4 .banner2-content h4 {
font-size: 50px;
margin: 20px 0;
}
.banner-section4 .banner2-content .tag-line {
font-size: 16px;
font-weight: 600;
background: #fff;
padding: 6px;
border-radius: 3px;
}
#banner5 .banner2-content p {
font-size: 16px;
margin-bottom: 20px;
}
.banner-img {
height: 240px;
background-position: center;
background-size: cover;
background-repeat: repeat-y;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.banner-img:before {
content: '';
position: absolute;
top: 50%;
width: 50px;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s ease;
visibility: hidden;
transition: all 0.35s ease;
height: 50px;
border-radius: 100%;
}
.banner-img:hover:before {
visibility: visible;
width: 100%;
height: 100%;
border-radius: 0%;
background-color: rgba(255, 255, 255, 0.2);
}
.banner-img:hover {
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
.banners .banner-content h4 { }  .gallery-popup .img-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, .5);
display: flex;
justify-content: center;
align-items: center;
display: none;
z-index: 99;
}
.gallery-popup .img-popup img {
width: 100%;
max-width: 600px;
opacity: 600px;
transform: translateY(-100px);
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
}
.gallery-popup .close-btn {
width: 35px;
height: 30px;
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.gallery-popup .close-btn .bar {
height: 4px;
background: #333;
}
.gallery-popup .close-btn .bar:nth-child(1) {
transform: rotate(45deg);
}
.close-btn .bar:nth-child(2) {
transform: translateY(-4px) rotate(-45deg);
}
.gallery-popup .opened {
display: flex;
}
.gallery-popup .opened img {
animation: animatepopup 1s ease-in-out .8s;
-webkit-animation: animatepopup .3s ease-in-out forwards;
}
@keyframes animatepopup {
to {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
} .gallery {
overflow: hidden;
position: relative;
}
.gallery:hover .insta-overlay,
.gallery:focus-within .insta-overlay,
.gallery .insta-overlay:focus {
visibility: visible;
opacity: 1;
}
.insta-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
transition: 0.65s;
}
.insta-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.insta-icon a {
text-decoration: none;
font-size: 30px;
} .post-item:hover .blog-effect,
.post-item:focus-within .blog-effect {
visibility: visible;
opacity: 1;
}
.blog-effect {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
transition: 0.65s;
opacity: 0;
}
.blog-effect a:hover,
.blog-effect a:focus-within {
color: var(--primary-color);
}
.blog-effect a {
font-size: 20px;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
transition: 0.65s;
}
.post-item {
padding: 15px;
border: 1px solid #fdf9f2;
transition: all 0.75s ease;
position: relative;
height: 100%;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.post-item .post-image {
overflow: hidden;
position: relative;
box-shadow: 0px 4px 8px -2px var(--secondary-color)59;
}
.post-item .post-meta .author-name i,
.post-meta .post-comment i,
.post-date i,
.admin-name i {
margin-right: 5px;
font-size: 14px;
}
.post-item .post-meta {
margin-bottom: 20px;
}
.post-item .post-meta a {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
text-decoration: none;
}
.author-name {
margin-right: 10px;
padding-right: 10px; }
.post-item .post-content .post-title a {
font-size: 22px;
font-weight: 600;
transition: 0.35s;
text-decoration: none;
}
.post-item .post-content p {
font-size: 16px;
font-weight: 400;
}
.post-item .post-content .btn-readmore {
font-size: 16px;
text-decoration: none;
display: flex;
align-items: center;
}
.post-item .post-content .btn-readmore i {
margin-left: 5px;
margin-top: 0px;
vertical-align: middle;
}
.post-details {
width: 50px;
height: 50px;
border-radius: 40px;
display: flex;
flex-direction: column;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
line-height: 1;
text-transform: capitalize;
transition: 0.65s;
}
.blog-one .btn-readmore {
float: left;
}
.blog-one .post-details { position: absolute;
right: 0;
bottom: 0;
border-radius: 0;
}
#blog4 .post-details {
text-align: center;	
}
.blog-one .post-details a, #blog4 .post-details a {
color:#ffffff;
}
#blog4 .post-details a >span {
display: block;
}
.blog-one .post-details .post-date {
font-size: 20px;
display: block;
}
.post-bottom {
display: flex;
justify-content: space-between;
}
.blog-section .wt-image {
background-color: #fdf9f2;
text-align: center;
display: flex;
align-items: center;
}
.admin-name {
margin-right: 10px;
}
.wt-image .btn-readmore {
text-align: center;
}
.wt-image .author img {
width: 40px;
height: 40px;
}
.btn-post {
margin-bottom: 30px;
}
.blog-three .post-content a.btn-readmore {
float: left;
}
.blog-three .post-content .post-meta.bottom {
float: right;
}
.blog-five .post-content a.btn-readmore {
float: left;
}
.blog-five .post-content .author-name {
float: right;
}
.blog-five .post-content .author-name .author.meta-info {
display: flex;
align-items: center;
}
.blog-five .post-content .author-name .author.meta-info .author-name {
color: var(--secondary-color);
font-weight: 500;
margin-left: 5px;
}
.blog-five .post-content .author-name .author.meta-info img {
width: 40px;
height: 40px;
vertical-align: middle;
}
#blog4 .post-item .post-content .btn-readmore i {
margin-top: 3px;
}
#blog4 .post-item .post-content .btn-readmore {
color: var(--secondary-color);
font-weight: 700;
transition: 0.35s;
}
#blog4 .post-item .post-content .btn-readmore:hover,
#blog4 .post-item .post-content .btn-readmore:focus {
color: var(--primary-color);
}
#blog4 .post-details {
position: absolute;
left: 10px;
bottom: 10px;
}
#blog4 .post-item .post-image {
border-radius: 4px;
} .blog-five .post-meta {
position: absolute;
bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
left: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.5);
margin: 0;
padding: 8px;
}
.blog-five .author-name,
.blog-five .post-date {
margin-right: 10px;
padding: 0;
}
.blog-five .author-name,
.blog-five .post-date {
margin-right: 10px;
padding: 0;
}
.post-section.blog-five .post-meta a {
color: var(--white);
}
.blog-five .post-meta a,
.blog-five .post-meta a {
color: #fff;
transition: 0.35s;
}
.blog-five .post-meta a:hover,
.blog-five .post-meta a:hover,
.blog-five .post-meta a:focus-within,
.blog-five .post-meta a:focus-within {
color: var(--primary-color);
}
.blog-five .post-item {
height: auto;
margin-bottom: 25px;
} .blog-headline {
background: #fdf9f2;
border-left: 5px solid var(--primary-color);
padding: 20px;
margin: 0;
font-weight: 700;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.blog-headline p {
margin: 0;
}
#single-content {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #EEE;
padding: 10px 0 20px;
} #comments {
padding: 50px 0;
}
#comments .comments-title h3 {
font-size: 30px;
font-weight: 600;
color: var(--secondary-color);
}
.comment-list,
.children {
list-style: none;
}
.comments-area .comment-body {
position: relative;
padding: 0px 30px 30px 130px;
min-height: 120px;
word-wrap: break-word;
border-radius: 3px;
z-index: 0;
margin-bottom: 60px;
}
.comments-area .comment-meta .comment-author,
.comment-meta .comment-metadata {
line-height: 1.5;
font-size: 16px;
display: inline-block;
}
.comments-area .comment-meta .comment-author img {
position: absolute;
z-index: 0;
left: 0;
top: 6px;
width: 90px;
height: 90px;
border-radius: 100px;
}
.url {
text-decoration: none;
font-size: 20px;
font-weight: 600;
color: var(--secondary-color);
}
.url:hover {
color: var(--primary-color);
}
.comment-awaiting-moderation {
font-size: 16px;
font-weight: 500;
display: block;
}
.comment-metadata a {
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: var(--primary-color);
word-break: break-all;
}
.comment-metadata a:hover {
color: var(--primary-color);
}
.comment-content {
float: left;
}
.reply {
float: right;
}
.comment-reply-link {
text-decoration: none;
font-size: 16px;
color: #000;
font-weight: 700;
position: relative;
}
.comment-reply-link::before{
content: "\f112";
font-family: fontawesome;
margin-right: 5px;
}
#respond .comment-form .comment-form-author input[type='text']::placeholder {
color: #000;
}
#respond .comment-form .comment-form-email input[type='email']::placeholder {
color: #000;
}
#respond .comment-form .comment-form-subject input[type='text']::placeholder {
color: #000;
}
#respond .comment-form .comment-form-comment textarea::placeholder {
color: #000;
}
#respond .comment-form .comment-form-author input[type='text'],
#respond .comment-form .comment-form-url input[type='url'],
#respond .comment-form .comment-form-email input[type='email'] {
background: #fff;
width: 100%;
color: var(--secondary-color);
outline: none;
border: none;
padding: 10px;
}
#respond .comment-form .comment-form-subject input[type='text'] {
background: #fff;
width: 100%;
color: var(--secondary-color);
outline: none;
border: none;
padding: 10px;
margin-top: 30px;
margin-bottom: 15px;
}
#respond .comment-form .form-submit input[type='submit'] {
background: var(--primary-color);
padding: 10px;
border: none;
color: var(--secondary-color);
font-weight: 600;
}
.comment-form-comment textarea {
width: 100%;
outline: none;
border: none;
padding: 10px;
}
#respond {
padding: 40px 30px !important;
background: color-mix(in srgb, var(--primary-color) 20%, transparent) !important;
}
#reply-title {
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
}
.comment-respond .comment-form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-url,
.comment-respond .comment-form .comment-form-email {
width: 48.5%; }
.comment-respond .comment-form .comment-form-subject,
.comment-respond .comment-form .comment-form-comment,
.comment-respond .comment-form .comment-form-cookies-consent {
width: 100%;
}
#single-content .side-content h5 {
font-size: 24px;
font-weight: 700;
}
@media (min-width: 992px) {
.single-img,
.side-content {
flex: 0 0 auto;
width: 50%;
}
}
#single-content .tag-cloud-link {
padding: 5px 10px;
display: inline-block;
color: var(--secondary-color);
text-decoration: none;
box-shadow: 0 0 10px -5px var(--primary-color);
transition: 0.85s;
margin-right: 10px;
margin-left: 10px;
font-weight: 500;
}
#single-content .tag-cloud-link:hover {
background-color: var(--primary-color);
color: #fff;
}
#single-content .widget_tag_cloud,
#single-content .widget_social_widget {
display: flex;
align-items: center;
width: 50%;
}
#single-content .widget_social_widget {
justify-content: end;
}
#single-content .widget_social_widget ul {
margin-left: 10px;
}
#single-content .widget_tag_cloud h4,
#single-content .widget_social_widget h4 {
font-size: 22px;
font-weight: 700;
}
.sponsor {
background-color: #fdf9f2;
padding: 30px 0px;
height: 250px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
position: relative;
overflow: hidden;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: all;
}
.sponsor-section .owl-item:last-child .sponsor{
border-right: none;
}
#sponsor5:hover .sponsor:before,
#sponsor5:focus .sponsor:before {
backdrop-filter: grayscale(100%);
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; } .sponsor:hover .zoom,
.categories-item:hover .zoom,
.progress-item:hover .zoom,
.gallery:hover .zoom,
.post-item:hover .zoom,
.banner-item:hover .zoom,
.banner2-item:hover .zoom,
.sponsor:focus .zoom,
.categories-item:focus .zoom,
.categories-item.active .zoom,
.progress-item:focus .zoom,
.gallery:focus .zoom,
.post-item:focus .zoom,
.banner-item:focus .zoom,
.banner2-item:focus .zoom {
transform: scale(1.1);
transition: 0.3s ease;
}
.zoom {
transition: 0.55s;
} .contact-info .title {
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
margin: 0px;
}
.contact-info p {
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
margin: 0px;
}
.footer-top .widget_mail {
display: flex;
align-items: center;
}
.footer-one .footer-top .mail-form {
background: rgba(0, 0, 0, 0.4);
}
#footer-section.footer-one .footer-top input {
background: none;
}
.footer-section {
z-index:0;
position: relative;
}
.footer-section::before {
position: absolute;
content: '';
inset: 0;
z-index: -1;
}
.footer-section .widget_nav_menu .menu li a {
color: var(--white);
}
.footer-middle-wrapper {
border-bottom: 1px solid #5a5a5a;
}
.footer-one .footer-content .col-lg-3 {
margin-bottom: 25px;
}
.footer-top .mail-form {
width: 57%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 30px;
height: 50px;
}
.footer-top .mail-form label {
width: 100%;
margin-bottom: 0;
}
.footer-top .mail-form button {
width: 13%;
border: none;
background: var(--primary-color);
color: var(--secondary-color);
padding: 7px 14px;
border-left: 1px solid #9f9c9c;
border-radius: 0px;
height: 50px;
}
.footer-top input[type='email'] {
border: none;
outline: none;
width: 100%;
padding: 15px 14px;
height: 50px;
background: rgba(255, 255, 255, 0.4);
}
.post-items {
display: flex;
}
.footer-top,
.footer-content,
.footer-contact,
.footer-middle {
padding: 30px 0;
border-bottom: 1px solid #5a5a5a;
}
.footer-copyright {
padding: 15px;
}
.footer-section .footer-copyright .widget_nav_menu {
margin-bottom: 0;
}
.footer-section .spanco-subscription { flex: 1; }
.footer-section [class*='col-'] { margin-bottom: 0; }
.text-info span {
font-size: 16px;
font-weight: 400;
}
.footer-copyright .widget_payment_methods .payment_methods:not(.footer-one .footer-copyright .widget_payment_methods .payment_methods) {
float: right;
}
.payment_methods {
list-style: none;
padding: 0;
}
.payment_methods li {
display: inline-block;
margin-right: 5px;
}
.payment_methods li a {
text-decoration: none;
font-size: 35px;
transition: 0.65s;
display: inline-block;
}
.widget_nav_menu h4,
.widget_latest_posts h4,
#footer-section4 .widget_social_widget h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.footer-one .footer-widgets h4.widget-title,
.footer-2 .footer-widgets h4.widget-title {
background-color: var(--secondary-color);
border-left: 2px solid var(--primary-color);
padding: 10px;
}
.widget_nav_menu h4 i,
.widget_latest_posts h4 i,
#footer-section4 .widget_social_widget h4 i {
font-size: 16px;
margin-top: 5px;
}
.widget_nav_menu ul {
list-style: none;
padding: 0px;
}
.footer-widgets .widget_nav_menu ul li {
margin-bottom: 10px;
padding-bottom: 10px;
}
.footer-widgets .widget_nav_menu ul li a {
position: relative;
overflow: hidden;
display: inline-block;
padding: 0 2px;
}
.footer-widgets .widget_nav_menu .footer-gallery li a:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 0.65s;
}
.footer-widgets .widget_nav_menu ul li a:hover:before {
opacity: 1;
}
.widget_nav_menu ul li a:hover {
text-decoration: underline;
}
.widget_nav_menu ul li a {
text-decoration: none;
transition: 0.55s;
}
.widget_nav_menu ul li a i {
margin-right: 5px;
}
.widget_latest_posts .post-date h6 a {
font-size: 18px;
text-decoration: none;
font-weight: 600;
}
.widget_latest_posts time {
font-size: 16px;
font-weight: 500;
}
.latest_posts .post-image {
margin-right: 10px;
}
.widget_latest_posts .latest_posts {
padding: 0 0 15px;
}
.widget_latest_posts .latest_posts>figure {
margin: 0 15px 0 0
}
.offer-text {
text-align: center;
padding: 50px 20px;
border: 1px dashed var(--primary-color);
}
.offer-poster {
background: rgba(255, 255, 255, 0.4);
padding: 10px;
}
.offer-text h5 {
font-size: 36px;
font-weight: 700;
}
.offer-text h5 span {
font-size: 50px;
margin: 0px;
}
.offer-text p {
color: #fff;
}
.footer-one .contact-area {
display: flex;
align-items: center;
}
.footer-one .contact-area:hover .contact-icon i {
animation: tada 2s infinite;
}
.brand p.copyright-text,
.brand a {
margin: 0;
}
.contact-icon {
min-width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
transition: all 0.5s ease;
border-radius: 100%;
margin-right: 10px;
}
.contact-area:hover .contact-icon i,
.contact-area:focus-within .contact-icon i {
animation: tada 2s infinite;
}
.contact-info .text a {
font-size: 18px;
font-weight: 500;
text-decoration: none;
transition: all 0.5s ease;
}
.contact-info .text span {
display: block;
color: var(--primary-color);
}
.map-section .map{
line-height: 0;
}
.brand ul {
list-style: none;
padding: 0px;
float: right;
}
.text-center .brand ul {
float: none;
}
.brand ul li {
display: inline-block;
margin-left: 30px;
}
.brand a {
text-decoration: underline;
font-size: 16px;
color: var(--primary-color);
}
.brand a:hover,
.brand a:focus-within {
text-decoration: dotted underline;
}
.featured-image {
position: relative;
overflow: hidden;
}
.post-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
background: rgba(0, 0, 0, 0.5);
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
opacity: 0;
transition: 0.65s;
}
.post-items:hover .post-hover {
opacity: 1;
}
.contact-area {
margin-bottom: 5px;
}
#footer-section3 .footer-content .featured-image a img {
width: 60px;
height: 60px;
}
#footer-section3 .footer-top .mail-form button,
#footer-section4 .footer-top .mail-form button {
width: 30%;
border: none;
background: var(--primary-color);
padding: 12px 10px;
border-left: 1px solid #9f9c9c;
border-radius: 0px;
color: #fff;
font-weight: 600;
height: 50px;
}
#footer-section3 .footer-top .mail-form label {
width: 86%;
margin: 0;
}
.widget_nav_menu .timing-open {
padding: 0;
list-style: none;
}
.widget_nav_menu .timing-open li {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #565252;
}
#footer-section4 .footer-top .mail-form {
width: 70%;
}
.footer-4 .mail-form label {
margin: 0;
}
#footer-section5 .widget_mail .mail-form {
background: transparent;
width: 100%;
margin: 0;
justify-content: space-between;
}
#footer-section5 .widget_mail .mail-form ::placeholder {
color: var(--secondary-color);
}
#footer-section5 .widget_mail .mail-form label {
width: 78%;
display: flex;
justify-content: space-between;
}
#footer-section5 .widget_mail .mail-form input[type='text'],
#footer-section5 .widget_mail .mail-form input[type='email'] {
background: #fff;
width: 48%;
padding: 12px;
border: none;
outline: none;
color: var(--secondary-color);
box-shadow: 0 0 5px -3px var(--primary-color);
}
#footer-section5 .widget_mail .mail-form button {
border: none;
background: var(--primary-color);
color: #fff;
padding: 12px;
width: 19%;
font-weight: 600;
transition: 0.85;
}
#footer-section5 .widget_mail .mail-form button:hover {
background-color: var(--secondary-color);
}
#footer-section5 .menu {
margin-right: 10px;
}
#footer-section5 .widget_nav_menu ul li a {
font-weight: 600;
transition: 0.65s;
}
#footer-section5 .widget_nav_menu ul li a:hover,
#footer-section5 .widget_nav_menu ul li a:focus-within {
transform: scale(1.1);
}
#footer-section5 .contact-area {
display: flex;
align-items: center;
}
#footer-section5 .footer-copyright {
padding: 15px 0;
}
#footer-section5 .footer-top,
#footer-section5 .footer-content,
#footer-section5 .footer-contact,
#footer-section5 .footer-copyright {
border: none;
}
#footer-section5 .footer-content .footer-widgets {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 30px 0;
}
#footer-section5 .footer-content {
padding: 0;
} #scrollup {
display: inline-block;
width: 50px;
height: 50px;
border: none;
text-align: center;
border-radius: 0px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#scrollup:hover {
cursor: pointer;
}
#scrollup.show {
opacity: 1;
visibility: visible;
} @keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
.cta-image img {
animation: float 5s infinite;
}
.cta-detaile>span {
font-size: 36px;
font-weight: 600;
text-transform: capitalize;
}
.cta-detaile h4 {
font-size: 65px;
text-transform: capitalize;
font-weight: 500;
}
.cta-detaile p {
font-size: 18px;
text-transform: capitalize;
font-weight: 400;
} .cta-4 .cta-bg {
padding: 0 30px;
}
.cta-4 .cta-detail .icon-cta > .sale-off {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 36px;
font-weight: 600;
color: #fff;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.cta-4 .cta-detail .icon-cta > .sale-off span {
line-height: 1;
}
.icon-cta svg {
width: 150px;
height: 150px;
transform: rotate(366deg);
animation: roundh 5s linear infinite;
}
@keyframes roundh {
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}
.cta-4 .cta-detail h5 {
color: var(--secondary-color);
margin-bottom: 10px;
}
.cta-4 .cta-detail {
display: flex;
align-items: center;
}
.icon-cta {
position: relative;
margin-right: 15px;
}
.cta-4 .cta-bg {
justify-content: space-between;
padding: 30px;
}
.cta-4 .button-cta .btn-cta {
background-color: #fff;
border-radius: 4px;
color: var(--primary-color);
border: 1px solid #fff;
}
.cta-4 .button-cta .btn-cta:hover {
color: #fff;
}
.cta-4 .icon-cta a {
border: 1px solid #fff;
line-height: 70px;
}
.cta4-img {
padding: 0px 20px;
overflow: hidden;
}
#cta5 .cta-detail {
width: 80%;
}
.cta-4 .cta4-img>img {
transition: 0.65s;
width: 100%;
}
.bg-cta2:hover .cta4-img>img {
transform: scale(1.1);
} .recent-news .owl-nav {
position: absolute;
top: -20%;
right: 0;
}
.recent-news .owl-nav .owl-prev,
.recent-news .owl-nav .owl-next {
width: 40px;
height: 40px;
border-radius: 40px;
}
.top-news h5 {
font-size: 45px;
font-weight: 700;
text-transform: capitalize;
} .recent-news .post-item {
background-color: transparent;
padding: 0;
}
.recent-news .post-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 350px;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0;
}
.recent-news .post-image img{
height: auto;
}
.recent-news .post-image:after {
content: '';
position: absolute;
border: 1px solid #eee;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
z-index: 0;
background: none;
}
.recent-news .post-image:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
}
.recent-news .post-meta {
margin: 0 0 10px;
}
.post-categories a {
text-decoration: none;
font-size: 16px;
font-weight: 700;
padding: 10px;
float: right;
}
.recent-news .slide-text-btn {
float: left;
}
.post-content {
position: relative;
z-index: 2;
}
.news-content h3 {
font-size: 24px;
font-weight: 700;
}
.news-content p {
font-size: 16px;
font-weight: 500;
}
.recent-news .widget_custom_html .mail-form {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.recent-news .widget_custom_html .mail-form label {
width: 100%;
}
.recent-news .widget_custom_html span {
font-size: 16px;
font-weight: 700;
}
.recent-news .widget_custom_html .widget-title {
font-size: 36px;
font-weight: 600;
}
.recent-news .widget_custom_html {
padding: 40px;
height: 100%;
}
.recent-news input[type='text'],
.recent-news input[type='email'] {
background: #fdf8f2;
width: 100%;
padding: 12px 10px;
margin-bottom: 30px;
outline: none;
border: none;
}
.recent-news button[type='submit'] {  padding: 12px 10px;
margin-bottom: 30px;
border: none;
color: #fff;
font-weight: 600;
}
.more-link {
color: var(--primary-color);
} .deal-section {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
padding: 80px 0;
overflow: hidden;
}
.deal-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.deal-item {
padding: 30px;
height: 360px;
background: rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
backdrop-filter: blur(4px);
}
.deal-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
justify-content: center;
align-items: center;
transform: scale(5);
opacity: 0;
transition: all 0.5s;
z-index: -1;
}
.deal-item:hover:before {
transform: scale(1);
opacity: 1;
}
.bestdeal-content .price-detail {
margin-bottom: 15px;
}
.bestdeal-content {
position: relative;
padding: 30px 30px 0;
}
.bestdeal-content p {
margin-bottom: 15px;
}
.deal-section .bestdeal-content h4 {
font-size: 28px;
font-weight: 600;
}
.deal-section .price-detail span {
font-size: 20px;
font-weight: 700;
}
.deal-section .dogmaa_ct-timer>span {
background-color: var(--primary-color)
} .pricing {
padding: 30px;
box-shadow: rgba(246, 171, 74, 0.15) 0px 5px 15px 0px;
text-align: center;
transition: all 0.65s;
margin-bottom: 25px;
}
.pricing:hover .pricing-icon,
.pricing:focus-within .pricing-icon {
color: var(--primary-color);
}
.pricing:hover h1,
.pricing:focus-within h1 {
color: var(--primary-color);
}
.pricing:hover h2.price,
.pricing:focus-within h2.price {
color: var(--primary-color);
}
.pricing h1 {
transition: 0.65s;
}
.pricing-top {
margin-bottom: 20px;
}
.pricing-icon {
font-size: 35px;
transition: 0.65s;
}
.pricing ul {
padding: 0;
list-style: none;
}
.pricing ul li {
font-weight: 600;
margin-bottom: 10px;
}
h2.price sub {
bottom: 0;
font-size: 18px;
}
h2.price {
margin-bottom: 15px;
transition: 0.65s;
} .section-testimonial .owl-nav button.owl-next,
.section-testimonial .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 40px;
height: 40px;
border-radius: 40px;
line-height: 40px;
text-align: center;
border: none;
background-color: var(--primary-color);
color: var(--secondary-color);
transition: 0.65s;
}
.section-testimonial .owl-nav button.owl-next:hover,
.section-testimonial .owl-nav button.owl-next:focus-within,
.section-testimonial .owl-nav button.owl-prev:hover,
.section-testimonial .owl-nav button.owl-prev:focus-within {
background-color: var(--secondary-color);
color: var(--white);
}
.section-testimonial .owl-nav button.owl-next {
right: 20px;
}
.section-testimonial .owl-nav button.owl-prev {
left: 20px;
}
.section-testimonial .owl-dots {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.client-img img {
width: 90px;
height: 90px;
}
.section-testimonial .owl-carousel .owl-item img {
display: inline-block;
border-radius: 50%;
}
.section-testimonial .content-client h4 {
font-size: 30px;
font-weight: 700;
}
.section-testimonial .content-client p {
position: relative;
}
.section-testimonial .content-client p i {
font-size: 30px;
position: absolute;
left: -15px;
top: -8px;
} .news-letter {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
padding: 80px 0; display: flex;
align-items: center;
}
.news-letter:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
#newsletter2 .custom-html-widget .mail-form {
width: 49%;
display: flex;
}
.news-letter .custom-html-widget .widget_mail {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
} .news-letter .custom-html-widget {
position: relative;
}
.news-letter .custom-html-widget .widget-title {
font-size: 35px;
font-weight: 700;
}
.text_mail,
.mail-form:not(.newsform-inner .mail-form, .recent-news .mail-form) {
width: 49%;
display: flex;
align-items: center;
}
.text_mail .mail-description {
width: 80%;
} .news-letter .custom-html-widget .mail-form label {
width: 70%;
}
.news-letter .custom-html-widget input[type='email'] {
outline: none;
border: none;
border-radius: 0;
padding: 14px 10px;
width: 100%;
color: var(--secondary-color);
}
.news-letter .custom-html-widget button[type='submit'] {
border: none;
border-radius: 0;
padding: 12px 10px;
width: 30%; color: #fff;
margin-left: 30px;
position: relative;
} .item1 {
grid-area: header;
}
.item2 {
grid-area: menu;
}
.item3 {
grid-area: minu;
}
.item4 {
grid-area: right;
}
.item5 {
grid-area: footer;
} .gallery-section .gallery2,
.gallery-section3 .gallery2 {
position: relative;
overflow: hidden;
}
.gallery-section .gallery2:before,
.gallery-section3 .gallery2:before {
position: absolute;
content: '';
top: 100%;
left: 100%;
right: 100%;
bottom: 100%;
background-color: rgba(0, 0, 0, 0.5); visibility: hidden;
transition: 0.55s;
} .gallery2:hover .gallery2-effect,
.gallery-section3 .gallery2:hover .gallery3-effect {
visibility: visible;
}
.gallery2 .gallery2-effect,
.gallery2 .gallery3-effect {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
transition: 0.25s;
}
.gallery-section .gallery2:hover:before,
.gallery-section3 .gallery2:hover:before {
visibility: visible;
top: 0;
left: 0;
right: 0;
bottom: 5px;
}
.gallery-section .gallery2-effect a,
.gallery-section3 .gallery3-effect a {
color: #fff;
font-size: 30px;
}
.gallery-section .gallery2-effect a:hover,
.gallery-section3 .gallery3-effect a:hover {
color: var(--primary-color);
}
.gallery-section .grid-container {
display: grid;
grid-template-areas: "header header minu minu right right" "menu menu minu minu footer footer";
gap: 30px;
} .footer-gallery li {
display: inline-block;
width: 80px;
margin-right: 10px;
}
.footer-section2 .footer-top .contact-icon {
border-radius: 60px;
}
.footer-section2 .footer-top .contact-info p {
font-size: 16px;
font-weight: 300;
}
.footer-content .contact-icon {
width: 30px;
height: 30px;
border-radius: 0;
font-size: 16px;
}
.footer-content .contact-info .text a {
font-size: 16px;
}
.footer-section2 .footer-top .contact-area {
display: flex;
align-items: center;
}
.footer-section2 .footer-top .contact-area .contact-icon {
flex-shrink: 0;
}
.footer-section2 .footer-top .contact-area .contact-info {
flex-grow: 1;
}
.footer-section2 .footer-top .contact-area:hover .contact-icon {
background-color: var(--primary-color);
}
.footer-section2 .footer-top .contact-area:hover .contact-info .text a {
color: var(--primary-color);
}
.footer-section2 .footer-content .contact-area {
display: flex;
}
.footer-section2 .footer-content .contact-area:hover .contact-icon {
background-color: rgba(246, 171, 74, 0.7);
}
.footer-section2 .footer-content .contact-area:hover .contact-info .text a {
color: var(--primary-color);
}
.header-three .above-header {
background-color: var(--primary-color);
padding: 10px 0;
}
.header-three .main-navigation-area {
border-bottom: 1px solid #858585;
}
.contact-detail-top {
list-style: none;
padding: 0;
margin: 0;
}
.contact-detail-top li {
display: inline-block;
margin-left: 10px;
}
.contact-detail-top li a {
text-decoration: none;
font-size: 16px;
color: #fff;
font-weight: 500;
transition: 0.65s;
}
.contact-detail-top li a:hover,
.contact-detail-top li a:focus-within {
color: var(--secondary-color);
} .contact-detail-top li a i {
margin-right: 5px;
}
.slider_three .slide-text-wrapper {
text-align: left;
}
.slider5-img img {
width: 100%;
display: block;
}
.categories3 .categories-img {
border-radius: 50%;
margin-bottom: 30px;
}
.categories3 .categ-main-overlay {
top: 70%;
background-color: var(--primary-color);
visibility: visible;
transition: 0.1s;
}
.categories3 .categories-item:hover .categ-main-overlay {
top: 0px;
background-color: rgba(0, 0, 0, 0.7);
}
.categories3 .categories-item .hover-logo {
top: 0px;
transition: 0.35s;
}
.categories3 .hover-logo {
position: relative;
}
.categories3 .hover-logo a {
font-size: 20px;
color: var(--secondary-color);
text-decoration: none;
text-transform: capitalize;
font-weight: 600;
transition: 0.65s;
}
.categories3 .categories-item:hover .hover-logo a,
.categories3 .categories-item:focus .hover-logo a {
color: var(--white);
}
.featured-product .product:not(.type-product),
.woocommerce-shop .product:not(.type-product), .woocommerce-page.woocommerce .product:not(.type-product) {
background: var(--white);
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 10px;
position: relative;
overflow: hidden;
}
.featured-product .product:not(.type-product):before,
.woocommerce-shop .product:not(.type-product):before, .woocommerce-page.woocommerce .product:not(.type-product):before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 100%;
top: 0;
background-color: var(--primary-color);
transition: 0.55s;
}
.featured-product .product:not(.type-product):hover:before,
.woocommerce-shop .product:not(.type-product):hover:before, .woocommerce-page.woocommerce .product:not(.type-product):hover:before {
bottom: 0;
}
.featured-product .product:not(.type-product):hover .sale-ribbon,
.woocommerce-shop .product:not(.type-product):hover .sale-ribbon,
.woocommerce-page.woocommerce .product:not(.type-product):hover .sale-ribbon,
.featured-product .product:not(.type-product):focus .sale-ribbon,
.woocommerce-shop .product:not(.type-product):focus .sale-ribbon,
.woocommerce-page.woocommerce .product:not(.type-product):focus .sale-ribbon{
background-color: var(--secondary-color);
}
.featured-product .product-content,
.woocommerce-shop .product-content, .woocommerce-page.woocommerce .product-content {
background-color: #fdf8f2;
padding: 15px;
position: relative;
}
.featured-product .product-img,
.woocommerce-shop .product-img, .woocommerce-page.woocommerce .product-img {
margin-bottom: 0;
background-color: transparent;
}
.featured-product .product-action a,
.woocommerce-shop .product-action a, .woocommerce-page.woocommerce .product-action a {
width: auto;
height: 40px;
border-radius: 0;
border: none;
margin: 0 5px;
visibility: visible;
line-height: 40px;
overflow: hidden;
}
.featured-product .product-content p,
.woocommerce-shop .product-content p {
margin: 3px 0 8px 0;
}
.featured-product .product-action,
.woocommerce-shop .product-action {
display: flex;
justify-content: center;
visibility: hidden;
}
.featured-product .product:not(.type-product):hover .product-action ,
.woocommerce-shop .product:not(.type-product):hover .product-action {
visibility: visible;
}
.banner_wrap {
position: relative;
border: 10px solid var(--white);
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
transition: 0.65s;
}
.banner_wrap:hover,.banner_wrap:focus {
border-color: var(--primary-color);
}
.featured-product .banner_content{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.featured-product .banner_content h5 {
transform: rotate(90deg);
font-size: 70px;
color: #fff;
font-weight: 700;
}
.product-tab-filter a {
display: inline-block;
text-decoration: none;
padding: 10px 15px;
margin-left: 10px;
color: var(--secondary-color);
background-color: var(--primary-color);
font-weight: 600;
margin-bottom: 10px;
}
.product-tab-filter {
text-align: end;
margin-top: 10px;
}
.product-tab-filter a.active {
background-color: var(--secondary-color);
color: var(--white);
}
.featured-product .section-title .main-title {
background: var(--primary-color);
display: inline-block;
padding: 15px 20px;
font-size: 26px;
border-radius: 3px;
position: relative;
z-index: 1;
}
.featured-product .section-title .main-title::before,
.featured-product .section-title .main-title::after {
content: "\f1b0";
position: absolute;
font-family: fontawesome;
z-index: -1;
}
.featured-product .section-title .main-title::before {
right: -21px;
top: -26px;
transform: rotate(45deg);
}
.featured-product .section-title .main-title::after {
right: 5px;
top: -28px;
transform: rotate(0deg);
font-size: 21px;
}
.featured-product.feature_section{
background-color: var(--white);
}
.featured-product{
padding: 80px 0 55px;
} .funfacts3 .funfact-item,
.funfact-one .funfact-item {
position: relative;
overflow: hidden;
}
.funfacts3 .funfact-item:before,
.funfact-one .funfact-item:before {
position: absolute;
content: '';
top: 100%;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: 0.65s;
}
.funfacts3 .funfact-item:hover:before,
.funfact-one .funfact-item:hover:before,
.funfacts3 .funfact-item:focus-within:before,
.funfact-one .funfact-item:focus-within:before {
top: 0;
}
.funfacts3 .content-funfact span,
.funfact-one .content-funfact span {
font-size: 30px;
position: relative;
}
.funfacts3 .content-funfact h5,
.funfact-one .content-funfact h5 {
font-size: 35px;
position: relative;
}
.funfacts3 .funfact-icon,
.funfact-one .funfact-icon {
width: 150px;
height: 150px;
border-radius: 150px;
line-height: 150px;
background: #fff;
position: relative;
}
.banner2-section .banner2-content span {
font-size: 18px;
font-weight: 700;
}
.banner2-section [class*='col-'] {
margin-bottom: 15px;
} .icon-cta a {
width: 75px;
height: 75px;
border-radius: 75px;
display: block;
text-align: center;
line-height: 75px;
font-size: 36px;
margin-right: 20px;
transition: 0.65s;
animation: wave 1s infinite;
}
.cta-4 .icon-cta a {
animation: wave2 1s infinite;
}
.cta-img img {
width: 100%;
display: block;
height: 100%;
object-fit: cover;
}
.cta-img{
height: 100%;
}
.cta-bg {
background-color: #fdf9f2;
height: 100%;
display: flex;
align-items: center;
padding: 30px;
flex-wrap: wrap;
}
.cta-detail h5 {
font-weight: 700;
font-size: 28px;
}
.cta-detail p {
font-weight: 400;
font-size: 16px;
} #news-letter3 {
background: #fff;
}
#news-letter3:before {
content: '';
background: transparent;
}
.text_mail a {
border-radius: 75px;
display: block;
text-align: center;
line-height: 75px;
font-size: 26px;
margin: 10px 15px 0 0;
}
.text_mail p {
margin: 0;
}
.text_mail a {
height: 75px;
width: 75px;
color: #333;
background: #fff;
box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: 250ms color;
-webkit-transition: 250ms color;
-moz-transition: 250ms color;
-ms-transition: 250ms color;
-o-transition: 250ms color;
animation-name: wave;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes wave {
0% {
box-shadow: 0 0 0px 0px rgba(246, 171, 74, 0.5);
}
100% {
box-shadow: 0 0 0px 15px rgba(246, 171, 74, 0);
}
}
@keyframes wave2 {
0% {
box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0px 15px rgba(255, 255, 255, 0);
}
}
#news-letter3 .custom-html-widget {
padding: 20px;
} .deal-home3 {
background-color: var(--white);
}
.deal-home3 .content-bottom .product-action {
display: flex;
margin-bottom: 15px;
}
.deal-home3 .content-bottom .product-action a {
visibility: visible;
display: inline-block;
border-radius: 0;
text-align: center;
margin: 0 15px 0 0;
}
.deal-home3 .content-bottom .product-action .add_to_cart_button {
background: var(--primary-color);
color: #fff;
}
.deal-home3 .content-bottom .product-action .add_to_cart_button:hover {
background: #fdf9f2;
color: var(--primary-color);
}
.main-deal-img {
position: relative;
overflow: hidden;
transition: 0.85s;
display: flex;
justify-content: center;
}
.main-deal:hover .main-deal-img {
transform: scale(1.1);
}
.main-deal .main-deal-img img {
max-width: 100%;
display: block;
}
.main-deal-img,
.main-deal-content {
width: 100%;
}
.main-deal {
background: var(--background);
padding: 30px;
display: flex;
width: 100%;
align-items: center;
}
.main-deal .content-top {
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.main-deal .content-bottom .dogmaa_ct-timer span:nth-child(1) {
width: 40px;
height: 40px;
background: var(--primary-color);
color: #fff;
text-align: center;
line-height: 40px;
font-weight: 600;
}
.main-deal .content-bottom .dogmaa_ct-timer span:nth-child(2) {
line-height: 2;
font-weight: 600;
font-size: 16px;
color: #000;
text-align: center;
}
.main-deal .dogmaa_ct-timer>span {
display: inline-flex;
flex-direction: column;
margin-right: 15px;
}
.main-deal .product-action .add_to_cart_button {
width: 100px;
} .i-01 {
grid-area: pic1;
}
.i-02 {
grid-area: pic2;
}
.i-03 {
grid-area: pic3;
}
.i-04 {
grid-area: pic4;
}
.i-05 {
grid-area: pic5;
}
.i-06 {
grid-area: pic6;
}
.i-07 {
grid-area: pic7;
}
.i-08 {
grid-area: pic8;
}
.i-09 {
grid-area: pic9;
}
.grid-container {
display: grid;
grid-template-areas: "pic2 pic2 pic1 pic3" "pic2 pic2 pic4 pic5" "pic6 pic7 pic8 pic9";
gap: 30px;
} body:not(.home) .header-one + .pet-bazaar-content, body.home .header-one + .pet-bazaar-content:not(:has(.slider-section)) section:first-child {
padding-top: 237px;
}
.breadcrumb-area {
background-size: cover;
background-position: center;
background-repeat: no-repeat; display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 40px 0;
}
.header-one + .breadcrumb-area, .header-three + .breadcrumb-area { }
@media (min-width: 992px) {
.header-one + .breadcrumb-area {
padding-top: 320px;
}
.header-three + .breadcrumb-area {
padding-top: 190px;
}
}
.breadcrumb-area:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.breadcrumb-area .breadcrumb-list {
list-style: none;
padding: 0;
}
.breadcrumb-area .breadcrumb-list i{
color: #ffffff;
}
.breadcrumb-area .breadcrumb-list li {
display: inline-block;
color: var(--primary-color);
}
.breadcrumb-content {
position: relative;
width: 450px;
height: 220px;
background: rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
left: 50%;
transform: translate(-50%, 0px);
padding: 30px;
word-break: break-all;
}
.breadcrumb-heading h3 {
font-size: 40px;
font-weight: 600;
color: var(--white);
margin-bottom: 10px;
}
.breadcrumb-list a i {
margin-left: 5px;
margin-right: 5px;
}
.breadcrumb-list a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
.breadcrumb-list a:hover {
color: var(--primary-color);
}
.breadcrumb-list li:nth-child(2) {
color: var(--primary-color);
font-weight: 500;
} .about-img img {
max-width: 100%;
}
#about-us2 .about2 span {
font-size: 20px;
font-weight: 600;
color: var(--primary-color);
}
#about-us2 .about2 h4 {
font-size: 50px;
font-weight: 700;
color: var(--secondary-color);
}
#about-us2 .about2 .description {
border-left: 4px solid var(--primary-color);
padding-left: 20px;
margin-bottom: 30px;
}
#about-us2 .about2 .description h6 {
font-size: 20px;
font-weight: 600;
color: var(--secondary-color);
} .work-process .process-item {
text-align: center;
}
.work-process .process-img {
width: 130px;
height: 130px;
background: #fff;
text-align: center;
line-height: 130px;
margin-bottom: 30px;
display: inline-block;
position: relative;
}
.work-process .process-item:hover img {
-webkit-animation: jello 2s infinite;
-moz-animation: jello 2s infinite;
-ms-animation: jello 2s infinite;
-o-animation: jello 2s infinite;
animation: jello 2s infinite;
}
.work-process .process-item span {
position: absolute;
width: 40px;
height: 40px;
background: var(--primary-color);
border-radius: 40px;
top: -20px;
left: -20px;
line-height: 40px;
color: #fff;
}
.work-process .process-bottom h4 a {
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: var(--secondary-color);
} .shop_section .widget_product_search,
.shop_section .yith-woocommerce-ajax-product-filter,
.shop_section #woocommerce_layered_nav-2,
#woocommerce_price_filter-2,
#woocommerce_rating_filter-2,
#woocommerce_product_tag_cloud-2,
#woocommerce_product_tag_cloud-2,
.shop_section .widget_top_rated_products {
background: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 20px;
margin-bottom: 25px;
}
.shop_section .widget_product_search h5,
.shop_section .yith-woocommerce-ajax-product-filter h5,
.shop_section #woocommerce_layered_nav-2 h5,
#woocommerce_price_filter-2 h5,
#woocommerce_rating_filter-2 h5,
#woocommerce_product_tag_cloud-2 h5,
.shop_section .widget_top_rated_products h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.shop_section .widget_product_search .search-field {
outline: none;
border: none;
background: transparent;
color: var(--secondary-color);
width: 80%;
padding: 0 5px;
}
.shop_section .widget_product_search button {
border: none;
background: transparent;
color: var(--primary-color);
width: 17%;
}
.shop_section .widget_product_search form {
background: #fdf9f2;
width: 100%;
height: 40px;
line-height: 40px;
}
.shop_section .widget_product_search ::placeholder {
color: var(--secondary-color);
}
.shop_section .yith-wcan-color {
padding: 0;
list-style: none;
}
.shop_section .yith-wcan-color li {
display: inline-block;
}
.shop_section .yith-wcan-color li a {
width: 15px;
height: 15px;
border-radius: 15px;
display: inline-block;
margin-right: 4px;
}
.shop_section #woocommerce_layered_nav-2 ul li {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.shop_section #woocommerce_layered_nav-2 ul li a {
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.shop_section #woocommerce_layered_nav-2 ul li:hover a,
.shop_section #woocommerce_layered_nav-2 ul li:hover span {
color: var(--primary-color);
}
.shop_section #woocommerce_layered_nav-2 ul li span {
color: var(--secondary-color);
}
.shop_section .products .product.type-product {
width: 33.33333%;
float: left;
}
#woocommerce_price_filter-2 .price_slider_amount button {
border: navajowhite;
background: var(--primary-color);
color: var(--secondary-color);
padding: 5px 10px;
}
#woocommerce_price_filter-2 .price_slider_amount {
display: flex;
justify-content: space-between;
}
#woocommerce_rating_filter-2 ul li a {
text-decoration: none;
color: var(--secondary-color);
display: flex;
justify-content: space-between;
}
#woocommerce_product_tag_cloud-2 .tagcloud a {
border: 1px solid #d8d8d8;
display: inline-block;
padding: 7px 15px;
text-align: center;
text-decoration: none;
margin: 0 5px 10px 0;
color: #5a5a5a;
transition: 0.69s;
font-weight: 600;
font-size: 16px;
}
#woocommerce_product_tag_cloud-2 .tagcloud a:hover {
border: 1px solid var(--primary-color);
color: var(--secondary-color);
}
.gridlist-toggle a {
padding: 5px 10px;
display: inline-block; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
margin-right: 5px;
color: var(--primary-color);
}
.gridlist-toggle a.active {
color: #ffffff;
background-color: var(--primary-color);
}
.gridlist-toggle {
float: left;
display: inline-block;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
float: right;
padding: 5px 10px; font-weight: 500;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.woocommerce .woocommerce-ordering {
margin-right: 10px;
}
.woocommerce .woocommerce-ordering select {
color: var(--secondary-color);
font-weight: 500;
}
#st-primary-content .products { clear: both;
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
}
#st-primary-content .product:not(.type-product) {
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 20px;
} @media (min-width: 768px){
ul.products.list {
text-align: left;
}
ul.products.list li.product{
width: 100%;
}
ul.products.list .product-single {
content: '';
clear: both;
display: table;
}
ul.products.list .product-single .product-img {
float: left;
margin-right: 30px;
}
ul.products.list .product-single .product-img img{
margin-bottom: 0;
}
ul.products.list .product-single .product-content-outer {
display: inline-block;
}
ul.products.list .product-single .product-action {
text-align: center;
}
}
.woocommerce-pagination {
clear: both;
}
.woocommerce-pagination .page-numbers {
padding: 0;
list-style: none;
text-align: center;
border: none !important;
}
.woocommerce-pagination .page-numbers li {
display: inline-block;
border: none !important;
margin-right: 5px !important;
}
.woocommerce-pagination .page-numbers li a {
display: inline-block;
width: 40px;
height: 40px; line-height: 40px;
color: var(--primary-color);
transition: 0.85s;
}
.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li .page-numbers:hover {
background: var(--primary-color);
color: #fff;
}
.woocommerce-pagination .page-numbers li .page-numbers {
width: 40px;
height: 40px;
border-radius: 40px;
background-color: var(--secondary-color);
display: inline-block;
transition: 0.85s;
text-decoration: none;
color: #ffffff;
display: inline-flex;
justify-content: center;
align-items: center;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: var(--primary-color);
color: #fff;
}
.woocommerce-shop .product-action, .woocommerce-page.woocommerce .product-action {
visibility: visible;
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 10px;
max-width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.woocommerce-shop .product-action .yith-wcwl-add-to-wishlist, .woocommerce-page.woocommerce .product-action .yith-wcwl-add-to-wishlist{
margin-bottom: 0;
}
.woocommerce-shop.woocommerce ul.products li.product .button, .woocommerce-page.woocommerce.woocommerce ul.products li.product .button{
margin-top: 0;
padding: 0 10px;
}
.woocommerce-shop .product-img, .woocommerce-page.woocommerce .product-img {
padding: 0;
margin-bottom: 0;
height: auto;
}
ul.products li.product .button, a.added_to_cart {
margin-top: 0;
padding: 0 10px;
} #sign-section .signpageforms {
display: flex;
justify-content: space-between;
margin: 0 10px;
}
#sign-section .signpageforms .signin-form h5,
#sign-section .signpageforms .login-form h5 {
text-align: center;
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
}
#sign-section .signin-form p {
margin-bottom: 10px;
}
#sign-section .signpageforms .form-group {
position: relative;
z-index: 0;
}
#sign-section .signpageforms .form-group label {
position: absolute;
top: 22%;
left: 2.5%;
}
#sign-section .signpageforms input[type='email'],
#sign-section .signpageforms input[type='password'] {
padding: 10px 40px;
width: 100%; margin-bottom: 20px;
border-radius: 0;
}
#sign-section .signpageforms p a {
text-decoration: none;
color: var(--secondary-color);
}
#sign-section .signin-form,
#sign-section .login-form {
width: 50%;
background: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 30px;
height: 350px;
margin: 0 -10px;
}
#sign-section .signpageforms button[type='submit'] {
width: 100%;
border: none;
padding: 10px;
border-radius: 0;
color: #fff;
background: var(--primary-color);
transition: 0.65s;
}
#sign-section .signpageforms button[type='submit']:hover {
background: var(--secondary-color);
}
.woocommerce-form-login input[type='text'], .woocommerce-MyAccount-content input[type='text'], .woocommerce-MyAccount-content input[type='tel'], .woocommerce-MyAccount-content input[type='email'] {
border: 1px solid #767676;
color: initial;
padding: 7px 14px;
border-radius: 2px;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
top: unset;
} .post-section .sidebar .widget {
background: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 20px;
margin-bottom: 25px;
}
.post-section .sidebar h4.widget-title { font-weight: 600; }
article.latest_posts.post-items .post-content .post-title {
margin: 0;
}
.post-section .sidebar .widget_search form ::placeholder {
color: var(--secondary-color);
}
.post-section .sidebar .widget_search form { width: 100%; align-items: center;
}
.post-section .sidebar .widget_search form label {
width: 75%;
}
.post-section .sidebar .widget_search form .search-field {
outline: none;
border: none;
background: transparent;
padding: 5px 10px;
width: 100%;
color: var(--secondary-color);
}
.post-section .sidebar .widget_search form .search-submit {
border: none;
background: var(--primary-color);
padding: 5px 10px;
width: 25%;
color: var(--white);
}
.post-section .sidebar .widget_categories ul li a {
text-decoration: none;
color: var(--secondary-color);
font-weight: 500;
}
.post-section .sidebar .widget_categories ul li {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
background: #fff;
padding: 7px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
transition: 0.85s;
}
.post-section .sidebar .widget_categories ul li:hover {
background: var(--primary-color);
}
.post-section .sidebar .widget_latest_posts .post-content h6 a {
color: var(--secondary-color);
font-weight: 600;
text-decoration: none;
}
.post-section .sidebar .widget_latest_posts .post-content .post-meta {
position: unset;
background: none;
justify-content: start;
}
.post-section .sidebar .widget_tag_cloud .tagcloud a {
padding: 0 15px;
background: #fff;
box-shadow: 0 0 1px var(--primary-color);
text-decoration: none;
color: var(--primary-color);
transition: 0.85s;
line-height: 40px;
margin: 0 10px 13px 0;
display: inline-block;
}
.post-section .sidebar .widget_tag_cloud .tagcloud a:hover {
background: var(--primary-color);
color: #fff;
}
.post-section .sidebar .widget_recent_comments ul .recentcomments {
background: var(--primary-color);
padding: 10px;
margin-bottom: 15px;
color: #eee;
}
.post-section .sidebar .widget_recent_comments ul .recentcomments a {
text-decoration: none;
text-transform: capitalize;
color: var(--white);
font-weight: 600;
font-size: 16px;
}
.post-section .sidebar .widget_media_gallery .gallery {
width: 100%;
;
}
.post-section .sidebar .widget_media_gallery .gallery-item {
width: 29.3333%;
height: auto;
float: left;
}
.post-section .sidebar .widget_media_gallery .gallery-item img {
width: 100%;
}
.post-section .sidebar .widget_media_gallery .gallery-item a {
display: block;
position: relative;
overflow: hidden;
}
.post-section .sidebar .widget_media_gallery .gallery-item a:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0 0 0 / 50%);
visibility: hidden;
opacity: 0;
transition: 0.65s;
border-radius: 5px;
}
.post-section .sidebar .widget_media_gallery .gallery-item:hover a:before,
.post-section .sidebar .widget_media_gallery .gallery-item:focus-within a:before {
visibility: visible;
opacity: 1
}
.post-section .sidebar .widget_calendar .wp-calendar-table {
width: 100%;
text-align: center;
}
.post-section .sidebar .widget_calendar .wp-calendar-table tbody tr td {
padding: 5px;
}
.post-section .sidebar .widget_calendar .wp-calendar-table caption {
caption-side: top;
background: var(--primary-color);
padding: 10px;
color: var(--white);
font-weight: 600;
margin-bottom: 15px;
}
.post-section .sidebar .wp-calendar-nav .wp-calendar-nav-prev a,
.post-section .sidebar .wp-calendar-nav .wp-calendar-nav-next {
text-decoration: none;
font-weight: 600;
text-decoration: none;
color: var(--primary-color);
}
#today {
background: var(--primary-color);
color: var(--white);
font-weight: 600;
width: 40px;
height: 40px;
;
}
.post-section .sidebar .widget_meta ul li a {
display: block;
text-decoration: none;
font-weight: 500;
background: var(--primary-color);
color: var(--white);
padding: 10px;
margin-bottom: 15px;
}
.post-section .sidebar .widget_banner {
background: var(--primary-color);
}
.post-section .sidebar .widget.widget_banner .banner_wrap img {
position: absolute;
bottom: -70px;
left: 50%;
transform: translate(-50%, 0px);
z-index: 0;
}
.post-section .sidebar .widget.widget_banner {
padding: 0;
margin: 0;
}
.post-section .sidebar .widget.widget_banner .banner_wrap {
position: relative;
overflow: hidden;
height: 350px;
}
.post-section .sidebar .widget.widget_banner .banner_content {
padding: 20px;
text-align: center;
position: relative;
}
.post-section .sidebar .widget.widget_banner .banner_content a>i {
margin-right: 10px;
}
.post-section .sidebar .widget.widget_banner .banner_content a {
text-decoration: none;
font-size: 18px;
display: inline-block;
background: var(--white);
padding: 10px 20px;
font-weight: 600;
color: var(--primary-color);
transition: 0.65s;
}
.post-section .sidebar .widget.widget_banner .banner_content a:hover {
background-color: var(--secondary-color);
}
.post-section .sidebar .widget.widget_banner .banner_content h5 {
font-size: 30px;
font-weight: 600;
color: var(--white);
}
.post-section .sidebar .widget.widget_banner .banner_content p {
color: var(--white);
margin: 0;
font-weight: 600;
} .post-section .product-thumbnail a img {
width: 90px;
}
.woocommerce-cart tbody {
color: initial;
}
.woocommerce-cart .wc-block-cart table.wc-block-cart-items, .woocommerce-cart .wc-block-cart table.wc-block-cart-items td,.woocommerce-cart .wc-block-cart table.wc-block-cart-items th, .woocommerce-cart .is-large.wc-block-cart {
margin-bottom: 0;
}
.woocommerce table.shop_table td {
padding: 20px 20px 20px 10px;
}
.woosl-btn {
display: inline-block;
padding: 5px 10px;
border: 1px solid #bdbdbd;
font-weight: 500;
transition: 0.65s;
font-size: 12px;
}
.woosl-btn:hover {
background: var(--primary-color);
color: var(--white);
border-color: var(--primary-color);
}
.woocommerce-cart-form>.shop_table {
border: 1px solid #d8d8d8;
width: 100%;
}
.shop_table thead tr {
border-bottom: 1px solid #d8d8d8;
}
.shop_table thead tr th {
padding: 10px;
}
.woocommerce-cart-form__cart-item {
border: 1px solid #d8d8d8;
}
.shop_table tbody .product-price .woocommerce-Price-amount {
font-size: 16px;
font-weight: 600;
}
.post-content {
width: 100%;
}
.product-quantity input[type='number'] {
width: 50px;
border-radius: 0;
border: 1px solid #d8d8d8;
padding: 5px;
outline: none;
}
.blog-news .post-content {
position: absolute;
top: 50%;
left: 5%;
transform: translate(0, -50%);
width: 80%;
}
.blog-news .post-content .post-meta span {
font-size: 26px;
font-weight: 600;
color: var(--white);
}
.blog-news .post-content a.btn-readmore {
text-decoration: none;
padding: 10px 15px;
background: var(--primary-color);
color: var(--white);
display: inline-block;
font-weight: 500;
float: none;
}
a.btn-readmore {
font-weight: 600;
color: var(--primary-color);
transition: 0.65s;
}
a.btn-readmore:hover,
a.btn-readmore:focus-within {
color: var(--secondary-color);
}
.product-subtotal .woocommerce-Price-amount {
font-size: 16px;
color: var(--secondary-color);
font-weight: 600;
}
.product-remove a {
width: 30px;
height: 30px;
border-radius: 30px;
line-height: 27px;
border: 1px solid var(--primary-color);
display: inline-block;
text-align: center;
color: var(--primary-color);
text-decoration: none;
font-size: 16px;
}
.product-remove a:hover {
background: var(--primary-color);
color: #fff;
}
.product-name a {
text-decoration: none;
color: var(--secondary-color);
font-weight: 600;
}
.product-name p {
text-decoration: none;
font-weight: 600;
color: var(--secondary-color);
}
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
border: 1px solid #d8d8d8;
padding: 15px 28px;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: left;
}
.coupon {
display: flex;
width: 50%;
}
.coupon .button {
background: var(--primary-color);
color: var(--secondary-color);
padding: 5px 10px;
border: none;
font-weight: 600;
transition: 0.65s;
}
.coupon .button:hover,
.coupon .button:focus {
background: var(--secondary-color);
}
.coupon input[type='text']::placeholder {
color: var(--secondary-color);
}
.coupon input[type='text'] {
width: 50%;
margin-right: 10px;
color: #000;
border: 1px solid #d8d8d8;
border-radius: 0;
color: var(--secondary-color);
padding: 5px 10px;
}
.actions>.button {
float: right;
background: var(--primary-color);
color: var(--secondary-color);
padding: 5px 10px;
border: none;
font-weight: 600;
}
.actions>.button:hover,
.actions>.button:focus {
background: var(--secondary-color);
}
.woocommerce-cart-form {
margin-bottom: 50px;
}
.wc-proceed-to-checkout .checkout-button {
padding: 5px 10px;
background: var(--primary-color);
color: var(--secondary-color);
text-decoration: none;
font-size: 16px;
font-weight: 600;
display: inline-block;
margin-top: 20px;
transition: 0.65s;
}
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus {
background: var(--secondary-color);
color: var(--white);
}
.cart-subtotal th,
.cart-subtotal td,
.shipping th,
.shipping td,
.order-total th,
.order-total td {
padding: 10px;
border-bottom: 1px solid #d8d8d8;
}
.cart-collaterals .shop_table {
border: 1px solid #d8d8d8;
width: 50%;
}
.cart-collaterals .cart-subtotal span {
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.woocommerce-shipping-totals a {
text-decoration: none;
color: var(--primary-color);
font-weight: 500;
}
.woocommerce-shipping-totals td {
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.cart_totals h2 {
font-weight: 600;
margin-bottom: 20px;
width: 50%;
background: var(--primary-color);
color: var(--secondary-color);
font-size: 22px;
padding: 10px;
text-align: center;
} .woocommerce-info {
background: #eee;
padding: 10px;
margin-bottom: 30px;
color: var(--secondary-color);
font-weight: 600;
width: 100%;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
border: 1px solid #d8d8d8;
padding: 20px;
}
.woocommerce-info a {
color: var(--primary-color);
transition: 0.65s;
}
.woocommerce-info a:hover {
opacity: 0.7;
color: var(--primary-color);
}
.woocommerce-billing-fields h3 {
font-size: 20px;
font-weight: 600;
}
.woocommerce-checkout>.col2-set>.col-1 {
float: none;
width: 100%;
margin-bottom: 30px;
}
.woocommerce-billing-fields input::placeholder {
color: var(--secondary-color);
}
.woocommerce-billing-fields input,
.shipping_address .woocommerce-input-wrapper input {
width: 100%;
background: #fff;
border: 1px solid #d8d8d8;
padding: 5px 10px;
outline: none;
color: var(--secondary-color);
min-height: 50px;
}
.woocommerce-input-wrapper textarea {
width: 100%;
outline: none;
border: 1px solid #d8d8d8;
}
.woocommerce-checkout>.col2-set {
float: left;
width: 48%;
}
.woocommerce-billing-fields input[type='text'],
.woocommerce-billing-fields input[type='email'] {
color: var(--secondary-color);
}
.woocommerce-billing-fields label,
.form-row label {
font-size: 16px;
font-weight: 600;
color: var(--secondary-color);
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%;
}
#billing_country,
.shipping_address .woocommerce-input-wrapper select {
border: 1px solid #d8d8d8;
border-radius: 0;
display: block;
font-size: 92%;
font-weight: 500;
padding: 5px 10px;
min-height: 50px;
position: relative;
text-decoration: none;
white-space: nowrap;
width: 100%;
box-shadow: none;
overflow: auto !important;
outline: 0;
background-color: var(--bs-white);
color: var(--secondary-color);
}
#billing_country option {
color: var(--secondary-color);
}
.woocommerce form.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout #order_review {
width: 48%;
float: right;
}
#order_review .shop_table {
border: 1px solid #d8d8d8;
margin-bottom: 30px;
}
#order_review .shop_table .cart_item {
border-bottom: 1px solid #d8d8d8;
}
.place-order .alt {
background: var(--primary-color);
border: none;
padding: 5px 10px;
color: #fff;
font-weight: 600;
transition: 0.65s;
}
.place-order .alt:hover {
background: var(--secondary-color);
}
.woocommerce-checkout>.col2-set>.col-2 {
width: 100%;
float: none;
}
.wc-block-checkout__actions_row {
padding-top: 15px;
flex: auto;
}
#ship-to-different-address,
#order_review_heading {
font-size: 20px;
font-weight: 600;
color: var(--secondary-color);
}
.woocommerce-privacy-policy-link {
color: var(--primary-color);
transition: 0.65s;
}
.woocommerce-privacy-policy-link:hover {
color: var(--secondary-color);
} #st-secondary-content #woocommerce_widget_cart-1 .widget_shopping_cart_content,
#st-secondary-content #woocommerce_price_filter-1 .price_slider_wrapper,
#st-secondary-content #woocommerce_rating_filter-1 ul,
#st-secondary-content #woocommerce_product_search-1 .woocommerce-product-search,
#st-secondary-content #woocommerce_product_tag_cloud-2 .tagcloud,
#st-secondary-content #woocommerce_layered_nav-1 .woocommerce-widget-layered-nav-dropdown,
#st-secondary-content #woocommerce_product_categories-1 .product-categories,
#st-secondary-content #woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list,
#st-secondary-content #woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list {
border: 1px solid #d8d8d8;
padding: 20px;
margin-bottom: 30px;
}
#st-secondary-content #woocommerce_widget_cart-1 .widget-title,
#st-secondary-content #woocommerce_price_filter-1 .widget-title,
#st-secondary-content #woocommerce_rating_filter-1 .widget-title,
#st-secondary-content #woocommerce_product_search-1 .widget-title,
#st-secondary-content #woocommerce_product_tag_cloud-2 .widget-title,
#st-secondary-content #woocommerce_layered_nav-1 .widget-title,
#st-secondary-content #woocommerce_product_categories-1 .widget-title,
#st-secondary-content #woocommerce_layered_nav-2 .widget-title,
#st-secondary-content #woocommerce_layered_nav-3 .widget-title,
#st-secondary-content #woocommerce_top_rated_products-1 .widget-title {
border: 1px solid #d8d8d8;
padding: 10px 20px;
margin: 0;
border-bottom: 2px solid var(--primary-color);
font-size: 20px;
font-weight: 600;
}
#st-secondary-content #woocommerce_product_tag_cloud-2 {
padding: 0;
box-shadow: 0 0 0 0;
}
#woocommerce_widget_cart-1 .cart-products {
padding: 0;
}
#woocommerce_widget_cart-1 .cart-qty-price {
font-weight: 700;
}
#woocommerce_widget_cart-1 .cart-img-col {
display: flex;
align-items: center;
}
#woocommerce_widget_cart-1 .mini_cart_item {
display: flex;
border-bottom: 1px solid #d8d8d8;
padding: 20px 0;
}
#woocommerce_widget_cart-1 .size-woocommerce_thumbnail {
width: 50px;
height: 50px;
}
#woocommerce_widget_cart-1 .cart-img-col .remove_from_cart_button {
margin-right: 15px;
color: #fff;
}
.cart-sm-left .cart-pname a {
text-decoration: none;
font-weight: 500;
color: var(--secondary-color);
}
#woocommerce_widget_cart-1 .cart-ft-buttons-cont .cart-ft-btn {
padding: 5px 10px;
background: var(--primary-color);
color: #fff;
font-weight: 600;
border: none;
transition: 0.65s;
text-decoration: none;
border-radius: 0;
margin: 0 5px;
}
#woocommerce_widget_cart-1 .cart-ft-buttons-cont .cart-ft-btn:hover {
background: var(--secondary-color);
}
.price_slider_amount {
display: flex;
justify-content: space-between;
align-items: center;
}
#woocommerce_price_filter-1 .price_slider_amount button {
background: var(--primary-color);
padding: 5px 10px;
border: none;
color: #fff;
transition: 0.65s;
}
#woocommerce_price_filter-1 .price_slider_amount button:hover,
#woocommerce_price_filter-1 .price_slider_amount button:focus {
background: var(--secondary-color);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
height: 4px;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #462940;
border: 0;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .ui-slider div.ui-slider-range {
background-color: var(--primary-color);
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497;
}
.widget_price_filter .ui-slider span.ui-slider-handle {
background-color: #fff;
width: 10px;
height: 10px;
top: -3px;
box-shadow: 0px 0px 12px 0px rgb(88 88 88 / 65%);
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
}
#woocommerce_rating_filter-1 ul li a {
color: var(--secondary-color);
text-decoration: none;
font-weight: 500;
}
#st-secondary-content #woocommerce_product_search-1 .woocommerce-product-search {
display: flex;
}
#woocommerce_product_search-1 .woocommerce-product-search input::placeholder {
color: var(--secondary-color);
}
#woocommerce_product_search-1 .woocommerce-product-search input {
width: 70%;
outline: none;
border: none;
background: #fdf9f2;
padding: 5px 10px;
color: var(--secondary-color);
}
#woocommerce_product_search-1 .woocommerce-product-search button {
background: var(--primary-color);
color: #fff;
padding: 5px 10px;
font-weight: 600;
border: none;
transition: 0.65s;
}
#woocommerce_product_search-1 .woocommerce-product-search button:hover {
background: var(--secondary-color);
}
#woocommerce_product_categories-1 .product-categories li {
margin: 10px 0;
border: 1px solid #d8d8d8;
padding: 10px;
}
#woocommerce_product_categories-1 .product-categories li a {
text-decoration: none;
color: var(--secondary-color);
font-weight: 600;
transition: 0.65s;
}
#woocommerce_product_categories-1 .product-categories li a:hover {
color: var(--primary-color);
}
#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li {
display: flex;
justify-content: space-between;
border: 1px solid #d8d8d8;
margin: 10px 0;
padding: 10px;
}
#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li a:hover,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li a:hover {
color: var(--primary-color);
}
#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li a,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li a {
text-decoration: none;
color: var(--secondary-color);
text-transform: uppercase;
font-weight: 600;
transition: 0.65s;
}
#custom_html-3 {
margin-bottom: 30px;
}
#custom_html-3 .banner_wrap img {
width: 100%;
}
#custom_html-3 .banner_content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00000085;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
visibility: hidden;
opacity: 0;
transition: 0.65s;
}
#custom_html-3:hover .banner_content,
#custom_html-3:focus-within .banner_content {
visibility: visible;
opacity: 1;
}
#custom_html-3 .banner_content h5 {
font-size: 26px;
color: #fff;
}
#custom_html-3 .banner_content h5 b {
color: var(--primary-color);
}
#custom_html-3 .banner_content p {
color: #fff;
}
#custom_html-3 .banner_content a {
width: 40px;
height: 40px;
border: 1px solid #fff;
line-height: 40px;
border-radius: 40px;
color: #fff;
transition: 0.65s;
}
#custom_html-3 .banner_content a:hover {
background: #fff;
color: var(--primary-color);
}
#custom_html-4,
#custom_html-5 {
border: 2px solid var(--primary-color);
margin-bottom: 30px;
}
.testimonial_author {
display: flex;
align-items: center;
text-align: left;
line-height: 0;
margin-bottom: 20px;
}
.testimonial_item {
text-align: center;
padding: 35px 20px 0px 20px;
}
#custom_html-4 .owl-dots,
#custom_html-5 .owl-dots {
text-align: center;
margin: 20px 0;
}
.testimonial-content h6 {
font-size: 16px;
font-weight: 700;
color: var(--secondary-color);
}
.testimonial-content p {
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
position: relative;
}
.testimonial-content p span {
position: absolute;
bottom: -10px;
margin-left: 16px;
}
#custom_html-4 .testimonial-content {
padding: 0;
}
#custom_html-4 .testimonial-img img {
width: 60px;
height: 60px;
border-radius: 60px;
margin-right: 10px;
}
.testimonial_blockquote {
color: var(--secondary-color);
font-weight: 600;
}
.woocommerce-widget-layered-nav-dropdown select {
width: 100%;
padding: 6px 10px;
color: var(--secondary-color);
font-weight: 600;
}
.sale-content .sale-verticle,
.sale-content .per-off {
font-size: 16px;
font-weight: 600;
}
.sale-content .per {
font-size: 35px;
font-weight: 700;
}
.sale_item .btn-secondary {
background-color: var(--primary-color);
color: var(--secondary-color);
border: none;
font-weight: 500;
border-radius: 0;
transition: 0.65s;
text-decoration: none;
}
.sale_item .btn-secondary:hover {
background: var(--secondary-color);
}
.sale_item {
padding: 20px;
text-align: center;
}
.sale_author {
display: flex;
flex-direction: column;
align-items: center;
}
.sale_item:before {
content: '';
position: absolute;
width: 2px;
height: 40px;
background: #fff;
top: 0;
z-index: 99;
left: 50%;
transform: translate(-50%, 0px);
}
.sale_item:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: #ffffff;
top: 20px;
z-index: 99;
border-radius: 20px;
left: 50%;
transform: translate(-50%, 10px);
}
.sale-batch {
width: 130px;
height: 130px;
display: flex;
text-align: center;
background: #000;
border-radius: 130px;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 10px;
line-height: 0;
}
.sale-batch h5 {
font-size: 35px;
color: #fff;
font-weight: 800;
}
.sale-batch p {
color: #fff;
}
.sale_blockquote {
color: var(--secondary-color);
font-weight: 600;
margin-bottom: 20px;
}
#woocommerce_top_rated_products-1 .product_list_widget li a img {
width: 50px;
height: 50px;
float: right;
}
#woocommerce_top_rated_products-1 .product_list_widget li a {
display: block;
text-decoration: none;
color: var(--secondary-color);
font-weight: 700;
font-size: 16px;
}
#woocommerce_top_rated_products-1 ins .amount,
.product_list_widget .woocommerce-Price-amount {
color: var(--primary-color);
text-decoration: underline;
font-weight: 600;
}
#woocommerce_top_rated_products-1 del .amount {
color: var(--secondary-color);
font-weight: 600;
text-decoration: underline;
margin-right: 5px;
}
#woocommerce_top_rated_products-1 .product_list_widget li {
border-bottom: 1px solid #d8d8d8;
padding: 20px;
}
#woocommerce_top_rated_products-1 .product_list_widget {
border: 1px solid #d8d8d8;
}
ul.product_list_widget del {
color: var(--secondary-color);
}
.storely-woocompare-table th,
.storely-woocompare-table td {
border: 1px solid #d8d8d8;
padding: 20px;
}
.storely-woocompare-cell .add_to_cart_button {
padding: 10px 20px;
text-decoration: none;
text-align: center;
display: inline-block;
background: var(--primary-color);
color: var(--secondary-color);
width: 100%;
transition: 0.65s;
font-weight: 600;
}
.storely-woocompare-cell .add_to_cart_button:hover {
background: var(--secondary-color);
color: var(--white);
}
.storely-woocomerce-list__product-image {
text-align: center;
}
.storely-woocomerce-list__product-title a {
color: var(--secondary-color);
text-decoration: none;
font-weight: 600;
} .faq-content .heading-default {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.faq-content .heading-default .title h5 {
margin: 0;
padding: 10px 30px;
color: #fff;
font-weight: 600;
background: var(--primary-color);
font-size: 16px;
}
.faq-content .heading-default .heading-right {
background: var(--primary-color);
padding: 10px 30px;
}
.faq-content .heading-default .heading-right a {
color: #fff;
font-size: 16px;
text-decoration: none;
margin: 0 10px;
color: #fff;
font-weight: 600;
}
.faq-content .card,
.woocommerce-Tabs-panel .card {
border-radius: 0;
margin-bottom: 15px;
border: none;
}
.faq-content .acc-btn,
.woocommerce-Tabs-panel .acc-btn {
width: 100%;
text-align: left;
border: none;
background: transparent;
color: var(--secondary-color);
font-weight: 700;
padding: 10px 15px;
box-shadow: 0 0 14px -10px var(--primary-color);
transition: 0.65s;
position: relative;
}
.faq-content .acc-btn:hover,
.faq-content .acc-btn:focus-within,
.woocommerce-Tabs-panel .acc-btn:hover,
.woocommerce-Tabs-panel .acc-btn:focus-within {
background: var(--primary-color);
color: #fff;
}
.faq-content .card-header,
.woocommerce-Tabs-panel .card-header {
background: transparent;
padding: 0;
border-radius: 0;
border: none;
}
.faq-content .heading-right a.active {
color: var(--secondary-color);
} .faq-section .accordion .card .card-header .acc-btn:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:after {
content: "+";
position: absolute;
right: 10px;
top: 50%;
font-size: 28px;
font-weight: 700;
line-height: 60px;
color: var(--secondary-color);
text-align: center;
transform: translate(-50%, -50%);
font-family: var(--bs-font-awesome);
transition: all .35s cubic-bezier(.645, .045, .355, 1);
z-index: 0;
transition: 0.65s;
}
.faq-section .accordion .card .card-header .acc-btn:hover:after,
.faq-section .accordion .card .card-header .acc-btn:focus-within:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:hover:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:focus-within:after {
color: #fff;
}
.woocommerce-Tabs-panel .woocommerce-Reviews #comments {
padding: 0;
}
.card-body p {
color: var(--secondary-color);
font-weight: 500;
}
.card-body a {
color: var(--secondary-color);
font-weight: 500;
text-decoration: none;
} .contact-infosection{
padding: 80px 0 55px;
}
.contactinfo {
display: flex;
align-items: center;
background: var(--white);
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 30px;
transition: 0.65s;
}
.contactinfo:hover,
.contactinfo:focus{
background: var(--primary-color);
}
.contactinfo-icon {
width: 50px;
height: 50px;
background: var(--primary-color);
border-radius: 40px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
text-align: center;
line-height: 50px;
margin-right: 15px;
font-size: 22px;
color: var(--secondary-color);
transition: 0.65s;
}
.contactinfo:hover .contactinfo-icon,
.contactinfo:focus .contactinfo-icon {
background-color: var(--secondary-color);
color: var(--white);
}
.contactinfo h5 {
color: var(--secondary-color);
font-weight: 600;
font-size: 22px;
text-decoration: none;
display: flex;
flex-direction: column;
margin: 0;
}
.contactinfo h5 a {
color: var(--secondary-color);
font-weight: 500;
font-size: 16px;
text-decoration: none;
margin-top: 5px;
} .contactform-section {
background-color: var(--background);
}
.contactform-section .form-title {
text-align: center;
margin-bottom: 50px;
}
.contactform-section .form-title h4 {
font-size: 50px;
font-weight: 700;
color: var(--secondary-color);
}
.contactform-section .form-title span {
font-size: 18px;
font-weight: 500;
}
.contact-touch form p label .wpcf7-form-control-wrap input,
.contact-touch form p label .wpcf7-form-control-wrap textarea {
outline: none;
border: none;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
padding: 10px;
width: 100%;
color: var(--secondary-color);
font-weight: 600;
background-color: var(--white);
}
.contact-touch form p ::placeholder {
color: var(--secondary-color);
font-weight: 400;
}
.contact-touch form p {
margin-bottom: 25px;
text-align: center;
}
.contact-touch form p label {
width: 100%;
}
.contact-touch form p:nth-child(2) {
float: left;
width: 49%;
}
.contact-touch form p:nth-child(3) {
float: right;
width: 49%;
}
.contact-touch form p:nth-child(4) {
float: left;
width: 49%;
}
.contact-touch form p:nth-child(5) {
float: right;
width: 49%;
}
.contact-touch form p input[type='submit'] {
outline: none;
border: none;
background: var(--primary-color);
color: var(--secondary-color);
font-weight: 600;
padding: 10px 50px;
font-size: 20px;
width: 170px;
transition: 0.65s;
}
.contact-touch form p input[type='submit']:hover,
.contact-touch form p input[type='submit']:focus {
background: var(--secondary-color);
color: var(--white);
} .card404 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.card404 h3 {
font-size: 50px;
color: var(--secondary-color);
font-weight: 600;
margin-bottom: 30px;
}
.image404 {
display: block;
max-width: 100%;
margin-bottom: 30px;
}
#section404 .btn-404 {
padding: 7px 15px;
background: var(--primary-color);
border: none;
border-radius: 0;
font-weight: 500;
transition: 0.65s;
}
#section404 .btn-404:hover {
background: var(--secondary-color);
}
.card404 h1 {
font-size: 200px;
font-weight: 900;
color: var(--secondary-color);
}
.card404 h1 i{
position: relative;
z-index: 0;
}
.card404 h1 i::after{
content: '';
width: 200px;
position: absolute;
background: transparent;
inset: 0;
z-index: -1;
height: 200px;
border-radius: 100%;
border: 30px solid #f6ab4a;
border-bottom-color: transparent;
transform: rotate(6deg);
top: 16px;
} #section-comesoon .come-soon {
text-align: center;
}
#section-comesoon .come-soon h6 {
font-size: 36px;
font-weight: 700;
color: var(--secondary-color);
margin-bottom: 30px;
}
#section-comesoon .dogmaa_ct-timer>span {
display: flex;
flex-direction: column;
}
#section-comesoon .dogmaa_ct-timer>span>span:nth-child(1) {
font-size: 80px;
color: var(--secondary-color);
font-weight: 600;
line-height: 1;
}
#section-comesoon .dogmaa_ct-timer>span>span:nth-child(2) {
font-size: 22px;
color: var(--secondary-color);
font-weight: 600;
}
#section-comesoon .dogmaa_ct-timer {
display: flex;
justify-content: center;
justify-content: space-around;
}
#section-comesoon .timer {
margin-bottom: 40px;
}
#section-comesoon .mail-form {
display: flex;
align-items: center;
width: 100%;
}
#section-comesoon label {
width: 79%;
margin: 0;
}
#section-comesoon input[type='email']::placeholder {
color: var(--secondary-color);
}
#section-comesoon input[type='email'] {
border: none;
outline: none;
padding: 10px;
width: 100%;
color: var(--secondary-color);
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
height: 50px;
}
#section-comesoon button[type='submit'] {
border: none;
box-shadow: 0 0 11px -6px var(--primary-color);
padding: 10px;
width: 19%;
color: #fff;
background: var(--primary-color);
border-radius: 0;
font-weight: 600;
transition: 0.65s;
height: 50px;
}
#section-comesoon button[type='submit']:hover {
background: var(--secondary-color);
}
#section-comesoon .widget_mail {
margin-bottom: 40px;
}
#section-comesoon .widget_social_widget ul {
float: none;
}
#section-comesoon .widget_social_widget .widget-title {
margin-bottom: 15px;
} .wc-tabs,
.a-unordered-list {
padding: 0;
list-style: none;
}
.wc-tabs li {
display: inline-block;
margin: 0 5px;
}
.wc-tabs li a {
text-decoration: none;
font-size: 16px;
color: #fff; padding: 5px 10px;
display: inline-block;
transition: 0.65s;
}
.wc-tabs li a:hover,
.wc-tabs li a:focus-within { }
.product_video_img {
width: 100px;
height: 100px;
}
.expand-button-hidden {
position: absolute;  }
.pet_bazaar_psc_data_content > div { flex: 2;}
.pet_bazaar_psc_data_content > div:has(img) { flex: 1;}
#content div.product div.images,
div.product div.images,
#content div.product div.images,
div.product div.images {
float: left;
width: 48%;
}
#st-primary-content div.product div.images {
margin-bottom: 2em;
}
#st-primary-content #content div.product div.summary {
padding: 0 30px;
margin-bottom: 3em;
}
#content div.product div.summary,
div.product div.summary,
#content div.product div.summary,
div.product div.summary {
float: right;
width: 48%;
clear: none;
padding: 20px;
}
#st-primary-content .add_to_cart_button,
#st-primary-content div.product {
overflow: hidden;
}
#st-primary-content div.product {
margin-bottom: 0;
position: relative;
}
#st-primary-content div.product div.images .woocommerce-product-gallery__image:nth-child(1) {
max-height: 440px;
}
.woocommerce-product-gallery__image {
position: relative;
}
iframe {
max-width: 100%;
}
.storely_magnifier_gallery {
list-style: none;
padding: 0;
margin-top: 30px;
text-align: center;
}
#st-primary-content .owl-carousel .owl-item img {
display: inline-block;
}
#st-primary-content .owl-prev,
#st-primary-content .owl-next {
width: 20px;
height: 20px;
font-size: 10px;
}
#st-primary-content #product-32 {
width: 100%;
}
#st-primary-content .woocommerce-tabs {
clear: both;
}
.woocommerce-product-gallery__image .woocommerce-main-image img {
width: 100%;
height: auto;
}
a.storely_pv-popup {
bottom: 10px;
font-size: 25px;
line-height: 0;
opacity: 1;
outline: medium none !important;
padding: 15px 0;
position: absolute;
right: 13px;
text-decoration: none;
z-index: 10;
color: #444;
display: none;
}
#st-primary-content .sale-ribbon {
position: absolute;
background: var(--primary-color);
top: 10px;
left: 20px;
padding: 5px;
color: #fff;
z-index: 10;
}
.entry-summary h1 {
font-size: 36px;
font-weight: 700;
color: var(--secondary-color);
}
#st-primary-content .price .woocommerce-Price-amount {
color: var(--secondary-color);
font-weight: 500;
}
.cart .quantity {
margin-bottom: 20px;
}
.cart .quantity label {
color: var(--secondary-color);
font-size: 16px;
font-weight: 600;
margin-right: 10px;
}
.cart .quantity input {
width: 50px;
outline: none;
border-radius: 0;
border: 1px solid #d8d8d8;
padding: 5px;
line-height: inherit;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: initial;
}
.woocommerce div.product form.cart .button {
background-color: var(--primary-color);
}
span.onsale {
min-height: 3.236em;
min-width: 3.236em;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: -.5em;
left: -.5em;
margin: 0;
border-radius: 100%;
background-color: #777335;
color: #fff;
font-size: .857em;
z-index: 9;
}
table.variations select {
border: 1px solid;
width: 100%;
color: initial;
}
table.variations tr {
margin-bottom: 5px;
}
table.variations th {
background-color: transparent;
}
.disabled.wc-variation-selection-needed:hover {
background-color: var(--secondary-color) !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
border: 1px solid #e8e8e8;
margin: 5px;
}
.woocommerce #review_form #respond .form-submit input[type='submit'], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .quickview-overlay .button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
background-color: var(--primary-color);
color: var(--white);
padding: 10px;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
padding: 0;
text-indent: -999px;
width: 40px;
}
.woocommerce #review_form #respond .form-submit input[type='submit']:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover {
background-color: var(--secondary-color);
}
.single-product .in_wishlist.pet-bazaar-woowishlist-button { display: none; }
.single-product #product .pet-bazaar-woowishlist-page-button { margin-left: 10px; }
.single-product #product .add_to_wishlist.single_add_to_wishlist { 
width: 40px;
display: block;
line-height: 40px;
margin-left: 6px;
background-color: var(--primary-color);
text-align: center;
border-radius: 100%;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: white;
background: var(--secondary-color);
padding: 5px 10px;
margin-bottom: 10px;
display: inline-block;
border-radius: 5px;
font-weight: 700;
}   .single-product #product .add_to_wishlist.single_add_to_wishlist:hover i { 
color: var(--secondary-color);
}
#st-primary-content .cart button {
background: var(--primary-color);
color: #fff;
border: navajowhite; float: left;
margin-right: 10px;
transition: 0.65s;
}
#st-primary-content .cart button:hover,
#st-primary-content .cart button:focus-within {
background: var(--secondary-color);
}
#st-primary-content .cart .need-help {
background: var(--primary-color);
border: none;
border-radius: 0;
padding: 7px 15px;
margin: 0;
}
#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist {
background: var(--primary-color);
color: #fff;
padding: 7px 15px;
display: inline-block;
text-decoration: none;
transition: 0.65s;
}
#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist:hover,
#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist:focus-within {
background: var(--secondary-color);
}
.yith-wcwl-add-to-wishlist { }
#single-product .product:not(.type-product) {
background: #fdf9f2;
}
.product_meta .posted_in {
font-size: 16px;
color: var(--secondary-color);
font-weight: 600;
}
.product_meta {
margin-bottom: 15px;
}
.product_meta .posted_in a {
text-decoration: none;
color: var(--primary-color);
}
#st-primary-content .widget_social_widget h6 {
color: var(--secondary-color);
font-weight: 600;
}
#st-primary-content .widget_social_widget ul li a {
width: 40px;
height: 40px;
background: #fff;
box-shadow: 0 0 6px -3px var(--primary-color);
display: block;
text-align: center;
line-height: 40px;
margin-right: 10px;
color: var(--primary-color);
transition: 0.65s;
}
#st-primary-content .widget_social_widget ul li a:hover,
#st-primary-content .widget_social_widget ul li a:focus-within {
transform: rotate(360deg);
border-radius: 40px;
background: var(--primary-color);
color: #fff;
}
#st-primary-content #single-product {
background: transparent;
}
#st-primary-content .wishlist-head {
border-bottom: 1px solid #000; padding: 0 0 30px;
}
#st-primary-content .wishlist-head h5 {
margin: 0;
}
#st-primary-content .storely-woowishlist-item:not(.wishlist-head) {
padding: 30px 0;
border-bottom: 1px solid #d8d8d8;
}
#st-primary-content .storely-woowishlist-item {
display: flex;
justify-content: space-around;
align-items: center;
}
#st-primary-content span.dashicons.dashicons-dismiss:before {
content: "\f00d";
font-family: 'FontAwesome';
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 19px;
border-radius: 30px;
color: var(--primary-color);
border: 1px solid var(--primary-color);
transition: 0.65s;
font-size: 12px;
}
#st-primary-content span.dashicons.dashicons-dismiss:hover:before {
background: var(--primary-color);
color: #fff;
}
#st-primary-content .storely-woowishlist-item .add_to_cart_button {
background: var(--primary-color);
color: var(--secondary-color);
text-decoration: none;
padding: 5px 10px;
font-weight: 500;
transition: 0.65s;
}
#st-primary-content .storely-woowishlist-item .add_to_cart_button:hover {
background: var(--secondary-color);
color: var(--white)
}
#st-primary-content .storely-woocomerce-list__product-title a {
color: var(--primary-color);
transition: 0.65s;
}
#st-primary-content .storely-woocomerce-list__product-title a:hover {
text-decoration: underline;
} .signin-model-2 {
max-width: 900px;
background-size: 900px 470px;
background-repeat: no-repeat;
background-position: center center; overflow-y: initial;
}
.side-img {
width: 100%;
display: block;
}
.signin-overlay.active {
display: block;
animation: fade_show linear 0.5s forwards;
}
.signin-overlay {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
animation: fade_hide linear 0.5s forwards;
}
.signin-model-details {
position: absolute;
width: 100%; background-color: #fff;
top: 50%;
left: 50%;
border: 0; border-radius: 0;
transform: translate(-50%, -50%);
z-index: 0;
}
.signin-overlay .signin-close {
width: 40px;
height: 40px;
background: var(--primary-color);
color: #fff;
display: inline-block;
text-align: center;
line-height: 40px;
border-radius: 40px;
position: absolute;
right: -20px;
top: -20px;
}
#formnewsletter { padding: 30px 50px 30px 30px;
height: 100%;
text-align: center;
}
.signin-model-details form input[type='email'] {
width: 100%;
border-radius: 0;
margin-bottom: 10px;
border-top: none;
border-left: none;
border-right: none;
outline: none;
box-shadow: none;
padding-left: 10px;
height: 40px;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.signin-model-details form button[type='submit'] {
width: 100%;
background: var(--primary-color);
border: none;
border-radius: 0;
font-weight: 600;
color: #fff;
height: 40px;
}
.signin-model-details .form-check {
display: inline-block;
}
.news-header h3 {
font-size: 50px;
color: var(--secondary-color);
font-weight: 600;
}
.news-header h3>span {
color: var(--primary-color);
}
.news-header p {
font-size: 30px;
color: var(--secondary-color);
font-weight: 600;
}
.form-check .form-check-label {
color: var(--secondary-color)
}
.product-action .quickview-trigger:before {
content: "\f06e";
font-family: 'FontAwesome';
}
.product-action .compare:before {
content: "\f0ec";
font-family: 'FontAwesome';
}
.product-action .ajax_add_to_cart:before {
content: "\f07a";
font-family: 'FontAwesome'; text-indent: 999px;
display: inline-block;
}  #theme-quickview-body .product.type-product {
width: 100%;
}
.quickview-model-details {
position: relative;
height: 60%;
width: 47%;
background-color: #fff;
margin: 12.65% auto;
border: 0;
overflow-y: auto;
border-radius: 0;
padding: 2.6%;
display: flex; justify-content: center;
} .quickview-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
animation: fade_hide linear 0.5s forwards;
}
.quickview-model-details .quickview-close {
position: absolute;
background-color: var(--primary-color);
color: #fff;
width: 20px;
line-height: 20px;
font-size: 14px;
right: 3.6%;
top: 8.6%;
border-radius: 0px;
cursor: pointer;
z-index: 100;
text-align: center;
font-weight: 700;
}
.quickview-model-details .woocommerce.single-product {
width: 100%;
}
.add_to_cart_button,
.woocommerce div.product,
body { }
body {
overflow-x: hidden;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.quickview-product .product-thumb.img-thumbnail {
width: 40%;
float: left;
position: relative;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.quickview-product .product-thumb.img-thumbnail .images {
width: 100%;
height: auto;
margin-bottom: 0;
}
.woocommerce div.product div.images {
margin-bottom: 2em;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 48%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
margin: 0;
padding: 0;
}
.woocommerce .cart .product_type_simple {
background: var(--primary-color);
border: none;
color: #fff;
padding: 5px 10px;
margin-bottom: 10px;
}
.quickview-product .product-content.entry-summary {
width: 60%;
float: left;
padding-left: 30px;
}
.quickview-model-details .widget_social_widget ul li a {
width: 40px;
height: 40px;
display: inline-block;
background: #fff;
box-shadow: 0 0 11px -7px var(--primary-color);
text-align: center;
line-height: 40px;
color: var(--primary-color);
margin-right: 5px;
transition: 0.65s;
}
.quickview-model-details .widget_social_widget ul li a:hover {
background-color: var(--primary-color);
color: #fff;
}
.quickview-model-details .wp-post-image {
width: 100%;
display: block;
height: 100%;
}
.header-two .widget_social_widget ul li a,
.footer-section2 .widget_social_widget ul li a {
transition: 0.85s;
}
.header-two .widget_social_widget ul li a:hover,
.footer-section2 .widget_social_widget ul li a:hover,
.header-two .widget_social_widget ul li a:focus,
.footer-section2 .widget_social_widget ul li a:focus {
transform: rotate(360deg);
}
.header-two .widget_social_widget ul li a:hover i,
.footer-section2 .widget_social_widget ul li a:hover i {
transform: scale(1.5);
}
.header-two .main-navigation .widget-contact .contact-icon:hover {
background: var(--primary-color);
} #storely_wfsb-top-bar {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
position: fixed;
top: 0;
z-index: 999;
background: var(--primary-color);
width: 100%;
}
#storely_wfsb-main-content {
font-size: 16px;
color: #fff;
font-weight: 600;
}
#storely_wfsb-label {
display: none;
}  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 400;
margin: 0 0 20px;
font-weight: 600;
line-height: 1.2;
}
h1,
.h1 {
font-size: 36px; }
h2,
.h2 {
font-size: 32px; }
h3,
.h3 {
font-size: 28px; }
h4,
.h4 {
font-size: 24px; }
h5,
.h5 {
font-size: 20px; }
h6,
.h6 {
font-size: 16px; } blockquote {
padding: 10px 80px;
margin: 0 0 20px;
background: var(--secondary-color);
}
blockquote p {
margin-bottom: 0;
}
blockquote {
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 21px;
letter-spacing: 1px;
border-left: 5px solid var(--primary-color);
color: #ffffff;
}
blockquote cite,
blockquote small {
font-size: 15px;
display: block;
line-height: 20px;
padding-top: 15px;
color: var(--primary-color);
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 600;
}
.site a {
text-decoration: underline;
word-wrap: break-word;
}
p a, li a {
color: var(--primary-color);
}
.site a:hover { text-decoration: dotted underline;
} address {
font-style: italic;
margin: 0 0 20px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 27px;
} table {
border: 1px solid #e9e9e9;
background-color: #fcfcfc;
border-spacing: 0;
letter-spacing: 0.5px;
margin: 0 0 20px;
text-align: left;
table-layout: fixed;
width: 100%;
}
table th {
padding: 10px 10px;
color: var(--secondary-color);
background: var(--primary-color);
}
table th {
border-right: solid 1px #636468;
}
table th {
border-right: solid 1px #b7b7b7;
}
table td {
border: 1px solid #e8e7e7;
padding: 8px 10px;
} dl {
margin-bottom: 25px;
margin-top: 0;
}
dl dt {
font-weight: 700;
margin-bottom: 10px;
color: #222222;
font-family: 'Open Sans', sans-serif;
}
dl dd {
margin-bottom: 20px;
margin-left: 15px;
}
abbr,
tla,
acronym {
text-decoration: underline;
cursor: help;
}
acronym {
border-bottom: 0 none;
}
big {
font-size: large;
font-weight: 600;
}
s,
strike,
del {
text-decoration: line-through;
}
em,
cite,
q {
font-style: italic;
font-weight: 600;
color: var(--primary-color);
}
ins {
text-decoration: none;
padding: 0 3px;
}
code,
kbd,
tt,
var,
samp,
pre {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background: var(--secondary-color);
color: #ffffff;
padding: 2px 5px;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
max-width: 100%;
overflow: auto;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
mark {
color: #000;
background: #ff0;
padding: 2px 5px;
}
.search-form label {
width: 100%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}  #theme-changer h2 {
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
color: var(--dark);
}
#style-configurator {
position: fixed;
top: 50%;
right: -310px;
z-index: 9999;
-webkit-box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
-moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
transform: translateY(-50%);
}
#style-configurator>a {
position: absolute;
right: 100%;
cursor: pointer;
display: block;
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
z-index: 11;
background-color: #ffffff;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-webkit-box-shadow: 0px 0px 5px -2px rgb(0 0 0 / 14%);
-moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.14);
box-shadow: 0px 0px 5px -2px rgb(0 0 0 / 14%);
}
.toggle-panel {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--dark);
}
#theme-changer {
width: 310px;
box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
background: #ffffff;
padding: 30px;
overflow: hidden;
border-radius: 4px 0 0 4px;
}
#theme-changer h4 {
letter-spacing: .5px;
font-size: 20px;
font-weight: 600;
padding: 5px 0;
border: 0px;
margin: 10px auto !important;
white-space: nowrap;
position: relative;
}
.style-palette:last-child,
.style-palette-bg:last-child {
border-bottom: 0 none;
margin-right: 0;
}
.style-palette-bx,
.style-palette {
padding: 0;
}
.style-palette-bx>li:first-child {
margin-right: 5px;
}
.style-palette li,
.style-palette-bg li {
margin: 2px 2px 0 0;
}
.style-palette,
.style-palette-bg,
.style-palette-bx {
list-style: none outside none;
margin: 0 0 20px; overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.jscolors-bg {
padding: 0 15px;
}
.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
max-width: 105px;
}
.jscolors-bg .jscolor {
background-color: #ffffff !important;
color: #333 !important;
border-color: #333; }
.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
color: #fff;
font-size: 12px;
border: 1px solid transparent;
line-height: 2;
padding: 0px 20px;
border-radius: 0;
display: inline-block;
width: 100%;
max-width: 110px;
} .style-palette li,
.style-palette-bg li {
margin: 2px 5px 0 0;
}
.style-palette li a,
.style-palette-bg li a {
border-radius: 50%;
}
.style-palette .color-changer [class*="color"],
.style-palette-bg .pattern-changer [class*="pattern"] {
display: block;
width: 1.3rem;
height: 1.3rem;
border-radius: 50%;
}
#theme-changer h4:after {
border-bottom: 1px solid #bdbdbd;
content: '';
display: table-cell;
position: absolute;
top: -5px;
left: -50px;
width: 200%;
}
.color-default {
background-color: #f6ab4a;
}
.color-one {
background-color: #4D7DF0;
}
.color-two {
background-color: #F93C41;
}
.color-three {
background-color: #05BB2B;
}
.color-four {
background-color: #F03E54;
}
.color-five {
background-color: #02CFAA;
}
.color-six {
background-color: #9A62F3;
}
.color-seven {
background-color: #395ca3;
}
.color-eight {
background-color: #008080;
}
.color-nine {
background-color: #ee591f;
}
.color-ten {
background-color: #ffba00;
} .color-twelve {
background-color: #0088CC;
}
.color-thirteen {
background-color: #019875;
}
.color-fourteen {
background-color: #f24259;
}
.color-fifteen {
background-color: #A03717;
}
.color-sixteen {
background-color: #6CAF17;
}
.color-seventeen {
background-color: #02CFAA;
}
.Home-v ul {
list-style: none;
padding: 0;
margin: 0;
}
.Home-v ul li {
display: inline-block;
}
.Home-v ul li a{
display: inline-block;
padding: 5px 10px;
background-color: #f6ab4a;
color: var(--secondary-color)!important;
border-radius: 5px;
margin-bottom: 10px;
margin-right: 5px;
}
.Home-v ul li a {
text-decoration: none;
color: var(--primary-color);
font-weight: 600;
}
body.boxed {
max-width: 1320px;
-webkit-box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
margin: 0 auto;
position: relative;
} .footer_content_wrap {
position: relative;
}
.footer_content_wrap:not(:has(.custom-logo-link)) > span{
position: absolute;
top: 12px;
right: 12px;
color:var(--primary-color);
cursor: pointer;
z-index: 2;
}
.c1 .footer_content_wrap:first-of-type > span, .footer_content_wrap.active >.collaps, .footer_content_wrap >.collapsd {
display: none;
}
.c1 .footer_content_wrap:first-of-type:has(a.logo) > .widget-title ~ div {
display: initial;
}
.footer_content_wrap.active >.collapsd {
display: inline-block;
} .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
content: " ";
display: table;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}
.woocommerce-MyAccount-navigation ul {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
padding: 0;
list-style: none;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 20px;
line-height: 1.5;
border-width: 0;
border-style: solid;
border-left-width: 2px;
border-left-color: transparent;
border-bottom-width: 1px;
border-bottom-color: #e5e5e5;
color: #2c3145;
-webkit-transition: .3s all;
transition: .3s all;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus {
background-color: var(--text-white);
border-left-color: var(--primary-color);
}
.woocommerce-account .woocommerce-MyAccount-content {
border: 1px solid #e5e5e5;
padding: 20px;
background-color: #fbfbfb;
min-height: 254px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%;
}
.woocommerce-info {
line-height: 2;
padding-left: 50px;
}
.woocommerce-info::before {
top: unset;
} #pricing-bedge {
position: fixed;
bottom: 100px;
left: 70px;
z-index: 2;
}
.big-price, a.big-price:hover, a.big-price:focus {
line-height: 30px;
text-align: center;
background-color: var(--primary-color);
color: #ffffff;
}
.big-price>span {
font: 30px;
font-weight: 600;
}
.small-price {
width: 40px;
line-height: 40px;
border-radius: 50%;
position: absolute;
text-align: center;
background-color: var(--secondary-color);
z-index: -2;
left: -20px;
bottom: -20px;
}
.small-price i {
color: white;
font-size: 12px;
}
.box-shadow-ripples {
height: 30px;
width: 30px;
border-radius: 50%;
background-size: cover;
position: relative;
box-shadow: 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%);
text-decoration: none;
display: inline-block;
}
.box-shadow-ripples:before {
position: absolute;
content: "";
inset: 0 0 0 0;
border-radius: 50%;
box-shadow: 0 0 color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 10px color-mix(in srgb , var(--primary-color) , transparent 80%),
0 0 0 15px color-mix(in srgb , var(--primary-color) , transparent 80%);
z-index: -1;
animation: ripples 5s linear infinite;
transition: 0.7s;
transform: scale(0.5);
}
@keyframes ripples {
to {
box-shadow: 0 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 10px color-mix(in srgb , var(--primary-color) , transparent 80%),
0 0 0 15px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 20px color-mix(in srgb , var(--primary-color) , transparent 80%);
transform: scale(1);
}
} .woocommerce-store-notice, p.demo_store {
background-color: var(--primary-color);
}
.woocommerce-store-notice a, p.demo_store a {
color: #000;
font-weight: 700;
}
.woocommerce-store-notice a:hover, p.demo_store a:hover, .woocommerce-store-notice a:focus, p.demo_store a:focus {
color: #f00;
} .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--primary-color);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
background-color: var(--primary-color) !important;
color:#ffffff;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
background-color: var(--secondary-color);
color:#ffffff;
} .navigation.pagination {
justify-content: center;
}
.navigation.pagination .nav-links .page-numbers {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--secondary-color);
color: #ffffff;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.navigation.pagination .nav-links a.page-numbers:hover,
.navigation.pagination .nav-links a.page-numbers:focus,
.navigation.pagination .nav-links .page-numbers.current {
background-color: var(--primary-color);
color: #ffffff;
}