/*
	Theme Name: Natural Treasures Mexico
	Theme URI:
	Description: Tema para la tienda virtual Natural Treasures of Mexico
	Author: Xeronbyte Technologies
	Template:storefront
	Version: 1.0
	License: GNU General Public License v2 or later	
*/

/*Importación de Fuentes*/
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,900);

body{
	max-width: 100%!important;
}


.container-effect-down{
	border:2px solid #DB4700;
	border-radius:2em;
	color:#DB4700;
	padding:2em;
	margin-top:3em;
	margin-bottom:3em;
	height: 300px;
	position:relative;

}

.container-player span{
	color:white;

}

.box-effect-hover{
 border-radius:1em;
  color:white;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  top:0;
  /*background-color: #DB4700;*/
  overflow: hidden;
  width: 100%;
  height:0px;
  transition: .5s ease;
  padding:1.5em;
}

.container-effect-down:hover .box-effect-hover{
	bottom: 0;
  height: 100%;
}



.right-sidebar .content-area
{
	margin-top: 100px;
}

.right-sidebar .widget-area{
	margin-top: 100px;
}

.sliderchido{
	margin-top: 4em;
    margin-left: -1.5em;
}

.footer-section{
	background: #DB4700;
	padding: 2em;
	color:white;
}
span.text-sm{
	font-size:2em; 
}

a.link-icon{
	color: white;
}

.pd-sm{
	padding-top: 3em;
}

ul.menu_submenu li{
	list-style: none;

}

ul.menu_submenu li a{
	color:white!important;
}

ul.menu_submenu li a:hover{
	text-decoration: none;
}

.text-white{
	color:white;
}

.text-orange{
	color:#DB4700;
}

a.text-orange:hover{
	color:#DB4700;
}

#whowere{
	margin-left:10px;
	margin-right: 10px; 
}

.pull-top{
	margin-top: 4em;
}
.pull-top-sm{
	margin-top: 3em;
}

.pull-top-menu{
	margin-top: 6em;
}

input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea{
	border-radius:2px!important;
	border:2px solid #DB4700!important;
	background:transparent!important; 
}

input[type="submit"]{
	background: #DB4700!important;
	color:white;
}

.container-go-shop{
	background-image: url('https://localhost/ntm/wp-content/uploads/2018/01/IMG_0959.jpg');
	background-attachment:fixed;
	background-size: cover;
	height:500px; 

}

.container-go-shop>a:hover{
	color:white;
	text-decoration: none;
}

.text-lg{
	font-size:5em; 
}

#faq > h2{
	color: #DB4700 ;
	font-weight: bolder;
}
#faq > h3{
	color: #DB4700 ;
	font-weight: bolder;
}

/*Estilos sobrescritos*/
.button.alt{
	background-color: #DB4700!important;
	border-color: #DB4700!important;
}


/*.product:hover{
	border:1px solid transparent!important;
	-webkit-box-shadow: 0.1em 0.1em 0.5em transparent!important;
	box-shadow: 0.1em 0.1em 0.5em transparent!important;
}
*/

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments{
	background:  #DB4700!important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button{
	color:white!important;
	background-color: #DB4700!important;
	border-color: #DB4700!important;
}

/*Seccion de paginacion*/
.woocommerce-pagination .page-numbers li .page-numbers.current{
	background-color: #DB4700!important;
    color:white;
}

/*Estilos de Less*/
/*Sombra de texto*/
.shadow-text
{
	text-shadow:1px 3px 2px black;
	-moz-text-shadow:1px 3px 2px black;
}
.transparent-nav
{
	background:rgba(255, 255, 255, 0.85);
	border:1px solid transparent;  
	overflow:hidden; 
}
.txt-flag-green
{
	color:#006847;
}
.txt-flag-white
{
	color:#EEEEEE;
}
.txt-flag-red
{
 		
	color:#CE1126; 
}
/*Tamaños de letra*/
.txt-size-1
{
	font-size:1em; 
}
.txt-size-15
{
	font-size:1.5em; 
}
.txt-size-2
{
	font-size:2em; 
}
.txt-size-3
{
	font-size: 3em;
}
.txt-size-3-5
{
	font-size: 4em; 
}
.txt-size-4
{
	font-size: 5em;
}
.txt-size-5
{
	font-size: 8em;
}

/*Fuentes*/
/*Fuente de texto Great Vibes*/
.font-greatVibes
{
	font-family: 'Great Vibes', cursive;
}
/*Fuente de texto CinzelDecorative*/
.font-cinzel
{
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 900;
}

.img-under,.img-under-reverse
{
	background:url(../img/texture-mexico.svg);
	background-position:100% 100%;
	background-size:contain;
	height:auto;
	margin:auto;
	width:100%; 
}
.img-under-reverse
{
	
	transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
}

.container-go-shop{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/01/28.jpg');
	background-attachment:fixed;
	background-position:100% 100%; 
	background-size: cover;
	height:500px; 

}

.container-icon-shop{
	background:#E8E8E8FF;
	border-radius:1em; 
	box-shadow:1px 1px 10px black; 
	height:16em;
	transform:rotate(45deg);  
	-moz-transform:rotate(45deg);  
	-webkit-transform:rotate(45deg);  
	width: 16em;
}


.icon-shop:hover{
	transform:scale(0.8);
	-moz-transform:scale(0.8);
	-webkit-transform:scale(0.8);
	-o-transform:scale(0.8);
	color:#DB4700;

}

.network_container{
	height:500px;
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/themes/ntm/img/network_socials.svg');
	background-attachment: fixed;
	background-position: cover; 

}

.container-time-line{
	background-color: rgba(231,237,235,0.7);
	padding:2em;
}

.box-time-line{
	border-radius:0.3em;
	background:rgba(255,255,255,0.6);
	padding:1em; 
	height:350px;
	overflow: scroll;    
}

.box-time-line:hover{
	box-shadow: 1px 1px 5px black;
}

.container-blog{
	height: 550px;
}

.box-news{
	background:white;
	height:450px;  
	padding-top: 1.5em;
	border-radius:0.3em; 
}
.box-news:hover{
	box-shadow: 1px 1px 5px black;
	transform:scale(1.02);
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	-o-transform:scale(1.02);
}

.box-news > a{
	color:#898989FF;
	text-decoration: none;
}

.box-news:hover > a,.box-news:active > a{
	color:#898989FF;
	text-decoration: none;
}

.box-news-detail{
	height: 200px;
}

.box-news-detail:hover{
	box-shadow: 1px 1px 5px black;
	transform:scale(1.02);
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	-o-transform:scale(1.02);
}

.container-cat{
	height:300px;
	width:300px;  
}

.cat-effect{
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #DB4700;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
  border-radius: 0.5em;
}

.container-cat:hover .cat-effect{
	bottom: 0;
    height: 100%;
}

.text-categoria{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  text-shadow:2px 1px 10px white; 
}

.container-amber{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/02/amber_home_bna.jpg');
	background-position:center;
	position:relative;
	margin-bottom: 2em;
	border-radius: 0.5em;
}

.container-amber:hover{
		background-color:rgba(43,42,80,0.6); 
}

.container-obsidian{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/02/obsidian_home.jpg');
	background-position:center;
	position:relative;
	margin-bottom: 2em;
	border-radius: 0.5em;
	
}
.container-obsidian:hover{

}

.container-copper{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/04/copper_1.jpg');
	background-position:center;
	position:relative;
	border-radius: 0.5em;
		
}
.container-copper:hover{

}

.container-minerals{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/02/minerales_bna.jpg');
	background-position:center;
	position:relative;
	border-radius: 0.5em;

}

.container-minerals:hover{
	
}

.container-player{
	background: #232323;
	padding:1em;
	margin:0 1.3em;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3{
	font-size:2.5rem!important;
	color:#DB4700!important; 
}

ul.products li.product .price{
	font-size: 2rem;
}

ul.products li.product .woocommerce-LoopProduct-link{
	text-decoration: none!important;
}

header{
	background: #DB4700!important;
	padding: 1rem!important;
	text-align: center!important;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 900;
	

}

.woocommerce-products-header__title.page-title{
	color:white!important;
	text-shadow:2px 1px 10px white!important; 
}

.product_title.entry-title{
	color:#DB4700!important;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 900;
}

.pd-bm{
	margin-bottom: 1.8em;
}




a{
	color:#DB4700!important;
}

.text-shine{
	text-shadow:1px 1px 10px white; 
}

.text-dark{
	text-shadow:0px 0px 10px black; 
}

/*Title de cart*/
.entry-header .entry-title {
    color: white !important;
    text-shadow: 1px 1px 10px white;
}

/*Intrucción para mostrar foto*/
.product>div{
	opacity:100!important;
}



/*Slider*/
#crellyslider-1{
	margin-top:6em; 
}

/*Esconder logos de google*/
.skiptranslate.goog-te-gadget{
    color: transparent;
}
.skiptranslate.goog-te-gadget > span {
    display: none;
}

audio{
	width: 100%;
}

.line-double-title{
	border-top: 2px solid #DB4700;
	border-bottom: 2px solid #DB4700;
}

.page-title{
	color: white;
	text-shadow:1px 1px 10px white;
}

.entry-header > .entry-title > a {
    color: white !important;
    text-shadow: 1px 1px 10px white;
}


/*Media Querys*/

@media(min-width: 320px) and (max-width:767px)
{
	#crellyslider-1{
		margin-top:6em; 
	}	

	.txt-size-2{
		font-size: 1.2em;
	}

	.txt-size-5 {
    font-size: 2.8em;
  	}

  	.txt-size-3-5 {
    font-size: 2em;
	}

	.container-effect-down{
		height: 400px;
	}

	.container-cat{
		height: 268px;
		width: 268px;
	}

	.container-blog{
	height: auto;
	padding-top: 1.5em;
	padding-bottom:1.5em;
	}
	.network_container{
		height: auto;
	}
	.container-player{
		margin-top: 2em;
		width: 268px;
		margin-left: 2px;
	}
}
@media(min-width: 768px) and (max-width: 991px) {
	
 .txt-size-5 {
    font-size: 4em;
  }

  .container-cat{
		height: 300px;
		width: 300px;
		margin-right: 1.5em;
		margin-left: 1.5em;
	}

  .container-player{
		margin-top: 2em;
		width: 100%;
		margin-left: 2px;
	}

	.container-amber{
	background-image: url('https://www.naturaltreasuresofmexico.com/wp-content/uploads/2018/02/amber_home_bna.jpg');
	background-position:100% 100%;
	position:relative;
	margin-bottom: 2em;
	border-radius: 0.5em;
	}

	#crellyslider-1 {
    margin-top: 9.5em!important;
	}
}
@media (min-width: 992px) and (max-width: 1023px) {
 .txt-size-5 {
    font-size: 5em;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
 .txt-size-5 {
    font-size: 5em;
  }

  .container-cat{
  	height: 230px;
	width: 230px;
  }
  .transparent-nav{
  	height: 80px;
  }
}
@media (min-width: 1200px) {
 .txt-size-5 {
    font-size: 5em;
  }
  .transparent-nav{
  	height:80px;
  }
}