/*!
Theme Name:   Storefront ChildTheme
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront Child Theme
Template: storefront
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later

======
Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS.
======
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
 
 /******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
@import url('https://fonts.googleapis.com/css?family=Tinos:700');


.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/

ul.products li.product .button{
	visibility: hidden;
}
 
 .site-header{
	 padding-top: 0px;
 }
 
 .woocommerce-active .site-header .main-navigation{
	 clear: none !important;
	  width: 100%;
   
    margin-right: 0;
   margin-bottom: 0px;
    
 }
 .site-header-cart li{
	 list-style: none;
	 list-style-position: none;
	 list-style-type: none;
 }
 .cart-contents span{
	 color: white;
	 list-style: none;
	 list-style-position: none;
	 list-style-type: none;
 }
 .site-header .site-branding{
	 clear: none !important;
	 width:100% !important;
    float: left !important;
    margin-right: 0 !important;
    border-bottom: none !important;
      margin-bottom: 2em;
	 
 }
 
 .site-info{
	 padding: 10px;
 }
 
 #masthead{
    margin-left: 0;
    margin-right: 0;

 }

.main-navigation ul ul li a, .secondary-navigation ul ul li a{
	width: 350px;
} 
 
.site-header .custom-logo-link img{
	margin: 0 auto;
} 
 .intermedio .svg_icon svg{
	  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
 }
 
 .header-master{
	 width: 100%;
	 position: relative;
	 z-index: 99999;
	 height: 240px;
 }
 .top-right{
	 width: auto !important;
	 float: right !important;
	 
 }
 
 .top-right ul li{
	 list-style-type: none;
 }
 .theader-master{
	 position: relative;
	 height: 650px;
 }
 
 .theader-master-interior{
	 position: relative;
	 height: 200px; 
 }
 
 body, button, input, textarea{
	    font-family: 'Raleway';
 }
.topbar{
	 border-bottom:1px solid grey;	
	 height: 70px;
	     margin-bottom:2em;
	     position: relative;
	     width: 100%;
	     z-index: 9999;
	     
 }
 .site-header-cart li{
	 list-style: none;
	 list-style-position: inside;
	 list-style-position: inside;
 }
 .site-header-cart .cart-contents::after{color: red;}
 
 .slider{
	 position: relative;
	 top:0;
	 z-index: 1;
 }
 
 .site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover{
	 background-color:#f1f1f1;
 }
 .widget_product_categories ul li::before{
	 content: none;
 }
 
 .widget-area .widget a:not(.button){
	 text-decoration: none;
 }
 
 ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3{font-size: 18px;
	 margin-bottom: 0px;
	 text-align: center;
 }
 
ul.products li.product .price{
	text-align: center !important;
	font-family: 18px !important;
	font-weight: 600;
}
.woocommerce-tabs .panel h2:first-of-type{
	    font-size: 1.618em;
    margin-bottom: 1em;
    visibility: hidden;
    position: absolute;
    left: -2000px;
}
 
 ul.products li.product img{margin-bottom: 5px;}
 
 .page-template-template-homepage:not(.has-post-thumbnail) .site-main{
	 padding-top: 0px;
	 margin-bottom: 0px;
 }
 
 .page-template-template-homepage .type-page{
	padding-top: 0px;
	margin-bottom: 0px;
 }
 
 .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
     max-width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
}
 
.page-template-template-homepage .type-page{
	padding-left: 0px;
	padding-right: 0px;    
	padding-bottom: 0em;
}
.content-area, .widget-area{
	    margin-bottom: 0;
}
.col-full{
	padding: 0px;
	max-width: 72.498938em;}

.titulo-color{
	position: relative;
	color: black;
}
.titulo-color:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;

	background-color: red;
}


.titulo-color b{
	font-family: 'Tinos', serif;
	color: black !important;
}

.box5{
	height: auto;
}

/*STORE*/

body.archive #primary{
  float: right;
  margin-left: 4.347826087%;
  margin-right: 0;
}
body.archive #secondary {
  float: left;
}



.home .content-area{
	float: none !important;
}

.right-sidebar .content-area{
	float: right;
}

.storefront-breadcrumb{
	margin-bottom: 20px;
	margin-top: 3em;
}

.single-product .titulo-color-side:after {
	display: none;
}


.titulo-color-side {
	position: relative;
	color: black;
}
.titulo-color-side:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	bottom: -10px;

	background-color: red;
}


.titulo-color-side b{
	font-family: 'Tinos', serif;
	color: black !important;
}

.woocommerce-ordering{
	float: right;
}

.woocommerce-message{
	background-color: #e1362c !important;
}
ul.products li.product .button{
	float: left;
	width: 48%;
	border: 1px solid black;
}

.widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li{padding-left: 0px;}

.intermedio{
	
	    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: -1.5em;
}

.widget_shopping_cart .product_list_widget li{
	padding: 10px;
}

.ajax_add_to_cart{visibility: hidden;position: absolute;left: -2000px;}

.input-text, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
	background-color: transparent;
	border-top:transparent;
	
}

.single-product .woocommerce-products-header{
	visibility: hidden;
}
#mega-menu-wrap-primary #mega-menu-primary{text-align: right;}
.site-footer{
	padding-bottom: 0px;
}
.site-header-cart .cart-contents .amount{
	font-size: 16px;
}

.mini_cart_item .amount{
	font-size: 16px;
}
.woocommerce-mini-cart__total .amount{
	font-size: 16px;
}

.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .onsale, .widget_search form:before, .widget_product_search form:before{text-align: left;}
.amount{
	font-size: 28px;
	text-align: left;
}
.orderby{
	background-color: #bababa;
	border-radius: 0px;
		color: white;
}

.widget_product_categories ul li.current-cat::before{
	content: none;

}

.widget_nav_menu ul li::before{content: none;}
.widget_product_categories ul li::before{content: none;}
#menu-menu-principal{
	text-transform: uppercase;
}
.product-categories{
	text-transform: uppercase;
	
}

.cat-item-15{
	visibility: hidden;
	position: absolute;
	left: 2000px;
	
}

.topbar{
	 border-bottom:1px solid grey;	
	 height: 70px;
	     margin-bottom:2em;
	     position: absolute;
	     left: -2000px;
	     width: 100%;
	     z-index: 9999;
	      
 }
 
 .site-header{
	    margin-top: 2em;
    margin-bottom: 0em;
 }
 .theader-master{
	 height: 335px;
 }
 .titulo-color-b b {
    color: white !important;
    font-family: 'Tinos', serif;
    font-weight: 400;
}
.titulo-color-b{
	    color: white !important;
}

@media only screen and (min-width: 481px) {
	
	.servicios-element-12 p{
		font-size: 10px;
	}
	
	.eg-servicios-element-3 {font-size: 12px;text-align: left !important;}
	
	.slider{
	 position: absolute;
	 top:0;
	 z-index: 1;
 }
 .woocommerce-active .site-header .main-navigation{
	 width: 33%;
	 float: left;
 }
 .site-header {
	 margin-top: 0px;
	 width:100%;
	 float:left ;
 }

.site-header .site-branding {
    clear: none !important;
    width: 60% !important;
}
}

@media only screen and (min-width: 600px) {
	.theader-master{
	height:352px;
}
 #masthead{
border: none;
margin: 0 auto;
    width: 90%;

 }
 }
 @media only screen and (min-width: 765px) {
.site-header{
	float: none;
}
.topbar{
	 border-bottom:1px solid grey;	
	 height: 70px;
	     margin-bottom:2em;
	     position: relative;
	     width: 100%;
	     z-index: 9999;
		 left: 0;
	     z-index: 9999;
    
	     
 }
}
@media only screen and (min-width: 870px) {
	
	.theader-master{
	height:450px;
}
.topbar{
	 border-bottom:1px solid grey;	
	 height: 70px;
	     margin-bottom:2em;
	     position: relative;
	     width: 100%;
	     z-index: 9999;
		 left: 0;
	     z-index: 9999;
	     
 }

}
@media only screen and (min-width: 768px) {
	
	.slider{
	 position: absolute;
	 top:0;
	 z-index: 1;
 }
	
	
	.theader-master{
	height:490px;
}

	
	.site-header-cart .cart-contents .count {
    font-weight: 400;
    opacity: .5;
    font-size: .875em;
    color: white;
    
    margin-right: 6px !important;
}

.woocommerce-active .site-header .main-navigation{
	  width: 67% !important;
}

.site-header .site-branding{
	width: 25% !important;
}
.top-right {
    width: 30% !important;
 
}


.titulo-color{
	position: relative;
	color: black;
}
.titulo-color:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;

	background-color: red;
}


.titulo-color-side{
	position: relative;
	color: black;
}

.titulo-color-side:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;

	background-color: red;
}

.titulo-color-b:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;
	background-color: white;
}

.boton{
	background-color: transparent !important;
	color: white;
	border-radius: 0px;
	border: 1px solid white;
}

.titulo-color-b{
	color: white !important;
}
.titulo-color-b b{
	color: white !important;
	font-family: 'Tinos', serif;
	font-weight: 400;
}

.titulo-color b{
	font-family: 'Tinos', serif;
	color: black !important;
}

}


@media only screen and (min-width: 1030px) {
	 .site-header{
	 padding-top: 0px;
 }
 
 .woocommerce-active .site-header .main-navigation{
	 clear: none !important;
	  width: auto;
    float: right;
    margin-right: 0;
   margin-bottom: 0px;
    
 }
 .site-header-cart li{
	 list-style: none;
	 list-style-position: none;
	 list-style-type: none;
 }
 .cart-contents span{
	 color: white;
	 list-style: none;
	 list-style-position: none;
	 list-style-type: none;
 }
 .site-header .site-branding{
	 clear: none !important;
	 width: 28% !important;
    float: left !important;
    margin-right: 0 !important;
    border-bottom: none !important;
	 
 }
 
 #masthead{
border: none;
margin: 0 auto;

 }
 
 .header-master{
	 width: 100%;
	 position: relative;
	 z-index: 99999;
	 height: 240px;
 }
 .top-right{
	 width: auto !important;
	 float: right !important;
	 
 }
 .theader-master{
	 position: relative;
	     height: 535px;
 }
 
 .theader-master-interior{
	 position: relative;
	 height: 200px; 
 }
 
 .slider{
	 position: absolute;
	 top:0;
	 z-index: 1;
 }
 
 .site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover{
	 background-color: transparent;
 }
 
 .page-template-template-homepage:not(.has-post-thumbnail) .site-main{
	 padding-top: 0px;
	 margin-bottom: 0px;
 }
 
 .page-template-template-homepage .type-page{
	padding-top: 0px;
	margin-bottom: 0px;
 }
 
 .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
     max-width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
}
 
.page-template-template-homepage .type-page{
	padding-left: 0px;
	padding-right: 0px;    
	padding-bottom: 0em;
}
.content-area, .widget-area{
	    margin-bottom: 0;
}
.col-full{
	padding: 0px;
	max-width: 72.498938em;}

.titulo-color{
	position: relative;
	color: black;
}
.titulo-color:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;

	background-color: red;
}


.titulo-color-side{
	position: relative;
	color: black;
}

.titulo-color-side:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;

	background-color: red;
}

.titulo-color-b:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;
	background-color: white;
}

.boton{
	background-color: transparent !important;
	color: white;
	border-radius: 0px;
	border: 1px solid white;
}

.titulo-color-b{
	color: white !important;
}
.titulo-color-b b{
	color: white !important;
	font-family: 'Tinos', serif;
	font-weight: 400;
}

.titulo-color b{
	font-family: 'Tinos', serif;
	color: black !important;
}

.box5{
	height: 250px;
}

/*STORE*/

body.archive #primary{
  float: right;
  margin-left: 4.347826087%;
  margin-right: 0;
  margin-top: 3em;
}
body.archive #secondary {
  float: left;
   margin-top: 5em;
}


.right-sidebar .content-area{
	float: right;
}

.storefront-breadcrumb{
	margin-bottom: 20px;
	margin-top: 3em;
}

.single-product .titulo-color-side:after {
	display: none;
}


.titulo-color-side {
	position: relative;
	color: black;
	text-transform: uppercase;
	font-size: 28px;
}
.titulo-color-side:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 3px;
	left:0;
	bottom: -10px;

	background-color: red;
}


.titulo-color-side b{
	font-family: 'Tinos', serif;
	color: black !important;
}

.woocommerce-ordering{
	float: right;
}

.woocommerce-message{
	background-color: #e1362c !important;
}
ul.products li.product .button{
	float: left;
	width: 48%;
	border: 1px solid black;
}

.homeicon{
	
	
}

.intermedio{
	
	    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: -1.5em;
}

.widget_shopping_cart .product_list_widget li{
	padding: 10px;
}

.ajax_add_to_cart{visibility: hidden;position: absolute;left: -2000px;}
	
}

.footer-widgets{
	padding-top: 0px;
}

@media only screen and (min-width: 1240px) {
	
	.theader-master{
    position: relative;
    height: 650px;
}
	
	
}

.site-header{
	background-color: transparent !important;
}