/*!
Theme Name: The8 Shop Dark
Theme URI: https://athemeart.com/downloads/the8-shop/
Author: aThemeArt
Author URI: https://athemeart.com
Description: Looking for a clean, modern, and super easy way to launch your online store? Meet The8 Shop Dark – a completely free WooCommerce theme that’s perfect for fashion boutiques, jewelry shops, watch stores, beauty products, handmade crafts, or even selling used items! With its minimal and fresh design, sleek black background option, and clean layout, your store will look professional and premium from day one. It’s fully responsive, mobile-friendly, retina ready, and super shoppable so it looks stunning on every device. Enjoy easy customization with drag & drop builder, customizable colors, typography, header styles, and footer options. One-click demo import and pre-designed pages make setting up your shop lightning fast. Whether you’re running a full eCommerce store or want to combine shopping with blogging, The8 Store supports various post layouts for smooth blogging too! Sell products, create beautiful LookBooks, manage inventory, and give your customers a smooth shopping experience – all for free!
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.0.3
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: the8-shop-dark
Tags:  one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce, custom-logo, featured-image-header, sticky-post
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

:root {
	--primary-color:#fff;
	--secondary-color: #BB9D7B;
	--tertiary-color: #000;
	--quaternary-color:#BBC4C2;
   	--quinary-color:#0D0D0D;
   
	--body-bg: #000;
	--border-color: #3f454b;
	--border-color-rgb: 255,255,255;
	

	--nav-color:#a6a6a6;
	--nav-h-color:#fff;
	--body-font:'Jost', sans-serif;
	--heading-font:'Jost', sans-serif;
	--border-subtle: 1px solid rgba(255, 255, 255, 0.2);
  }
/*===========================================================================
Global Style 
===========================================================================*/

body {
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: var(--body-font);
    font-size: 100%;
    font-weight: 300;
    color: var(--primary-color);
    background: var(--body-bg);
    text-align: left;
}

/* Headings */
h1, h2, h3, h4, h5, h6{
    font-family: var(--heading-font);
    font-weight: 500;
}

/* Links */
a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--quaternary-color);
}

/* Theme Colors */
.theme-color {
    color: var(--secondary-color) !important;
}

#content .entry-title a,
#secondary a,
h1 a, h2 a, h3 a, h4 a {
    color: var(--quaternary-color);
    text-decoration: none;
}

#content .entry-title a:hover,
#content .entry-title a:focus,
#secondary a:hover,
#secondary a:focus,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus {
    color: var(--secondary-color);
}
/* Table Cell */
.tb-cell {
    display: table-cell;
}

/* Buttons */
.theme-btn,
.navigation.posts-navigation a{
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 5px;
	font-weight: 400;
	background: var(--tertiary-color);
	overflow: hidden;
	position: relative;
	z-index: 1;
	line-height: 1;
	padding:13px 30px;
	overflow: hidden;
	display: inline-block;
	border-bottom: 3px solid var(--secondary-color);
	font-size: 0.9em;
	color: var(--secondary-color);
}
/*.theme-btn span{
	position: relative;
	z-index: 9;
}*/
.theme-btn:before,
.theme-btn:after,
.navigation.posts-navigation a:before,
.navigation.posts-navigation a:after{
	display: block;
	content: '';
	position: absolute;
	background: var(--secondary-color);
	opacity: 1;
	width: 0;
	transition: all 0.2s linear 0s;
	left: 0;
	right: unset;
	transform: skewX(-30deg) translateX(-15px);
	height: 110%;
	top: 0;
	z-index:-1;
}
.theme-btn:after,
.navigation.posts-navigation a:after{
  left: unset;
  right: 0;
  transform: skewX(-30deg)translateX(15px);
}
.theme-btn:hover:before,
.theme-btn:hover:after,
.theme-btn:focus:before,
.theme-btn:focus:after,
.navigation.posts-navigation a:hover:before,
.navigation.posts-navigation a:hover:after{
	width: 62%;
}
.theme-btn:hover,
.theme-btn:focus,
.navigation.posts-navigation a:hover{
	color: var(--primary-color);
}
.theme-btn i{
	margin-left: 5px;
}

/* Elementor Section */
.elementor-section-full_width .elementor-container {
    max-width: 1140px !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Input Focus */
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, 
input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, 
input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, 
input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, 
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, 
textarea:focus {
    border-color: #ffffff5e;
}

/* Content Padding */
#content {
    padding-top: 80px;
    padding-bottom: 60px;
}
/* Static Header Banner */
#static_header_banner {
    display: flex;
    min-height:60vh;
    background-color: #282E34;
    position: relative;
    z-index: 1;
    padding-top: 100px;
     align-items: center;
    justify-content: center;
    overflow: hidden;
}
#static_header_banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(2,0,0,0.79);
    z-index: -1;
}
#static_header_banner #the8-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: 0;
  display: none;
}
#static_header_banner .content-text {
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--quaternary-color);
    overflow: hidden;
    position: relative;
    padding:60px 0px 60px 0px;
   
}

/* Owl Carousel */
.owl-item {
    float: left;
}

#be-home-slider {
    overflow: hidden;
}

/* Table Striped */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--gray-color);
}

/* Owl Animation */
.owl-item.active .slideUp {
    animation-name: slideUp;
    animation-duration: 1.5s;
    animation-timing-function: ease;
}

/* Slide Up Animation */
@keyframes slideUp {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0%);
        opacity: 1;
    }
}

/*===========================================================================
===========================================================================
Header top bar begin 
===========================================================================
===========================================================================*/
.top-bar-menu {
	background: #F7F7F7;
	padding-top: 5px;
	padding-bottom: 5px;
}
.top-bar-menu .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--tertiary-color);
}
.top-bar-menu .left-menu, .top-bar-menu .right-menu {
	display: flex;
	align-items: center;
	gap: 40px;
}
.top-bar-menu .left-menu ul, .top-bar-menu .right-menu ul {
	display: flex;
	align-items: center;
	gap: 15px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-bar-menu .right-menu li ul {
	position: absolute;
	display: block;
	min-width: 150px;
	background: var(--quaternary-color);
	box-shadow: 0px 5px 15px 0px var(--alpha-1);
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 999;
}

.top-bar-menu .right-menu li:hover ul {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}
.top-bar-menu .right-menu li ul a {
	display: block;
	color: var(--tertiary-color);
	padding: 7px 15px;
	border-bottom: 1px solid var(--alpha-2);
}
.top-bar-menu .right-menu li ul a:hover,
.top-bar-menu .right-menu li ul a:focus {
	color: var(--nav-h-bg);
}
.top-bar-menu .right-menu li ul li:last-child a {
	border: 0;
}
.top-bar-menu li{
	position: relative;
}
.top-bar-menu > ul > li{
	margin: 0px 3px;
}
.top-bar-menu > ul > li:after{
	content: "-";
	position: absolute;
	right: -10px;
	color: inherit;
	top: 50%;
	height: 18px;
	overflow: hidden;
	transform: translateY(-15px);
	opacity: 0.5;
}
.top-bar-menu > ul > li:last-child:after{
	display: none;
}
.top-bar-menu .container a {
	color: var(--tertiary-color);
	padding: 0px 5px;
}
.top-bar-menu .container .social-links{
	padding-top: 5px;
}
.top-bar-menu .container .social-links a {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	padding: 0px;
}


@media only screen and (max-width: 991px) {
	.top-bar-menu .left-menu, .top-bar-menu .right-menu {
		flex-direction: column;
	}
	.top-bar-menu .left-menu ul {
		flex-direction: column;
		gap: 0px;
	}
	.top-bar-menu .left-menu, .top-bar-menu .right-menu{
		gap: 5px;
	}
	
}
@media only screen and (max-width: 575px) {
	.top-bar-menu .container {
		flex-direction: column;
		gap: 10px;
	}
	.top-bar-menu .left-menu, .top-bar-menu .right-menu {
		flex-direction: column;
	}
	.top-bar-menu .left-menu ul {
		flex-direction: column;
		gap: 0px;
	}
	.top-bar-menu .left-menu, .top-bar-menu .right-menu{
		gap: 5px;
	}
	#static_header_banner{
		min-height: auto;
	}
}
/*===========================================================================
Header section 
===========================================================================*/
header.site-header{
	display: block;
	clear: both;
	border-bottom: var(--border-subtle);
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	/*padding:20px 30px;*/
}
#masthead.sticky {
	position: fixed;
	left: 0px;
	right: 0px;
	top: -100%;
	background: rgba(41,41,41,0.97) !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#masthead.sticky.active {
  top: 0px;
}
header.site-header .header_icon_wrap{
	padding:20px 30px;
	border-left: var(--border-subtle);
	width: 18%;
	display: flex;
	align-items: center !important;
	vertical-align: right;
}
header.site-header .logo-wrap{
	padding:20px 30px;
	border-right: var(--border-subtle);
	width: 18%;
	display: flex;
	align-items: center !important;
	vertical-align: left;
}
header.site-header a{
	color: var(--nav-color);
}
header.site-header a:focus,
header.site-header a:hover{
	color: var(--nav-h-color);
}
.the8-shop-dark-navbar-close{
	display:none;	
}
#navbar{
	margin: 0px auto;
	display: flex;
	align-items: center !important;
	padding: 20px 0px;
	width: 64%;
	text-align: center;
	align-items: center !important;
	vertical-align: center;
}
#navbar ul{
	margin: 0px auto;
	padding: 0px;
}
#navbar li{
	float: left;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 5px;
	position: relative;
}
#navbar li ul{
	display: none;
}
#navbar .navigation-menu > li > a{
	line-height: 1;
	transition: .33s all ease;
	-webkit-transition: .33s all ease;
	-moz-transition: .33s all ease;
	-o-transition: .33s all ease;
	position: relative;
	color: var(--nav-color);
	letter-spacing: 0;
	padding:15px 10px; 
	display: block;
	font-size: 15px;
	text-transform:uppercase;
	font-weight: 400;
}

.btn-animate-y,
ul.the8-shop-myaccount-endpoint .btn-animate-y{
	position: relative;
	display: block;
	overflow: hidden;
}
.btn-animate-y *,
ul.the8-shop-myaccount-endpoint .btn-animate-y *{
	 -webkit-transition: .33s all ease;
	-moz-transition: .33s all ease;
	-o-transition: .33s all ease;
}
.btn-animate-y-1,
#navbar li a .btn-animate-y-1,
ul.the8-shop-myaccount-endpoint li a .btn-animate-y-1{
	display: block;
	transform: translateY(0);
	opacity: 1;
}
.btn-animate-y-2,
#navbar li a .btn-animate-y-2,
ul.the8-shop-myaccount-endpoint li a .btn-animate-y-2{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	color: var(--nav-h-color);
	opacity: 0;
}
.theme-btn:hover .btn-animate-y-1,
#navbar li a:hover .btn-animate-y-1,
#navbar li a:focus .btn-animate-y-1,
#navbar li.current_page_item > a .btn-animate-y-1,
#navbar li.current-menu-parent > a .btn-animate-y-1,
#navbar li:hover > a .btn-animate-y-1,
ul.the8-shop-myaccount-endpoint li a:hover .btn-animate-y-1,
ul.the8-shop-myaccount-endpoint li a:focus .btn-animate-y-1{
	transform: translateY(-100%);
	opacity: 0;
}
.theme-btn:hover .btn-animate-y-2,
#navbar li a:hover .btn-animate-y-2,
#navbar li a:focus .btn-animate-y-2,
#navbar li.current_page_item > a .btn-animate-y-2,
#navbar li.current-menu-parent > a .btn-animate-y-2,
#navbar li:hover > a .btn-animate-y-2,
ul.the8-shop-myaccount-endpoint li a:hover .btn-animate-y-2,
ul.the8-shop-myaccount-endpoint li a:focus .btn-animate-y-2{
	transform: translateY(-100%);
	opacity: 1;
}
#navbar .navigation-menu li ul,
.the8-shop-myaccount-endpoint{
	position: absolute;
	border: none;
	margin-top: 0;
	top: 100%;
	display: block;
	min-width: 220px;
	float: none;
	text-align: left;
	background-color: rgba(41,41,41,0.97) !important;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translate(50%,30px);
	z-index: 999;
	padding: 0px;
	margin-right: 50%;
	right: 9999px;
	opacity: 0;
	visibility:hidden;
}
.the8-shop-myaccount-endpoint{
	right: 0px;
	margin-right: 0px;
	transform: translate(0,30px);
	min-width: 180px;
}
@media screen and (min-width: 900px) {
  #navbar .navigation-menu li ul:before,
  ul.the8-shop-myaccount-endpoint:before {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    content: " ";
    border-right: 8px solid #fff0;
    border-bottom: 8px solid rgba(41,41,41,0.97);
    border-left: 8px solid #fff0;
    box-shadow: -2px 2px 82px -26px rgb(0 0 0/.25);
  }
  ul.the8-shop-myaccount-endpoint:before{
  	left: auto;
  	right: 5px;
  }
  #navbar .navigation-menu ul ul:before{
    top: 10px;
    left: -8px;
    content: " ";
    border-top: 8px solid #fff0;
    border-right: 8px solid rgba(41,41,41,0.97);
    border-bottom: 8px solid #fff0;
  }
  ul.header-icon li.toggle-list{
  	display: none;
  }
}
#navbar .navigation-menu li ul ul{
	right: calc(-100% + -10px);
	top: 3px;
}
#navbar .navigation-menu li.focus > ul{
	opacity: 1;
}
#navbar.keyfocus li > ul{
	right: 0;
	opacity: 0;
	transform: translate(50%,0);
	transition: opacity 0.15s linear, transform 0.15s linear;
	visibility:visible;
}
#navbar .navigation-menu li:hover > ul, 
#navbar .navigation-menu li:focus > ul,
#navbar .navigation-menu li.focus > ul,
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
	right: 0;
	opacity: 1;
	transform: translate(50%,0);
	transition: opacity 0.15s linear, transform 0.15s linear;
	visibility:visible;
}
#masthead .header-icon li:hover ul,
#masthead .header-icon li:focus ul,
#masthead .header-icon li.focus ul {
	transform: translate(0%,0);
}
#navbar .navigation-menu li li:hover > ul, 
#navbar .navigation-menu li li:focus > ul,
#navbar .navigation-menu li li.focus > ul{
	right: calc(-100% + -10px);
	opacity: 1;
	transform: translate(50%,0);
	transition: opacity 0.15s linear, transform 0.15s linear;
}
#navbar .navigation-menu li li,
ul.the8-shop-myaccount-endpoint li{
	display: block;
	float: none;
	padding: 0px!important;
}
#navbar .navigation-menu li:last-child{
	border-bottom: none;
}
#navbar .navigation-menu li li > a,
.the8-shop-myaccount-endpoint a{
	transition: .33s all ease;
	-webkit-transition: .33s all ease;
	-moz-transition: .33s all ease;
	-o-transition: .33s all ease;
	display: block;
	font-family: var(--nav-font);
	position: relative;
	color: var(--nav-color);
	padding: 8px 15px 8px 20px;
}
#navbar .navigation-menu li li > a:hover,
#navbar .navigation-menu li li > a:focus,
#navbar .navigation-menu li li.current-menu-item > a,
#navbar .navigation-menu li li.current-page-parent > a,
.the8-shop-myaccount-endpoint a:hover,
.the8-shop-myaccount-endpoint a:focus{
	color: var(--quaternary-color);
	background: var(--secondary-color);
}
ul.header-icon,
ul.header-icon .cart-contents{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px;
	padding: 0px;
}
ul.header-icon li{
	list-style: none;
	padding: 0px 10px;
	position: relative;
}
ul.header-icon li button{
	padding:10px 15px;
	line-height: 0px;
}
ul.header-icon li button.simple-btn{
	padding: 0px;
	background:none;
	border: none;
	display: block;	
}
ul.header-icon li i{
	font-size: 18px;
}
ul.header-icon li button.simple-btn{
	color: var(--nav-color);
}
ul.header-icon li button.simple-btn:hover,
ul.header-icon li button.simple-btn:focus{
	color: var(--nav-h-color);
}
.responsive-submenu-toggle{
	display: none;
}
@media screen and (max-width: 540px) {
	#masthead .navsticky{
		position: static;
	}
	#masthead .navsticky > .d-flex{
		display: block!important;
	}
	#masthead .logo-wrap{
		width: auto;
		margin: 0px auto 0px auto;
		text-align: center;
		border:none;

	}
	#masthead .logo-wrap h3{
		display: inline-block;
		margin: 0px auto;
	}
	#masthead .justify-content-end{
		justify-content: center!important;
	}
	header.site-header .header_icon_wrap{
		width: 100%;
	}
	#masthead ul.header-icon{
		margin: 0px auto;
	}
	#static_header_banner{
		padding-top: 150px;
	}
	#content .post-meta-wrap .avatar_round img{
		height: auto!important;
	}
	.single-prev-next.container .col-md-6 > .row{
		display: flex;
		flex-wrap: revert-layer;
	}
	.single-prev-next.container .col-md-6 > .row *{
		width: auto;
		flex-shrink:1!important;
		max-width: auto;
	}
	.single-prev-next.container .row .col-md-6:first-child{
		margin-bottom: 30px;
	}

}
@media screen and (max-width: 900px) {
	#navbar{
		position: fixed;
		background: #111111;
		width: 250px;
		left: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 9999;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		left: -100%;
		transform: translateX(-100%);
		visibility: hidden;
		display: none;
		opacity: 0;
	}
	#navbar.active {
		left: 0;
		transform: translateX(0);
		visibility: visible;
		display: block;
		opacity: 1;
	}
	#navbar ul.navigation-menu{
		margin: 0px;
		padding: 0px;
		width: 250px;
	}
	#navbar li{
		float: none;
		display: block;
		border-bottom:1px solid rgba(41,41,41,0.97);;
	}
	#navbar li .responsive-submenu-toggle{
		position: absolute;
		top: 10px;
		right: 0px;
		background:none;
		font-size: 16px;
		padding: 0px 10px;
		border: none;
		display: block;
	}
	#navbar li ul.sub-menu{
		display:none;
		opacity: 1;
  		visibility:visible;
  		position: static;
  		transform: translate(0,0px);
  		margin: 0px;
	}
	#navbar li ul.sub-menu.focus-active{
		display: block;
	}
	.the8-shop-dark-navbar-close{
		display: block;
		padding: 10px;
		line-height: 10px;
	}
	.the8-shop-dark-navbar-close:hover,
	.the8-shop-dark-navbar-close:focus{
		background:none;
		color: var(--secondary-color);
	}
	#navbar .navigation-menu > li > a{
		text-align: left;
	}
	#navbar .navigation-menu li:hover > ul, #navbar .navigation-menu li:focus > ul, #navbar .navigation-menu li.focus > ul, #masthead .header-icon li:hover ul, #masthead .header-icon li:focus ul, #masthead .header-icon li.focus ul,#navbar .navigation-menu li li:hover > ul, #navbar .navigation-menu li li:focus > ul, #navbar .navigation-menu li li.focus > ul{
		transform: translate(0,0);
	}
}

/*===========================================================================
===========================================================================
Header bottom bar begin 
===========================================================================
===========================================================================*/
.apsw-search-wrap .apsw-search-form {
	height: 50px !important;
}
.apsw_data_container {
	flex-direction: column;
}
#masthead ul.apsw_data_container li{
	margin-bottom: 0px;
	display: block;
}
ul.apsw_data_container li:hover {
	background-color: var(--gray-color);
}
.apsw-search-wrap .apsw-select-box-wrap {
	height: 50px;
}
.apsw-search-wrap .apsw-category-items {
	line-height: 50px;
}
.apsw-search-wrap .apsw-search-form input[type='search'], .apsw-search-wrap.apsw_search_form_style_4 button.apsw-search-btn, .apsw-search-wrap.apsw_search_form_style_5 button.apsw-search-btn, .apsw-search-wrap.apsw_search_form_style_6 button.apsw-search-btn, .apsw-search-wrap .apsw-search-btn {
	height: 50px !important;
	line-height: 50px;
	min-height: auto;
}
.apsw-search-wrap .apsw-search-btn svg{
	display: none;
}
.apsw-search-wrap .apsw-search-btn:after{
	top: 0px;
}
#masthead .apsw-search-wrap li{ margin: 0px; }

/*===========================================================================
===========================================================================
 Banner section Begin 
 ===========================================================================
 ===========================================================================*/
 #home-slider .owl-nav {
   display: none;
 }
 #home-slider{overflow: hidden; width: 100%;}
 #home-slider .slide-item {
	height: 100vh;
	position: relative;
}
#home-slider {
	position: relative;
	background: #000;
}
#home-slider .owl-dots{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}
#home-slider .owl-dot {
	width: 40px;
	height: 8px;
	padding: 0;
	border-radius: 4px;
}
#home-slider .owl-dot.active {
	background: transparent;
}
.slide-wrap {
	height: 100%;
}
#gs-home-page-hero .content-text,
.slide-content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slideUp {
	width: 65%;
}

.slideUp.center{
margin: 0px auto;
}
.slideUp.right{
float: right;
}
a.slide-btn {
	position: relative;
	padding: 0 40px;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	border-width: 0;
	font-size: 18px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: 'Roboto', sans-serif;
	overflow: hidden;
	border:1px solid var(--secondary-color);
	display:inline-block;
	margin: 25px 10px 0px 10px;
	color: var(--secondary-color);
}
a.slide-btn:first-child {
	margin-left: 0;
}
a.slide-btn:hover,
a.slide-btn:focus{
	background-color:var(--secondary-color);
	border-color:var(--secondary-color);
	color: var(--quaternary-color);
}
a.slide-btn.btn-color{
	background-color:var(--secondary-color);
	border-color:var(--secondary-color);
	color: var(--quaternary-color);
}
a.slide-btn.btn-color:hover,
a.slide-btn.btn-color:focus {
	background-color: transparent;
	color: var(--nav-h-bg);
}

@media only screen and (max-width : 767px) {
	
	#home-slider .slide-item {
		max-height: 70vh;
	}
	.slideUp {
		width: 100%;
	}
	#masthead.style_2 [class*="col-"]{
		margin-bottom: 20px;
	}
	#masthead.style_2 #nav_bar_wrap{
		padding: 15px 0px;
	}
	#masthead.style_2 .order-3{
		order: 0!important;
	}
	
	#the8-shop-dark-mega-menu{
		margin-top: 10px;
		display: block;
		float: none!important;
	
	}
	#the8-shop-dark-mega-menu > .btn-mega{
		line-height: 50px!important;
	  height: 54px!important;
	}
	#the8-shop-dark-mega-menu > .btn-mega > span{
		top: 24px!important;
	}
	
	#the8-shop-dark-mega-menu > ul.menu{
		top: 42px;
	}
	
}
/*===========================================================================
===========================================================================
 Breadcrumb section Begin 
 ===========================================================================
 ===========================================================================*/
.site-header-text-wrap {
	text-align: center;
}
.site-header-text-wrap h1 {
	font-family: var(--body-font);
	font-size: 3.5rem;
	line-height: 51px;
	font-weight: 500;
	margin-bottom: 0;
}
/*===========================================================================
 			Feature section Begin 
 ===========================================================================*/
.icon-box-wrap .item-box::before, .icon-box-wrap .item-box::after, .icon-box-wrap .item-box-content::before, .icon-box-wrap .item-box-content::after {
   display: none;
}
/*====================================================
	Product section begin
======================================================*/
ul.products.columns-4 .owl-item li.product {
	width: 100% !important;
}
/*ul.products.columns-4 li.product {
	width: calc(100% / 4 - 30px) !important;
	margin: 20px 15px !important;
}*/
ul.products li.product{ position: relative; }
ul.products li.product:before,
ul.products li.product:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -0px;
	right: -0px;
	top: -0px;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
	z-index: 1;
	border-top: 1px solid var(--secondary-color);
	border-bottom: 1px solid var(--secondary-color);
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	opacity: 0;
}
ul.products li.product:after{
	transform: scale(1,0);
	border-right: 1px solid var(--secondary-color);
    border-left: 1px solid var(--secondary-color);
}
ul.products li.product:hover:before,
ul.products li.product:hover:after{
	opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
}
ul.products li.product .product-image{
	overflow: hidden;
	border-radius: 8px;
}
.woocommerce li.product .product_wrap{
	padding:25px 10px 20px 10px;
	border-radius: 0 0 8px 8px;
	background: var(--quinary-color);
	text-align: center;
	color: var(--primary-color);
	margin: 0px 1px 5px 1px;
	position: relative;
	z-index: 9;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product div.summary{
	position: relative;
	background: var(--quinary-color);
}
ul.products li.product .button.theme-btn{
	letter-spacing: 0;
}
.woocommerce li.product .button-wrap{
	display: block;
	justify-content: space-between;
	align-items: center;
	clear: both;
	position: relative;
	text-align: center;
	position: relative;
	max-width: 80%;
	margin: 0px auto;
}
.woocommerce ul.products li.product .added_to_cart.wc-forward{
	transition: all 0.3s ease-in-out;
	padding: 7px 8px!important;
	display: inline-block;
	font-size: inherit;
	top: 0px;
	border-radius: 8px;
	position: absolute;
	left: 0px;
	right: 0px;
	text-transform: uppercase;
	text-align: center;
	color: var( --quaternary-color )!important;
	background: var(--secondary-color)!important;
	border:1px solid var( --secondary-color )!important;
	z-index: 999;
	width: 100%;
	letter-spacing: 0;
	text-decoration: none;
	font-weight: 0.9rem;
}

.woocommerce ul.products li.product .added_to_cart.wc-forward:hover,
.woocommerce ul.products li.product .added_to_cart.wc-forward:focus{
	color: var(--tertiary-color)!important;
	background: var(--quaternary-color)!important;
	border:1px solid var(--bs-gray-200)!important;
}
.woocommerce li.product .button{
	width: 100%;
	max-width: 200px;
	min-width: 135px;
	margin-right: 5px;
}
.product_wrap .price {
	display: block;
	line-height: 100%;
	color: var(--secondary-color);
	margin-bottom: 22px;
}
.woocommerce li.product .product_wrap .price{
	margin-bottom: 30px;
	padding-top: 5px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: var(--primary-color);
}
.woocommerce li.product .product_wrap .price del{
	font-size: 12px;
}
.woocommerce li.product .btn{
	display: inline-block !important;
	text-transform: capitalize;
	border-color: var(--gray-color);
	color: var(--tertiary-color);
	border: none;
}
.woocommerce li.product .btn:hover, .woocommerce li.product .btn:focus {
	color: var(--quaternary-color);
}
.woocommerce ul.products li.product.do-to-list .added_to_cart.wc-forward {
	display: inline-block !important;
	transform: translate(0);
}
.the8-shop-dark-sidebar.order-1 .widget-area{
	padding-right: 20px;
}
.the8-shop-dark-sidebar.order-2 .widget-area{
	padding-left: 20px;
}
@media only screen and (max-width: 767px) {
	.the8-shop-dark-sidebar.order-1 .widget-area,
	.the8-shop-dark-sidebar.order-2 .widget-area{
		padding-left: 0px;
		padding-right: 0px;
	}
	ul.products.columns-4 {
		margin: 0;
	}
	ul.products.columns-4 li.product {
		width: 100% !important;
		margin: 0 0 30px 0 !important;
	}
}
/*===========================================================================
Blog Page Begin 
===========================================================================*/
.the8-shop-dark-post-wrap {
	margin-bottom: 60px;
	background:var(--quinary-color);
	border-radius: 8px;
	overflow: hidden;
}
.the8-shop-dark-post-wrap .post{
	padding: 20px;
}
.post .more-link{
	margin-top: 25px;
	display:block;
}
.post .more-link .link-btn .btn-animate-y-1{
	color: var(--primary-color);
}
.post .more-link .link-btn .btn-animate-y-2{
	color: var(--secondary-color);
}
.nav-links{
	display: flex;
}
.navigation.posts-navigation .nav-next{
	margin-left: auto;
}
.navigation.posts-navigation a{
	border-radius: 4px;
	margin: 0 .25em;
	margin-bottom: 0px;
	padding:13px 15px;
	line-height: 1;
	background: var( --quinary-color );
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-decoration: none;
	min-width: 180px;
}
.navigation.posts-navigation a i{
	margin-right:5px;
}
.navigation.posts-navigation .nav-next a i{
	margin-right: 0px;
	margin-left: 5px;
}

/*===========================================================================
Blog Single Page Begin 
===========================================================================*/
ul.post-meta{
	padding: 0;
	list-style: none;
	color: var(--primary-color);
	margin: 0px;
	font-size: 14px;
}
#content ul.post-meta li.post-by{
	display:block;
	font-size:105%;
	font-weight:500;
	font-size: 18px;
}
#content .post-meta-wrap {
	display: flex;
	margin-bottom: 25px;
}
.post-meta-wrap.header_meta_info{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
}
.post-meta-wrap.header_meta_info .avatar_round{
	border-radius: 50%;
	overflow: hidden;
	 border: 2px solid transparent;
}
.post-meta-wrap.header_meta_info .avatar_round img{
	max-width: 35px;
}
#content .post-meta-wrap .avatar_round{
    margin-right: 20px;
    border: 2px solid transparent;
    border-radius: 50%;
}
#content .post-meta-wrap .avatar_round:hover,
#content .post-meta-wrap .avatar_round:focus,
.post-meta-wrap.header_meta_info .avatar_round:focus,
.post-meta-wrap.header_meta_info .avatar_round:hover{
	border-color: var(--secondary-color);
}

#content .post-meta-wrap .avatar_round img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: block;
}
#content h2.entry-title{
	display: block;
	padding-bottom: 20px;
	color: var(--quaternary-color);
	margin-bottom: 0px;
}
#content .entry-title a{
	--underline-position: 100%; /* Ensure bottom placement */
	--underline-size: 2px;

	background-image: linear-gradient(90deg, currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 0% var(--underline-size);
	background-position: 0 var(--underline-position);

	transition: background-size 0.5s cubic-bezier(.25, .8, .25, 1);

	display: inline-block; /* Inline elements don't respect background properties well */
	padding-bottom: var(--underline-size); /* Ensure spacing */
	text-decoration: none; /* Prevent default underline if used on links */
}
#content .entry-title a:hover,
#content .entry-title a:focus{
	background-size: 100% var(--underline-size);
	text-decoration: none!important;
}
#content ul.post-meta li.post-by:before{
	display: none;
}
ul.post-meta li{ display: inline-block; margin-right: 30px; font-style: italic; position: relative; }
ul.post-meta li:before{ 
	content: "/"; 
	position: absolute;
	right: -18px;
	top: 50%;
	font-size: 10px;
	height: 20px;
	line-height: 16px;
	font-size: 11px;
	transform: translateY(-8px);
}
ul.post-meta li:last-child:before{ display: none; }
.blog-loop-wrp .img-box, .related_post_warp .img-box {
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.related_post_warp .icofont-image{ display: none; }
.img-box {
	margin-bottom: 15px;
	position: relative;
}
.the8-shop-dark-post-wrap .img-box{
	margin-bottom:0px;
	overflow: hidden;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
} 
.the8-shop-dark-post-wrap .img-box img{
	transition: all 0.5s ease-in-out;
	max-width: 100%;
}
.the8-shop-dark-post-wrap .img-box:hover img,
.the8-shop-dark-post-wrap .img-box a:hover img,
.the8-shop-dark-post-wrap .img-box a:focus img{
	transform: scale(1.2);
}
.the8-shop-dark-post-wrap .img-box:hover .owlGallery img,
.the8-shop-dark-post-wrap .img-box .owlGallery a:hover img,
.the8-shop-dark-post-wrap .img-box .owlGallery a:focus img{
	transform: scale(1);
}
.the8-shop-dark-post-wrap .img-box .owl-nav.disabled{
	display: none;
}

.the8-shop-dark-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #fff;
	background: var(--secondary-color);
	border-radius: 50%;
	z-index: 99;
	margin-left: -25px;
	margin-top: -25px;
	transform: translateY(-30px);
	transition: all 0.5s ease-in-out;
	opacity: 0;
}
.the8-shop-dark-post-wrap .img-box:hover .the8-shop-dark-icon,
.the8-shop-dark-post-wrap .img-box a:hover .the8-shop-dark-icon,
.the8-shop-dark-post-wrap .img-box a:focus .the8-shop-dark-icon{
	transform: translateY(0px);
	opacity: 1;
}
.the8-shop-dark-icon:hover,
.the8-shop-dark-icon:focus{
	background: #fff;
	color:var(--secondary-color);
}
.share-box {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 50px;
}
.share-box h6 {
	font-family: var(--body-font);
	margin-bottom: 0;
}
.single-prev-next.container {
	padding: 0;
	margin-bottom: 50px;
	clear: both;
	padding: 20px;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
	border-radius: 8px;
	background: var(--quinary-color);
}
.single-prev-next h5 {
	font-family: var(--body-font);
	margin-bottom: 0px;
}
.form-allowed-tags {
	margin-bottom: 20px;
}
#commentform [class^="col-"]{ position: relative; }
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
	margin-bottom: 20px !important;
}
#commentform input[type=checkbox], input[type=radio] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
#review_form p.comment-form-cookies-consent{
	display: flex;
	margin-bottom: 30px;
}
#commentform input[type=checkbox]:before, input[type=radio]:before {
	opacity: 0;
}
#commentform label {
	line-height: 15px;
	margin-bottom: 0;
	padding-top: 5px;
}
#commentform .theme-btn{
	padding: 10px 15px;
}
/*=================================
	# COMMENT
================================*/
#comments{
	background:var(--quinary-color);
	padding: 20px;
	border-radius:8px;
}
.ml-auto{
	margin-left: auto;
}
ul.comment-list {
	display:block;
	margin:0px;
	padding:0px;
}
ul.comment-list li {
	margin:0px;
	list-style:none;
	clear:both;	
}
ul.comment-list li ul {
	margin-left:20px;
}
.comment-meta .single-comment img {width: 80px;height: 80px;border-radius: 50%;}
.comment-meta .single-comment .comment {
  width: calc(100% - 80px);
  padding-left: 20px;
  position: relative;
}
.comment-meta .single-comment .comment h6{
	margin-bottom:0px!important;	
}
.comment-meta .single-comment .comment h6 a {
  text-transform: uppercase;
  margin: 10px 0 8px 0;
}
.comment-meta .single-comment .comment .date {
  text-transform: uppercase;
  font-size: 12px;
}
.comment-meta .single-comment .comment-text {margin-top:10px;}
.comment-meta .single-comment {
  padding-bottom: 20px;
  margin-bottom: 30px;
  position:relative;
  display: flex;
}
.comment-meta .ellipse-left {
	 position:relative;
	
}
.comment-meta .single-comment.reply-comment {margin-left: 50px;}
.comment-meta .single-comment:last-child {
  margin: 0;
  padding: 0;
  border:none;
}
.comment-meta .single-comment .comment .reply {
  position: absolute;
  top:0;
  right: 0;
} 
.comment-meta .single-comment .comment .reply a{
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 12px;
	background:var(--secondary-color);
	font-size: 12px;
	color:var(--primary-color);
	transition: all 0.3s ease-in-out;
	display:block;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border: 1px solid var(--secondary-color);
}
.comment-meta .single-comment .comment .reply a:hover,
.comment-meta .single-comment .comment .reply a:focus{
	background:none;
	color: var(--secondary-color);
}

/*=================================================
		blog sidebar Begin
===================================================*/
#search-1 .search-form, .wp-block-search__inside-wrapper {
	display: flex;
	border: 1px solid var(--alpha-2);
}
#search-1 .search-form input {
	margin-bottom: 0;
	border: 0;
}
#search-1 .search-form label, .wp-block-search__inside-wrapper input {
	width: 100%;
	margin-bottom: 0;
	border: none;
}
#search-1 .search-form input[type="submit"], .wp-block-search__inside-wrapper button {
	border: 0;
	border-radius: 0;
	background: var(--black-4);
	color: var(--quaternary-color);
	padding: 0 15px;
}
#search-1 .search-form input[type="submit"]:hover, #search-1 .search-form input[type="submit"]:focus, .wp-block-search__inside-wrapper button:hover, .wp-block-search__inside-wrapper button:focus {
	background: var(--secondary-color);
}
.widget {
	margin-bottom: 30px;
}
.widget_search {
	margin-bottom: 30px;
}
#secondary .widget ul, #secondary .widget ol, .pine-push-sidebar ul {
	padding-left: 0;
	margin-bottom: 0;
}
#secondary .widget ul.children {
	margin-left: 5px;
}
#secondary .widget li,
.pine-push-sidebar .widget li{
	list-style: none;
	padding: 10px 0 10px 0px !important;
	position: relative;
	margin: 0;
}
#secondary .widget li:after,
.pine-push-sidebar .widget li:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: -moz-radial-gradient(left, ellipse cover, rgba(var(--border-color-rgb), 0.1) 0%, rgba(255, 255, 255, 0) 70%);
	background: -webkit-radial-gradient(left, ellipse cover, rgba(var(--border-color-rgb), 0.1) 0%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(ellipse at left, rgba(var(--border-color-rgb), 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}
#secondary .widget li li:last-child:after,
.pine-push-sidebar .widget li li:last-child:after{
	display: none;
}
.pine-push-sidebar .widget li li:last-child:after{
	display: none;
}
#secondary .widget li:first-child,
.wp-block-latest-posts.wp-block-latest-posts__list li:first-child,
.pine-push-sidebar .widget li:first-child{
	padding-top:0px!important;
}
#secondary .widget li:before,
.pine-push-sidebar .widget li:before{
	content: "\f285";
	font-family: "bootstrap-icons";
	position: absolute;
	left: 10px;
	top: 50%;
	height:20px;
	line-height: 20px;
	transform: translateY(-10px);
	transition: all 0.3s ease-in-out;
	opacity: 0;
	font-size: 0.9em;
	color: var(--secondary-color);
}
#secondary .widget li:hover:before,
.pine-push-sidebar .widget li:hover:before{
	opacity: 1;
	left: 0px;
}
#secondary .widget li a:hover,
.pine-push-sidebar .widget li a:hover,
#secondary .widget li a:focus,
.pine-push-sidebar .widget li a:focus,
 #secondary .widget li:hover > a,
.pine-push-sidebar .widget li:hover > a{
	padding-left: 20px;
}
#secondary .widget li ul,
.pine-push-sidebar .widget li ul{
	padding-top: 5px;
	padding-left: 15px;
}
#secondary .widget li li,
.pine-push-sidebar .widget li li{
	padding: 5px!important;
	position: relative;
}
#secondary .widget li li:last-child,
.pine-push-sidebar .widget li li:last-child{
	padding-bottom: 0px!important;
}
#secondary .widget li li a,
.pine-push-sidebar .widget li a{
	color: var(--primary-color);
}
#secondary .widget li li a:hover,
.pine-push-sidebar .widget li a:hover,
#secondary .widget li li a:focus,
.pine-push-sidebar .widget li a:focus{
	color: var(--secondary-color);
}
.woocommerce-product-search {
	display: flex;
	border: 1px solid var(--alpha-1);
	border-radius: 5px;
}
.woocommerce-product-search input {
	margin-bottom: 0;
	border: 0;
}
ul.products li.product.do-to-list {
	display: flex;
	align-items: center;
	gap: 30px;
	border: 1px solid var(--alpha-2);
	border-radius: 10px;
}
.wc-layered-nav-rating .star-rating::before {
	transform: translateX(30px);
}
/*===========================================================================
 #Product Category section Begin 
===========================================================================*/
.widget-title,
.related.products h2,
.upsells.products h2,
.cross-sells h2,
.wp-block-group__inner-container h2,
.related_post_heading,
.checkout h3,
h2.wp-block-heading,
.woocommerce-Reviews-title,
#review_form .comment-reply-title{ 
	font-family: var(--heading-font);
	color: var(--quaternary-color);
	text-transform: capitalize;
	position: relative;
	padding-bottom:20px;
	padding-left:20px;
	font-size: 1.55rem;
}
.widget-title:before,
.related.products h2:before,
.upsells.products h2:before,
.cross-sells h2:before,
.wp-block-group__inner-container h2:before,
.related_post_heading:before,
.checkout h3:before,
.woocommerce-Reviews-title:before,
#review_form .comment-reply-title:before{
	content: '';
	z-index: 1;
	opacity: 0.8;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 4px;
	background-color:var(--secondary-color);
	opacity: 0.5;
}
.widget-title:after,
.related.products h2:after,
.upsells.products h2:after,
.cross-sells h2:after,
.wp-block-group__inner-container h2:after,
.related_post_heading:after,
.checkout h3:after,
.woocommerce-Reviews-title:after,
#review_form .comment-reply-title:after{
	content: '';
	z-index: 1;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 12px;
	background-color:var(--secondary-color);
}
.product_list_widget .product-link{
	display: block;
}

ul.popular_category_list li,
#colophon.site-footer li{
	list-style:none;
	display:block;	
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position:relative;
}
.woocommerce-cart-form table.shop_table.cart tr td .woocommerce-Price-amount{
	color: var(--primary-color);
}
.woocommerce-cart-form table.shop_table.cart tr td.product-name{
	color: var(--primary-color);
}
/*===========================================================================
===========================================================================
Footer section Begin 
===========================================================================
===========================================================================*/
#footer {
	border-top: 1px solid var(--gray-color);

}

#colophon.site-footer .textwidget li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#colophon.site-footer .cat-item {
	padding-top: 5px;
	padding-bottom: 5px;
}
/*#colophon.site-footer li:before {
	  font-family: 'IcoFont' !important;
	  font-style: normal;
	  font-weight: normal;
	  -webkit-font-smoothing: antialiased;
	  position:absolute;
	  left:3px;
	  font-size: 16px;
	  top: 50%;
	  transform: translateY(-50%);
	  content: "\ea98";
	   opacity: 0;
	  visibility: hidden;
	  transition: .33s all ease;
	  
  }
*/
   
ul.popular_category_list,
#colophon.site-footer ul{
	margin:0px;
	padding:0px;
	padding-left:0px;
}
#colophon.site-footer .widget li:hover:before,
#colophon.site-footer .widget li:focus:before,
#colophon.site-footer .widget li.focus:before{
	 opacity: 1;
	visibility:visible;
	left: -2px;
	color:var(--secondary-color);
}
ul.popular_category_list li:last-child{
	border:none;	
}
.sidebar-menu {
	list-style:none;
	margin: 0;
	padding: 0;
}
.sidebar-menu li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: normal;
	display: block;
	color: var(--primary-color);
	text-decoration:none;
	font-size:95%;
}
#secondary .post-date{
	display:block;
	text-align:right;
	font-size:11px;
	font-style:italic;
}
#colophon .social-list {
	display: flex;
	gap: 20px;
}
#colophon .site_info {
	border-top: 1px solid rgba(var(--border-color-rgb),.1);
	padding: 20px 0;
	background: #1a1b1b !important;
}
#colophon .site_info .row {
	align-items: center;
}

/*===========================================================================
===========================================================================
Back to top button End 
===========================================================================
===========================================================================*/
a.ui-to-top {
	position: fixed;
	right: -40px;
	bottom: 70px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	z-index: 20;
	transition: .3s all ease;
	cursor: pointer;
	z-index: 9999;
	opacity: 0;
	padding-right: 30px;
	font-family: var(--heading-font);
	color: var(--nav-color);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	transform: translateY(0) rotate(-90deg);
	opacity: 0;

}
a.ui-to-top:hover,
a.ui-to-top:focus{
  color:var( --secondary-color );
}
a.ui-to-top.active {
  opacity: 1;
  bottom: 100px;
}

/*===========================================================================
===========================================================================
Product Single Page Begin 
===========================================================================
===========================================================================*/
.product_title {
	font-weight: 500;
	color: var(--tertiary-color);
}
.woocommerce div.product form.cart {
	margin: 30px 0 !important;
}
.compare-wishlist-single-post {
	border-bottom: 1px solid var(--alpha-1);
}
.compare-wishlist-single-post .alert {
	position: absolute;
	width: max-content;
}
.single-product-extra-container li a {
	font-size: 16px;
	border: 0 !important;
	border-radius: 50%;
	color: var(--tertiary-color) !important;
}
.single-product-extra-container li a:hover,
.single-product-extra-container li a:focus {
	background: var(--tertiary-color) !important;
	color: var(--quaternary-color) !important;
}
h6.heading-share {
	font-family: var(--body-font);
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs .panel {
	min-height: auto !important;
}
#review_form .comment-notes {
	font-size: 16px !important;
}
p.stars a::before {
	width: auto !important;
}
.related.products h2, .upsells.products h2, .cross-sells h2 {
	margin-bottom: 0px;
	clear: both;
	margin-top: 50px;
}
/*===========================================================================
Cart Page Begin 
===========================================================================*/
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table.shop_table {
	background-color: transparent !important;
}
#content .the8-shop-dark-post-wrap .content-wrap a.checkout-button {
	color: var(--quaternary-color);
}
#content .the8-shop-dark-post-wrap .content-wrap a.checkout-button:hover,
#content .the8-shop-dark-post-wrap .content-wrap a.checkout-button:focus{
	color: var(--secondary-color);
}

/*===========================================================================
===========================================================================
Checkout Page Begin 
===========================================================================
===========================================================================*/
.checkout h3 {
	font-family: var(--body-font);
	font-weight: 500;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border: none!important;
}
.content-wrap .woocommerce-message{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.content-wrap .woocommerce-message:before{
	color: #d6e9c6;
}
.content-wrap .woocommerce-error{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.content-wrap .woocommerce-error:before{
	color: #31708f;
}
.content-wrap .woocommerce-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.content-wrap .woocommerce-info:before{
	color: #31708f;
}

ul.wc_payment_methods li {
	margin-bottom: 0 !important;
}
#place_order.button {
	border-radius: 30px;
}
/*===========================================================================
===========================================================================
Checkout Page End 
===========================================================================
===========================================================================*/
.woocommerce-form-login {
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
}
.woocommerce-form.woocommerce-form-login.login .form-row {
	margin: 0;
}
.woocommerce-form.woocommerce-form-login.login .form-row.woocommerce-form-row {
	width: calc(50% - 15px) !important;
	margin: 0;
}
.woocommerce-LostPassword.lost_password {
	transform: translateY(0) !important;
	margin-bottom: 0;
}
.dev_info{
	display: block;
	font-style: italic;
}


.elementor-col-100 .elementor-element-populated{
	padding: 0px!important;
}
.wedding-collection .woocommerce-loop-product__title a,
.wedding-collection .price,
.wedding-collection .woocommerce-Price-amount{
	color: #fff!important;

}
.wedding-collection .star-rating{
	display: none!important;
}
.footer_widget_wrap{
	line-height: 22px;
	border-top: 1px solid rgba(var(--border-color-rgb),.1);
	overflow: hidden;
	background-color: #262728;
}
.footer_widget_wrap ul li,
.footer_widget_wrap ul{
	padding: 0px;
	list-style: none;
}
.footer_widget_wrap ul li{
	padding-bottom: 15px;
	clear: both;
}
li.be_lasted_posted .posts_date{
	display: block;
	font-size: 11px;
	font-style: italic;
}
.footer_widget_wrap ul li:last-child{
	padding-bottom: 0px;
}
.footer_widget_wrap a{
	color: var(--primary-color);
}
.footer_widget_wrap a:hover,.footer_widget_wrap a:focus{
	color: var(--secondary-color);
}
.footer_widget_wrap ul li .star-rating{
	float: right;
	margin-top: 5px;
}
.footer_widget_wrap ul li .woocommerce-Price-amount{
	float: left;
	padding-top: 5px;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li,.site-footer ul.smart_attribute_as_widgets li{
	width: 44%;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li a,.site-footer ul.smart_attribute_as_widgets li a{
	border: 1px solid #eeeeee;
}
.footer_widget_wrap ul.smart_attribute_as_widgets li a:hover,
.site-footer ul.smart_attribute_as_widgets li a:hover,
.footer_widget_wrap ul.smart_attribute_as_widgets li a:focus,
.site-footer ul.smart_attribute_as_widgets li a:focus{
	border: 1px solid var(--tertiary-color);
}
#colophon.site-footer .row.the8-shop-dark-flex,
.footer_widget_wrap .row.the8-shop-dark-flex{
	margin-left: -40px;
	margin-right: -40px;
}
#colophon.site-footer .widget,
.footer_widget_wrap .widget{
	padding:40px;
	padding-top:80px;
	padding-bottom:50px;	
}
#colophon .yikes-easy-mc-form {
	position: relative;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button{
	display: block;
	width: auto;
	margin-top:0em;
	min-height: inherit;
	padding:0px;
	position: absolute;
	right: -5px;
	bottom:15px;
	overflow: hidden;
	width: 60px;
	background: none;
	border: none;
	outline: none;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button span{
text-indent: -6000px;
}
#colophon .yikes-easy-mc-form .yikes-easy-mc-submit-button:after{
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f6c0";
  right: 0px;
  color: var(--secondary-color);
  bottom: 10px;
}

#colophon.site-footer .widget ul.social-links,
#secondary .widget ul.social-links{
	display: block;
	padding: 0px;
	margin: 5px -5px;
}
#colophon.site-footer .widget ul.social-links li,
#secondary .widget ul.social-links li{
	display: inline-block;
	margin: 4px;
}
#colophon.site-footer ul.social-links li a,
#secondary .widget ul.social-links li a{
	display: block;
	background:#fff ;
	color: var(--secondary-color);
	border-radius: 2px;
	width: 20px;
	width: 35px;
	height: 36px;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
}
#colophon.site-footer ul.social-links li a i{
	display: block;
	line-height: 36px;
}

.site-info-widget .branding-logo{
	margin-bottom: 20px;
}
.site-info-widget .branding-text{
	padding-bottom: 20px;
}
#colophon.site-footer .contact-info-list,
.site-info-widget  ul.contact-info-list{
	margin: 0px;
	padding: 0px;
}
#colophon.site-footer .contact-info-list li,
.site-info-widget  ul.contact-info-list li{
	padding: 3px 0;
}
#colophon.site-footer .contact-info-list li i,
.site-info-widget  ul.contact-info-list li i{
	margin-right: 10px;
}

.wpcf7-form label{
	width: 100%;
}
.the8-shop-dark-breadcrumbs-wrap {
	border-bottom: 1px solid rgba(224, 224, 224, 0.5);
}
.the8-shop-dark-breadcrumbs-wrap ul {
	margin: 0px;
	padding: 15px 0px;
	text-align: right;
}
.the8-shop-dark-breadcrumbs-wrap ul li {
  display: inline-block;
}
.the8-shop-dark-breadcrumbs-wrap ul li + li::before {
  content: "\f285";
  font-family: bootstrap-icons !important;
  line-height: 30px;
  letter-spacing: 0.36px;
  font-size: 14px;
  color: #777;
  margin-right: 8px;
  margin-left: 5px;
}
.atawc-swatches .swatch-label,
.swatch.swatch-label.selected.tick_sign,
 .swatch.swatch-image.selected.tick_sign,
  ul.smart_attribute.label li{
	background:none!important;
}
#secondary .widget ul.smart_attribute  li{
	padding: 0px;
	margin: 0px 2px;
}
#secondary .widget ul.smart_attribute.image li{
	margin:0px 5px;
}
.atawc-swatches,
#secondary ul.smart_attribute, ul.smart_attribute.image{
  display: flex;
  flex-wrap: wrap;
}
.atawc-swatches .swatch.swatch-image,
#secondary .widget ul.smart_attribute.image li {
	flex-grow: 1;
	width: 33%;
	margin: 0px;
	padding: 10px;

 }
#secondary .widget ul.smart_attribute.image li a,
.atawc-swatches .swatch.swatch-image{
	border: 1px solid rgba(224, 224, 224, 0.5);
	padding: 10px;
	text-align: center;
	margin: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#secondary .widget ul.smart_attribute.image li a:hover,
.atawc-swatches .swatch.swatch-image:hover{
	border-color: var(--secondary-color);
}
.masonry_grid .the8-shop-dark-post-wrap {
	padding: 0px 15px;
}
#demo-content ul.products.columns-4{
	margin: 0px;
}
#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1{
	padding-bottom: 20px;
}

 @media only screen and (max-width: 640px) {
 
 	#page{overflow-x: hidden;}
	#static_header_banner .content-text h1, #be-home-slider h1, #gs-home-page-hero .content-text h1{
		font-size: 1.8rem;
	}
	.elementor-section-full_width .elementor-container{
		width: auto;
	}
	ul.nav.nav-tabs li{
		margin-bottom: 10px;
	}
	.the8-shop-dark-carousel .owl-dots{
		display: none;
	}
	.product-details-wrap{
		padding-top: 30px;
	}
}

.elementor-container.elementor-column-gap-narrow > .elementor-inner-column{
	padding: 0px 10px!important;
}
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.display-none{
	display: none!important;
}
#instagram_widgets{
	position: relative;
}
#instagram_widgets .photo-feed-actions{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	z-index: 9999;
	transform: translateY(-40px);
}
.photo-feed-items .ig-item a{
	border-radius: 50%;
	margin: 5px;
}
.elementor-editor-active .the8-shop-dark-carousel,
.elementor-editor-active .fs-product-slider {
	display: none;
}
.audio-center{
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 99;
	top: 50%;
}
.audio-center audio,
.img-box audio{
	width: 100%;
}
.img-box figure{
	margin: 0px;
}
#author-info{
	position: relative;
	padding: 20px;
	margin-bottom: 50px;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
	border-radius: 8px;
	background:var(--quinary-color);
	text-align: left;
	display: flex;
	align-items: center;
}
#author-info .author-avatar{
	margin-right: 20px;
	max-width: 90px;
}
#author-info .author-avatar img{
	top:0px;
	border: 4px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: -1px 0px 5px 0px rgba(68, 73, 83, 0.12);
}
#author-info{
	text-align: center;
}
/*--------------------------------------------------------------
	# 404 page
--------------------------------------------------------------*/
body.error404 #content.site-content{
	padding: 0px;
}
.error-404{
	background:url(assets/image/404.png) no-repeat center -20px #fff;
	padding:15vh;
	margin:0px auto;
	text-align:center;
	padding-top:300px;
}
.error-404 .page-header{
	padding-top:180px;	
}
.error-404 .search-form label{
	width:400px;	
}
.error-404 input.search-submit:hover{
	background:#FFF;	
}
.site-main .wp-block-button{
	margin-bottom: 10px;
}
.site-main .wp-block-button__link{
	background: var(--secondary-color);
	color: var(--quaternary-color); 
	border: 1px solid var(--secondary-color);
}
.site-main .wp-block-button__link:hover,
.site-main .wp-block-button__link:focus{
	background: none;
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}
blockquote {
  background: var(--tertiary-color);
  border-left: 10px solid rgba(var(--border-color-rgb), 0.1);

  margin: 10px 0px;
  padding:15px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	display: none;
}
blockquote p {
  display: inline;
}
.wp-block-group__inner-container{ padding: 10px; }

pre {
  font-family: "Courier 10 Pitch",Courier,monospace;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  overflow: auto;
  max-width: 100%;
  margin-bottom: 1.6em;
  padding: 3% 10% 3% 5%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  background:var(--body-bg);

}

pre::before {
    font-family: bootstrap-icons;
    font-size: 14px;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 3px;
    content: "\f2c6";
    color: #fff;
    
}
.site-main table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    width: 100%;
   
}
.site-main thead tr {
    text-align: left;
    
}
.site-main table th,
.site-main table td {
    padding: 12px 15px;
    border: 1px solid rgba(var(--border-color-rgb),.1);
    background: none;
    text-align: center;
}
.site-main thead tr th{
	background: rgba(var(--border-color-rgb),.1);
	color: var(--secondary-color);
}
.site-main a{
	text-decoration: underline;
}
#content .site-main a:hover,
#content .site-main a:focus,
#content .site-main ul.post-meta a,
#content .more-link a{
	text-decoration: none;
}
#content a:focus,
#content .site-main ul.post-meta a:focus,
#content .more-link a:focus,
#content .site-main a:focus,
#colophon a:focus,
#static_header_banner a:focus{
	text-decoration: underline;
}
.site-main a.button{
	text-decoration: none;
}
#customer_login .col-1,
#customer_login .col-2{
	width: 49%;
    max-width: 49%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
#customer_login label{ font-size: 14px; }
@media only screen and (max-width: 680px) {
	#customer_login .col-1,
	#customer_login .col-2{
	width: 100%;
	max-width: 100%;
	}
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
	min-height: 35px!important;
	padding: 0px !important;
}
.wc-block-components-quantity-selector{
	height: 35px;
}
.is-large.wc-block-cart .wc-block-cart-items th{
	text-align: center;
}
.wp-block-button__link.wp-element-button{
	line-height: 16px;
	text-decoration: none;
	font-size: 16px
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
	max-width: 280px;
}
a.wc-block-cart__submit-button{
	margin: 5px auto;
	display: block !important;
	text-decoration: none;
	max-width: 100%;
}

/*--------------------------------------------------------------
	search modal
--------------------------------------------------------------*/
.search-bar-modal,.the8-myacount-bar-modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-transition: opacity .3s ease,visibility .3s ease;
  transition: opacity .3s ease,visibility .3s ease;
  display: none;
  opacity: 0;
  visibility: visible;
  background: rgba(0, 0, 0, 0.1);
}
.search-bar-modal-inner,.emart-myacount-modal-inner{
  position: fixed;
  max-width: 550px;
  top: 30%;
  left: 50%;
  background: var(--quinary-color);
  padding: 30px;
  z-index: 9999;
  text-align: center;
  border: 1px solid var(--quinary-color);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}
.search-bar-modal-inner label{
	display: block;
}
.search-bar-modal-inner form.search-form{
	position: relative;
}
.search-bar-modal-inner form.search-form input[type="search"]{
	margin-bottom: 0px;
	background: var(--tertiary-color);
	border:1px solid var(--tertiary-color);
	color: var(--primary-color);
}
.search-bar-modal-inner form.search-form input[type="search"]:focus{
	border-color: var(--secondary-color);
}
.search-bar-modal-inner form.search-form .search-submit{
	position: absolute;
	right: 0px;
	top: 0px;
}
.search-bar-modal-inner form.search-form input[type="search"]{
	min-height: 44px;
}

.search-bar-modal.active,
.emart-myacount-bar-modal.active{
	display: block;
  opacity: 1;
  visibility: visible;
}
.emart-myacount-modal-inner{
	top: 50%;
}
button.appw-modal-close-button{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 0px;
	font-size: 25px;
	position: absolute;
	right: -10px;
	top: -10px;
}
.emart-myacount-modal-inner button.appw-modal-close-button:hover,
.emart-myacount-modal-inner button.appw-modal-close-button:focus{
	background: #fff;
}
.emart-myacount-modal-inner .woocommerce-button{
	margin-top: 20px;
}
div.entry-footer{
	clear: both;
	padding-top: 50px;
}

@media only screen and (max-width: 640px) {

	#top-bar-wrap .d-flex.align-items-center{
		flex-direction: column !important;
	}

	#top-bar-wrap .info{
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}
	#top-bar-wrap ul.info:before,
	#top-bar-wrap ul.info:after {
		width: auto;
		left: -600px;
		right: -600px;
	}
	#top-bar-wrap .ms-auto{
		 margin: 10px auto!important;
	}
	#static_header_banner h1.page-title-text{
		font-size: 2em;
	}
	#colophon.site-footer .widget{
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

#commentform [class^="col-"]{ position: relative; }
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
	margin-bottom: 20px !important;
}
#commentform [class^="col-"] span.required{
	position: absolute;
	right: 20px;
	top: 10px;
}
#commentform input[type=checkbox], input[type=radio] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
.comment-form-cookies-consent {
	display: flex;
	margin-bottom: 30px;
}
#commentform input[type=checkbox]:before, input[type=radio]:before {
	opacity: 0;
}
#commentform label {
	line-height: 15px;
	margin-bottom: 0;
	padding-top: 0px;
}

/*------------------------------*/
 body.light-mode{}
/*--------------------------------------------------------------
	#pine-push-sidebar
--------------------------------------------------------------*/
#page{
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#page.fly-sidebar{
	transform: translateX(-320px);
}
.pine-push-sidebar{
	display: block;
	background-color: #111111 !important;
	position: fixed;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 999;
	width: 320px;
	padding: 30px;
	transform: translateX(320px);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.pine-push-sidebar .wrap{
	height: 100vh;
}
.pine-push-sidebar.active{
	transform: translateX(0px);
}
.pine-push-sidebar button.sidebar-close{
	padding:0px;
	right: 100%;
	top: 5px;
	display: block;
	float: right;
	font-size: 24px;
	border: none;
	background:none;
	position: absolute;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 0;
}
.pine-push-sidebar.active button.sidebar-close{
	opacity: 1;
}
.wp-block-gallery:not(.has-nested-images){
	margin:20px;
}
.pagination-custom .nav-links{
	display: block;
	text-align: center;
	width: 100%;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination,
.pagination-custom ul.page-numbers{
    display: block;
    margin: 0px;
    padding: 0px;
    text-align: center;
    clear: both;
    border: none;
    padding-top: 20px;
}
.woocommerce nav.woocommerce-pagination ul li,
.pagination-custom ul.page-numbers li{
    padding: 0;
    margin: 0;
    display:inline-block;
    overflow: hidden;
    float: none;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span,
.pagination-custom ul.page-numbers a,
.pagination-custom ul.page-numbers span{
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    font-weight: 400;
    background: var(--quinary-color);
    overflow: hidden;
    position: relative;
    z-index: 1;
    line-height: 1;
    padding:15px 18px;
    overflow: hidden;
    display: inline-block;
    border-bottom: 3px solid var(--secondary-color);
    color: var(--secondary-color);
}
.woocommerce nav.woocommerce-pagination ul li a.current, 
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.pagination-custom ul.page-numbers a:hover,
.pagination-custom ul.page-numbers a:focus,
.pagination-custom ul.page-numbers span.current{
    background: var(--secondary-color);
    color: var(--quaternary-color);
}

#secondary .widget_block.widget_search form{
	background: var(--quinary-color);
	padding: 20px;
}
#secondary .widget_block.widget_search label{
	display: none;
}
#secondary .widget_block.widget_search input[type="search"]{
	width: 100%;
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
#secondary .widget_block.widget_search input[type="search"]:focus{
	border: 1px solid var(--secondary-color);
	border-right: none;
}
#secondary .widget_block.widget_search button{
	background: var(--secondary-color);
	margin-left: 0px!important;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	color: var(--btn-hover);
	border: 1px solid var(--secondary-color);
	border-left:none;
}
#secondary .widget_block.widget_search button:hover,
#secondary .widget_block.widget_search button:focus{
	background: var(--btn-hover);
	color: var(--secondary-color);
	border-color: #2a3036;
}
.wp-block-group-is-layout-flow,
.wp-block-media-text__content{
	color: #000;
}

#colophon.site-footer .site_info ul.social-links{
	text-align: right;
  	justify-content: flex-end;
  	display:flex;
	padding:0px;
	gap: 10px;
}
#colophon.site-footer .site_info ul.social-links li{
	list-style: none;
}
#colophon.site-footer .site_info ul.social-links li a{
	display: block;
	color: var(--secondary-color)!important;
	border:1px solid var(--secondary-color);
	background: none;
	border-radius: 4px;
	width: 20px;
	width: 35px;
	height: 36px;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
}

#colophon.site-footer .site_info ul.social-links li a:hover,
#colophon.site-footer ul.social-links li a:focus{
	color: var(--primary-color)!important;
	background:var(--secondary-color);
}
#colophon.site-footer ul.social-links li a i{
	display: block;
	line-height: 36px;
}
/*--------- Preload -----------*/
#page{overflow-x: hidden;}
body.overlay--enabled {
    overflow: hidden;
}
#the8_preloader{
    position: fixed;
    z-index: 9999;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
#the8_preloader .preloader-animation{
	background: #F2F3F5;
}
#the8_preloader .preloader-animation,
#the8_preloader .loader{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column; /* side-by-side */
	  width: 100%;
    height: 100%;
}
#the8_preloader .loader{
		flex-direction: row; 
}
#the8_preloader .loader .loader-section {
		padding: 0px;
		height: 100%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
}
#the8_preloader .loader .loader-section .bg {
    background-color: #F2F3F5;
    height: 100%;
    left: 0;
    width: 100%;
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
#the8_preloader.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}
#the8_preloader .loader.loaded .loader-section .bg{
    width: 0;
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
@media (max-width: 767px) {
    #the8_preloader #the8_preloader-animation #the8_preloader-spinner {
        height: 12rem;
        width: 12rem;
        margin: 0 auto 1.5rem auto;
    }
    #the8_preloader #the8_preloader-animation #the8_preloader-text {
        font-size: 4rem;
    }
}
#the8_preloader .spinner {
		border: 3px solid #f3f3f3;
		border-top: 3px solid var(--secondary-color);
		border-radius: 50%;
		width: 150px;
		height: 150px;
		animation: spin 1s linear infinite;
		margin-bottom: 15px;
}
#the8_preloader .loading-text {
		font-size: 18px;
		color: #555;
		animation: blink 1.5s infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.ata-section-title .heading{
	color: var(--tertiary-color);
}