/*
Theme Name:   	Virivintage-Storefront Child Theme 24/03/2022
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	J.C.Gallegos
Author URI:
Template:     	storefront
Description:  	Esto es un Child theme creado para ViriVintage, partiendo de Storefront
Version:      	1.0.1
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	virivintage
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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 http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * @TODO
 *
 *
 */
body.blog .posted-on,
body.blog .post-author,
body.blog .post-comments,
body.blog .entry-taxonomy {
  display: none;
}

a {
color: #000;
	}
a:focus,
input:focus,
textarea:focus,
button:focus {
	outline: 2px solid #2E3539;
}
p.stars:hover a::before {
	color: #2E3539;
	opacity: 1
}

p.stars.selected a.active::before {
	color: #2E3539;
	opacity: 1
}
p.stars.selected a:not(.active)::before {
	color: #2E3539;
	opacity: 1
}

.storefront-primary-navigation,
.main-navigation ul.menu ul.sub-menu{
background-color: #D6DDE4;
border-bottom: 5px solid #000;
color: white;
margin-top: 0px;
}

.site-header {
background-color: #D70000; /* Rojo */
padding-top:0.8em;
}

/* CSS para los breacrumbs */

.woocommerce .woocommerce-breadcrumb,
nav.woocommerce-breadcrumb {
   margin-top: 20px;
   margin-bottom: 25px;x;
   padding: 0;
   list-style: none;
   font-size: 1em;
   overflow: hidden;
   width: 100%;
}
.woocommerce .woocommerce-breadcrumb li,
nav.woocommerce-breadcrumb li {
   float: left;
   /*margin: 0 3em 0 0;*/
   margin-left: 50px;
}

.woocommerce .woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a  {
   padding: .7em 1em .7em 2em;
   margin-left: 25px;
   float: left;
   text-decoration: none;
   color: #444;
   background: #ddd;
   position: relative;
   z-index: 1;
   text-shadow: 0 1px 0 rgba(255,255,255,.5);
   border-radius: .4em 0 0 .4em;
}

.woocommerce .woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:hover {
   background: #abe0ef;
}

.woocommerce .woocommerce-breadcrumb a::after,
nav.woocommerce-breadcrumb a::after {
   background: #ddd;
   content: "";
   height: 2.5em;
   margin-top: -1.25em;
   position: absolute;
   right: -1em;
   top: 50%;
   width: 2.5em;
   z-index: -1;
   transform: rotate(45deg);
   border-radius: .4em;
}

.woocommerce .woocommerce-breadcrumb a:hover::after,
nav.woocommerce-breadcrumb a:hover::after {
   background: #abe0ef;
}

.woocommerce .woocommerce-breadcrumb li:last-child,
.woocommerce .woocommerce-breadcrumb li:last-child:hover,
nav.woocommerce-breadcrumb li:last-child,
nav.woocommerce-breadcrumb li:last-child:hover {
   font-weight: bold;
   background: none;
   padding: .7em 1em .7em 2em;
}

.woocommerce .woocommerce-breadcrumb li:last-child::before,
nav.woocommerce-breadcrumb li:last-child::before {
   padding-left: 150px;
}
.woocommerce .woocommerce-breadcrumb li:last-child::after,
nav.woocommerce-breadcrumb li:last-child::after {
   content: normal;
}
.woocommerce .woocommerce-breadcrumb li:last-child span.item {
  padding-left: 200px;
}

/* CSS para pantallas mesa con resolucion mayor a 768px */
@media screen and (min-width: 768px) {
   .pagination .page-numbers,
.woocommerce-pagination .page-numbers {
 list-style:none;
 margin:0;
 vertical-align:middle;
 font-size: 1.2em;
}

   .woocommerce-active .site-header .main-navigation {
    width:75%;
    float:left;
    margin-right:0;
    clear:both
   }
   .site-header-cart .cart-contents .amount {
    margin-right:.327em;
    margin-left: 20px;
    /*! margin-tp: 10px; */
   }

   .main-navigation ul li.pll-parent-menu-item > a {
    position:relative;
    display:inline-block;
    text-align:left;
    margin-top: 19px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 2px solid #000000;
    color: #000000;
    line-height: 15px;
   }
   .main-navigation ul.menu,
   .main-navigation ul.nav-menu {
    max-height:none;
    overflow:visible;
    margin-left:-8em;
    transition:none
   }
   .storefront-full-width-content.woocommerce-cart .entry-header,
   .storefront-full-width-content.woocommerce-checkout .entry-header,
   .storefront-full-width-content.woocommerce-account .entry-header,
   .storefront-full-width-content .woocommerce-products-header {
    text-align:center;
    padding:0;
   }
/* aspecto cabecera categorias */
.onchi-archive-heading{
    background-color: #fff;
    margin: 0px 5px 40px 5px !important;
    overflow: hidden;
    padding: 25px 40px 5px 40px;
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 30px;
    border-bottom-right-radius: 0;
}
.onchi-title-class{
    font-size: 24px;
	 font-weight: bold;
	 width: 20%;
	 float: left;
	 padding: 20px;

}
.onchi-description-class{
    font-size: 14px;
    padding: 5px 0px 25px;
	 width: 80%;
	 float: left;
	 padding: 20px;

}
/* botones esquinas redondeadas */
input,
select,
textarea,
.hentry .entry-content .wp-block-button .wp-block-button__link,
a.button,
a.button:visited,
button,
html input[type=button],
input[type=reset],
input[type=submit],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.checkout-button button,
.added_to_cart.wc-forward{
border-radius: 10px;
background-color: #EAEDF1;
color:#000000;
}


.hentry .entry-content .wp-block-button .wp-block-button__link,
a.button:hover,
a.button:visited:hover,
button:hover,
html input[type=button],
input[type=reset],
input[type=submit],
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.checkout-button button:hover,
.added_to_cart.wc-forward:hover{
border-radius: 10px;
background-color: #ECF1F7;
color:#000000;
}

.button.wc-forward {
  background-color: #ECF1F7;
  color: black;
}
.main-navigation ul.menu ul a,
.main-navigation ul.menu ul li>a,
.main-navigation ul.menu ul li,
.main-navigation ul.nav-menu ul a,
.main-navigation ul.nav-menu ul li>a,
.main-navigation ul.nav-menu ul li {
 background-color:rgba(236, 241, 247, 0.87);
}
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover>a,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover>a,
.main-navigation ul.nav-menu ul li.focus {
 background-color:rgba(51, 61, 70, 0.87);
 color:white;
}

/*
CSS para aspecto cuando la cabecera se encoje al llegar arriba
el menu_links
*/

  	/*resizing the logo image */
	#masthead.sticky .custom-logo-link img {
		width: auto;
		height: 20px;
	}

	/*positioning the main-navigation */
	#masthead.sticky .primary-navigation {
		text-align: right;
		position: fixed;
		top: -15px;
		right: 420px;
		padding: 0;
		width: auto;
	}
   #masthead.sticky .menu-idiomas-container {
      display: none;
   }
   #masthead.sticky .cart-contents {
      margin-top: -15px;
   }
	/*positioning the logo*/
	#masthead.sticky .custom-logo-link {
		position: fixed;
		top: 9px;
		margin: 0;
		padding: 0;
	}
    /*adjusting default margins and paddings*/
    #masthead.sticky .site-header-cart .cart-contents{
        padding:1.5em 0em 2em 5em;
    }
    #masthead.sticky .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.5em 0.5em;
    }
    #masthead.sticky .site-branding{
        margin-bottom: 1em;
    }

	/*positioning the cart-menu */
	#masthead.sticky .site-header-cart {
		width: 14% !important;
		position: fixed !important;
		top: 0;
		right: 12%;
		padding: 0;
	}

	/*applying the position fixed on the masterhead */
	#masthead.sticky{
      background-color: #D6DDE4;
      border-bottom: 5px solid #000;
      padding-top: 1em;
      color: white;
		position: fixed;
		top: 0;
		width: 100%;
	}
    /*removing the site search*/
    #masthead.sticky .site-search{
        display:none;
    }

    /* Style WC Account Endpoint Links Mnu lateral mi cuenta WC*/
    nav.woocommerce-MyAccount-navigation ul {
      list-style-type: none;
      padding-left: 0;
      max-width:200px;
      font-size: 16px;
      line-height: 26px;
    }
    nav.woocommerce-MyAccount-navigation ul li {
      padding: 8px 10px;
      background-color: rgba(0,0,0,0.05);
      border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    nav.woocommerce-MyAccount-navigation ul li.is-active {
      background-color: rgba(148, 184, 215,0.7); /*rgba(0,0,0,0.1);*/

    }
    nav.woocommerce-MyAccount-navigation ul li.is-active a {
      color: rgba(0,0,0,0.8); cursor: default;
    }
    nav.woocommerce-MyAccount-navigation ul li.is-active:after {
      content: "";
      height: 0;
      width: 0;
      border-top: 20px solid transparent;
      border-left: 14px solid rgba(148, 184, 215,0.7); /*rgba(0,0,0,0.1);*/
      border-bottom: 20px solid transparent;
      float: right;
      margin-right: -24px;
      margin-top: -47px;
    }
    nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
      background-color: rgba(88, 109, 128,0.7); /* rgba(0,0,0,0.07);*/

    }
    nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
      content: "";
      height: 0;
      width: 0;
      border-top: 20px solid transparent;
      border-left: 14px solid rgba(88, 109, 128,0.7); /* rgba(0,0,0,0.07);*/
      border-bottom: 20px solid transparent;
      float: right;
      margin-right: -24px;
      margin-top: -47px;
    }

}
.tfwctool-floating-cart-container {
	position: fixed;
    left: 100px;
    right: auto;
    bottom: 90px;
    z-index: 1000;
}


/* Tablets y phablets */
@media only screen and (min-width: 576px) and (max-width: 767px){

.site-header {
background-color: #D70000; /* Rojo */
padding-top:1em;
padding-bottom: 0;
}
.woocommerce-active .site-branding {
 float:left;
 padding-top: 15px;
}

.tfwctool-floating-cart-container {
   /*position: fixed;
    left: 10px;
    right: auto;
    bottom: 90px;
    z-index: 1000;*/
    display:none;
}
/* aspecto cabecera categorias */

.onchi-archive-heading{
    background-color: #fff;
    margin: 0px 5px 40px 5px !important;
    overflow: hidden;
    padding: 25px 40px 5px 40px;
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 30px;
    border-bottom-right-radius: 0;
}
.onchi-title-class{
    font-size: 24px;
	 font-weight: bold;
	 width: 20%;
	 float: left;
	 padding: 20px;

}
.onchi-description-class{
    font-size: 14px;
    padding: 5px 0px 25px;
	 width: 80%;
	 float: left;
	 padding: 20px;

}
.onchi-description-class h3{
  font-size: 15px;
}
   /* ********************************************************** */
   /* Para la version movil - Pone icono home en el menu el pie */
    .storefront-handheld-footer-bar ul li.home > a:before {
    	content: "\f015";
    }
    .track-click {
      margin-bottom: 35px !important;
    }
  .archives-widget-left {
    width: 100%;
  }

  .archives-widget-right {
    width: 100%;
  }
}


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

   .argpd-footer {
     margin-bottom: 80px;
   }
   .tfwctool-floating-cart-container {
   	/*position: fixed;
       left: 10px;
       right: auto;
       bottom: 90px;
       z-index: 1000;*/
       display:none;
   }
   /* aspecto cabecera categorias */

   .onchi-description-class{

       display: none;

   }

#masthead.site-header {
background-color: #D70000; /* Rojo */
padding-top:1em;
padding-bottom: 0;
margin-bottom: 1em;
}
.woocommerce-active .site-branding {
 float:left;
 padding-top: 15px;
}

   /* ********************************************************** */
   /* Para la version movil - Pone icono home en el menu el pie */
    .storefront-handheld-footer-bar ul li.home > a:before {
    	content: "\f015";
    }
    .track-click {
      margin-bottom: 35px !important;
    }

.main-navigation ul {

    background:#D6DDE4!important;

}

}