/*
Theme Name: Claue Child
Theme URI: http://www.janstudio.net/claue
Author: JanStudio
Author URI: http://www.janstudio.net
Description: The best woocommerce theme for online fashion store, furniture store, handemade store, organic store, wordpress personal portfolio, personal blog.
Template: claue
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: claue
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/

/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*                                         SITE WIDE                                            */
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

/************************************************************************************************/
/*                                           COLORS                                             */
/************************************************************************************************/

/*
Primary (Dark Purple)                  -> var( --e-global-color-primary ) !important;
Accent (Yellow)                        -> var( --e-global-color-accent ) !important;
Text (White)                           -> var( --e-global-color-text ) !important;
Dark Primary (Intense Purple)          -> var( --e-global-color-8f6edec ) !important;
Light Primary (Really clear Purple)    -> var( --e-global-color-01c5815 ) !important;
Dark background (Almost black)         -> var( --e-global-color-darkBG ) !important;

--e-global-color-primary: #320647; -> Primary (Dark Purple) 
--e-global-color-accent: #EAF225; -> Accent (Yellow)
--e-global-color-text: #FFFFFF; -> Text (White)
--e-global-color-8f6edec: #7B1FA2; -> Dark Primary (Intense Purple)
--e-global-color-01c5815: #E1BEE7; -> Light Primary (Really clear Purple)
--e-global-color-darkBG: #111; -> Dark background (Almost black)
*/

nav.woocommerce-breadcrumb a:hover, 
span.posted_in a:hover, span.tagged_as a:hover,
.slick-arrow:hover,
.jas-social a:hover
{color: var( --e-global-color-accent ) !important;}

.tab-heading:hover,
.woocommerce-product-details__short-description a:hover
{color: var( --e-global-color-text ) !important;}
/************************************************************************************************/
/*                                         Side Menu                                            */
/************************************************************************************************/
#jas-header {
box-shadow: 2px 0px 4px black, 10px 0px 24px #310746;
background-color: #1b022c !important; }

.product-image {
    filter: drop-shadow(3px 3px 1px black) drop-shadow(5px 5px 5px #111) drop-shadow(0px 0px 10px #333); 
}    


.pe-7s-search:before {color: red !important;}

/************************************************************************************************/
/*                                       Top section                                            */
/************************************************************************************************/
/* Breadcrumb */
/* BG del Breadcum (Path) superior) */
.jas-breadcrumb  {
	padding-left: 30px;
	margin-left: -15px;	
	margin-right: -15px;	
	background: var( --e-global-color-8f6edec ) !important;
	color :var( --e-global-color-01c5815 ) !important;
} 

nav.woocommerce-breadcrumb {
	font-size: 90% !important;
	color: var( --e-global-color-text ) !important;
}

nav.woocommerce-breadcrumb a {
	font-size: 100% !important;
	color: var( --e-global-color-01c5815 ) !important;
}



nav.woocommerce-breadcrumb i {
	color: var( --e-global-color-accent ) !important;
	font-weight: 900 !important;
}

.jas-breadcrumb.bgbl.pt__20.pb__20.pl__15.pr__15.lh__1  {
	background: var( --e-global-color-primary )!important;
}	}
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*                                       PAGE SPECIFIC                                          */
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

/************************************************************************************************/
/*                                       Product Details                                        */
/************************************************************************************************/



.slick-slide  {
    filter: drop-shadow(3px 3px 0px black) drop-shadow(5px 5px 5px #222); 
}


/* Main Title */
/*------------*/
h1.entry-title {
		font-size: 170% !important;
}

/* Short Description */
/*-------------------*/
woocommerce-product-details__short-description {
	font-size: 95%;
	font-weight: 100;
}

/* Documents */
/*-----------*/

.woocommerce-product-details__short-description a
{
	margin-block-end: 0px;
	color: var( --e-global-color-accent ) !important;
	font-size: 120% !important;  
	font-family: "Qtype Square", Sans-serif  !important;
}


/* Category, tags and Brand */
/*--------------------------*/
/* heading */
.posted_in,.tagged_as {
	font-size: 85%;
	font-weight: 900;
}

/* content */
span.posted_in a {
	font-size: 105% !important;
	color:var( --e-global-color-01c5815 ) !important;
	}

span.tagged_as a {
	font-size: 105% !important;
	color: var( --e-global-color-01c5815 ) !important;
	}






/* Accordion Menu */
/*----------------*/
/* Override de blanco */
.bgbl  {
	background: #111 !important;
	}
	/* BG de los desplegables y Next + Previous */
/*.bgbl  {background: var( --e-global-color-01c5815 ) !important; }  /* BG de los desplegables y Next + Previous */

.tab-heading {
/*	padding-top: 0px !important;
	padding-bottom: 10px !important;*/

	color: var( --e-global-color-01c5815 ) !important;
	font-size: 110% !important;
	} /* Text */

/* Social Icons */
/*--------------*/
.social-share {display: none}

.jas-social a {
	var( --e-global-color-8f6edec ) !important;
}

/*.size-guide,
.delivery-return,
.product-extra-link {
    display:none !important;
}

*/


/* Pictures Navigation */
/*---------------------*/

/*.elementor-kit-11 a */

.slick-next, .slick-arrow, .slick-prev {
	height: 30px !important; /* button height */ 

	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 92% !important;
	color: var( --e-global-color-01c5815 ) !important;
	background: none !important;

}


/* Related Products */
/*------------------*/
h2.tu.mg__0.fs__24.pr.dib.fwsb {
		font-size: 170% !important;
}

product-title a {
		font-size: 5.1rem;
}

.p-thumb images woocommerce-product-gallery jas-carousel slick-initialized slick-slider {
   filter: drop-shadow(3px 3px 0px white);}



/*

.preloader {
  width: 48px;
  height: 48px;
  border: 3px dotted #FFF;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
..preloader .progress::after {
  content: '';  
  box-sizing: border-box;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #FF3D00;
  border-style: solid solid dotted;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
} */