/*
Theme Name: Loobek Child
Theme URI: https://demo.theme-sky.com/loobek/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: loobek
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: loobek-child
*/

@font-face {
    font-family: 'Helixa';
    src: url('./fonts/Helixa-Bold.eot');
    src: url('./fonts/Helixa-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Helixa-Bold.woff2') format('woff2'),
        url('./fonts/Helixa-Bold.woff') format('woff'),
        url('./fonts/Helixa-Bold.svg#Helixa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helixa';
    src: url('./fonts/Helixa-Regular.eot');
    src: url('./fonts/Helixa-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Helixa-Regular.woff2') format('woff2'),
        url('./fonts/Helixa-Regular.woff') format('woff'),
        url('./fonts/Helixa-Regular.svg#Helixa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/********** FONT FAMILY **********/
:root{
	--loobek-main-font: Helixa;
	--loobek-main-font-weight: 700;
	--loobek-main-font-bold: Helixa;
	--loobek-main-font-bold-weight: 700;
	--loobek-main-font-extra-bold: Helixa;
	--loobek-main-font-extra-bold-weight: 700;
	--loobek-main-font-thin: Helixa;
	--loobek-main-font-thin-weight: 400;

	--loobek-button-font: Helixa;
	--loobek-button-font-weight: 700;

	--loobek-menu-font: Helixa;
	--loobek-menu-font-weight: 700;
	--loobek-second-menu-font: Helixa;
	--loobek-second-menu-font-weight: 700;

	--loobek-product-name-font: Helixa;
	--loobek-product-name-font-weight: 700;

	--loobek-heading-font: Helixa;
	--loobek-heading-font-weight: 700;

	--loobek-sub-cat-font: Helixa;
	--loobek-sub-cat-font-weight: 700;
}

/********** Custom CSS S **********/
.header-top {
    display: none;
}
/* hide compare btn in product */
.product-group-button .button-in.compare {
	display: none;
}

.content-bottom .author {
	color: #ED1C1C;
}
.ts-blogs.has-divider .items {
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
}
.ts-blogs.has-divider .items .item {
	padding-left: 20px;
	padding-right: 20px;
}
/* Footer changes S */
.footer-copyright p {
    display: flex;
    align-items: center;
}
.crafted-by {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 10px;
}
.crafted-by a img {
    margin: 0;
    margin-top: 4px;
}
.crafted-by::before {
    content: "|";
    position: absolute;
    left: 1px;
    display: inline-block;
}
.copyright-footer {
    margin-bottom: 20px;
}
/* Footer changes E */

/* Blog Category css  */
.post-item .entry-content .cats-link .post-categories{
	padding-left:0;
}

/* Service Listing css  */

.service-widget .service-widget-header{
	padding:50px 0;
}
.service-widget .service-widget-header .service-widget-title{
	font-size: 30px;
	line-height: 42px;
}
.service-widget .service-widget-content .service-item-inner{
	display: flex;
    flex-direction: column;
    height: 100%;
}
.service-widget .service-widget-content .service-item-inner .service-item-content{
	display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    justify-content: space-around;
}
.service-widget .service-widget-content .service-item{
	margin-bottom:60px;
    padding: 0 25px;
}
.service-widget .service-widget-content .service-item .service-item-thumbnail{
	border: 1px solid #f7f7f7;
}
.service-widget .service-widget-content .service-item .service-item-content .service-item-title{
	font-size: 20px;
    font-weight: 600;
    line-height: 50px;
	margin-bottom:0;
}
.service-widget .service-widget-content .service-item .service-item-content .service-item-excerpt{
	font-size:16px;
	font-weight: 600;
	margin-bottom:12px;
}
.service-widget .service-widget-content .service-item-inner .service-item-content a.service-item-read-more{
	position:relative;
	color:#000;
}
.service-widget .service-widget-content .service-item-inner .service-item-content a.service-item-read-more::before{
	left: 0;
    right: 0;
    bottom: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    position: absolute;
    content: "";
    border-color: #000;
}
.service-widget .service-widget-content .service-item-inner .service-item-content a:hover::before{
	-webkit-animation-duration: 250ms;
    -moz-animation-duration: 250ms;
    animation-duration: 250ms;
    animation-delay: 50ms;
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: animation_hover_border;
    -moz-animation-name: animation_hover_border;
    animation-name: animation_hover_border;
	border-color: #ED1C1C;
}
@media(max-width:1200px){
	.service-widget .service-widget-header .service-widget-title{
		font-size:24px;
		line-height: 130%;
	}
}
@media(max-width:768px){
	.service-widget .service-widget-content .service-item-inner .service-item-content{
		text-align:center;
		align-items: center;
	}
	.service-widget .service-widget-content .service-item{
		margin-bottom: 40px;
	}
}

.not-found{
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100vh;
	justify-content: center;
	text-align: center;
}
.not-found h1 {
	color: #ED1C1C;
	font-size: 12.5rem;
	letter-spacing: 0.1em;
	margin: 0.025em 0;
	text-shadow: 0.05em 0.05em 0 rgba(0, 0, 0, .25);
	white-space: nowrap;
}
@media (max-width: 30rem) {
	.not-found h1 {
		font-size: 8.5rem;
   }
}
.not-found h1 > span {
	animation: spooky 2s alternate infinite linear;
	color: #000;
	display: inline-block;
}
.not-found h2 {
	color: #000;
    margin: 30px 0 10px 0;
}
.not-found p, .thank-you p {
	color: #000;
    margin-top: 0;
    font-size: 16px;
}
.not-found a, .thank-you a{
	font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 800;
    padding-bottom: 5px;
    text-decoration: none;
	position: relative;
	color: #ED1C1C !important;
}
.not-found a:before, .thank-you a:before{
	left: 0;
    right: 0;
    bottom: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    position: absolute;
    content: "";
    border-color: #000;
	transition: 0.5s ease;
}
.not-found a:hover::before , .thank-you a:hover::before {
    animation-duration: 250ms;
    animation-delay: 50ms;
    animation-fill-mode: both;
    animation-name: animation_hover_border;
	border-color: #ED1C1C;
}

@keyframes spooky {
	from {
	  transform: translatey(.15em) scaley(.95);
	}

	to {
	  transform: translatey(-.15em);
	}
  }

 .page-template-thankyou .wrapper {
	background-color: #f7f7f7 !important;
 }
 .page-template-thankyou .site-content{
	height: 600px;
    position: relative;
 }
.thank-you{
	/* align-items: center;
	display: flex;
	flex-direction: column;
	height: 60vh;
	justify-content: center;
	text-align: center;
	background-color: #fff;
    width: 600px;
    padding: 20px;
    margin: 0 auto; */
	text-align: center;
    background-color: #fff;
    width: 600px;
    padding: 30px 20px;
    margin: 0 auto;
    position: absolute;
    transform: translateY(-50%);
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.thank-you img{
	width:100px;
}
.thank-you h2{
	margin: 10px 0;
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 900;
}
@media(max-width:768px){
	.thank-you h2{
		font-size: 24px;
	}
	.thank-you img{
		width:75px;
	}
	.thank-you{
		width: 400px;
	}
}

@media(max-width:400px){
	.thank-you{
		width:318px;
	}
}

.simple-sitemap-container ul.simple-sitemap-page{
	display: flex;
    flex-wrap: wrap;
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item{
    width: 25%;
	line-height: 30px;
    /* position: relative;
    display: flex;
    align-items: center; */
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item a, .simple-sitemap-content .simple-sitemap-post li a{
	color:#000 !important;
	font-size:16px;
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item a:hover, .simple-sitemap-content .simple-sitemap-post li a:hover{
	color:#c6213b !important;
}
.simple-sitemap-container .post-type{
	font-size: 20px;
    line-height: 25px;
    padding: 5px 20px;
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item::marker{
	color: transparent;
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item a{
	position: relative;
	transition: 0.5s ease;
}
.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item a::before{
   content: '';
   position: absolute;
    left: -25px;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: #c6213b;
}
.simple-sitemap-container.tab-enabled .panel{
	border-left:0 !important;
	border-right:0 !important;
	border-bottom:0 !important;
	border-top: 4px solid #c6213b !important;
}
.simple-sitemap-container label{
	padding-bottom: 0;
	background-color: #c6213b !important;
}
.simple-sitemap-container-667bba9df1b4a.tab-enabled input:checked + label{
	background-color: #c6213b !important;
}
.simple-sitemap-container.tab-enabled ul.main{
	margin: 2em 0 2em 0.9em !important;
}
@media(max-width:991px){
	.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item{
		width: 50%;
	}
}
@media(max-width:575px){
	.simple-sitemap-container ul.simple-sitemap-page li.sitemap-item.page_item{
		width: 100%;
	}
}
html input{
	margin: 0 0 4px;
}
.ts-testimonial-wrapper .items .item {
	display:flex;
}
.ts-testimonial-wrapper:not(.ts-slider) .items, .ts-testimonial-wrapper .items .swiper-wrapper{
	 gap: 20px 0;
}
.ts-menu .ts-mega-menu-wrapper ul#menu-main-menu{
      padding-left: 0;
}
.ts-menu .ts-mega-menu-wrapper .menu-wrapper nav > ul > li > a{
      font-size: 17px;
}
.page-id-21978 .wrapper{
  background-image: url(http://localhost/beckys-closet/wp-content/themes/loobek-child/faq-bg.jpg);
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center; 
}
.page-id-21978 .wrapper .breadcrumb-content{
	background-color: transparent;
}
.faq-widget .accordion .accordion-header .accordion-button {
	background-color: #FAFAFA;
	border: 1px solid #d5d8dc;
    color: #1f2124;
    font-size: 18px;
}
.faq-widget .accordion .accordion-header .accordion-button:focus{
	box-shadow: none;
}
.faq-widget .accordion .accordion-body{
	padding:0;
}
.faq-widget .accordion .accordion-body p{
	color: #808080;
    font-size: 16px;
}
.faq-widget .accordion .accordion-item .accordion-collapse{
	transition: 0.3s;
}
.faq-widget .accordion .accordion-header .accordion-button::after{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' class='e-font-icon-svg e-fas-chevron-down' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3e%3c/path%3e%3c/svg%3e");
    background-size:13px;
}
/*Start the Product Details page color label*/
.variations .value .tawcvs-swatches.oss- .swatch-item-wrapper .color-name-label{
	margin: 6px 0px 0px 0px;
}
/*End the Product Details page color label*/
/*Start the Product Details page Size Guide Custom Model*/
.size-guide-wrap {
    display: flex;
    flex-wrap: wrap
}
.size-guide-wrap a {
    padding-right: 20px
}
.custom-modal {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px
}

.custom-modal-dialog {
    max-width: 620px;
    width: 100%;
    border-radius: 0;
    position: relative
}

.custom-modal-content {
    background: #fff;
    padding: 30px 30px;
    border-radius: 10px
}

.close-modal {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: red;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
    z-index: 9;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    padding: 0;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.custom-modal {
    opacity: 0;
    visibility: hidden
}

body.modal-open .modal-show {
    opacity: 1;
    visibility: visible;
    z-index: 9
}

.custom-modal .custom-modal-dialog {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

body.modal-open .modal-show .custom-modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.custom-modal,
body .custom-modal,
body.modal-open .custom-modal .custom-modal-dialog,
body .custom-modal .custom-modal-dialog {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}
/*End the Product Details page Size Guide Custom Model*/