/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* GENERAL */
:root{
    /**  Fuentes **/ 
    --fuentePrincipal : 'Staatliches', cursive;
    --fuenteTexto : 'Open Sans', sans-serif;
    --fuenteSecundaria : 'Raleway', sans-serif;

   
}
h1, h2, h3, h4 {
  color: var(--rosaOscuro);
}
.hover-zoom img,
.porto-ibanner.hover-zoom{
    transition: 1s all ease;
}

.hover-zoom,
div#home-categorias .wpb_wrapper.vc_column-inner{
    overflow: hidden;
}
.hover-zoom img:hover,
.porto-ibanner.hover-zoom:hover{
    transform: scale(1.051);
}
.roboto-condensed-<uniquifier> {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a, #side-nav-panel .accordion-menu li.menu-item > .arrow {
    color: #3b3b3b;
}
#side-nav-panel .accordion-menu li:not(:last-child), #side-nav-panel .accordion-menu.porto-view-switcher>li {
    border-bottom-color: #3b3b3b;
}
#side-nav-panel .accordion-menu li.menu-item.current-menu-item > a, #side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .accordion-menu li.menu-item:hover > a, #side-nav-panel .menu-custom-block a:hover, #side-nav-panel .accordion-menu li.menu-item.current-menu-item > .arrow, #side-nav-panel .accordion-menu li.menu-item.active > .arrow, #side-nav-panel .accordion-menu li.menu-item:hover > .arrow{
	color:#3b3b3b
}
#side-nav-panel .accordion-menu li.menu-item.current-menu-item > a, #side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .accordion-menu li.menu-item:hover > a, #side-nav-panel .menu-custom-block a:hover {
    background-color: #ddd;
}
/* HEADER */
.share-links {
    padding-top: 5px;
}
#side-nav-panel {
    background-color: #eee;
}
#header .main-menu > li.menu-item > a {
    line-height: 25px;
}
.outlet-btn {
    background: #fff;
    position: relative;
    border-radius: 5px;
  height: 35px;
  transition:.2s all ease
}

#header .main-menu {
    align-items: center;
}
.outlet-btn:hover {
    background: #ffffffa3;
}
#header .outlet-btn a {
    line-height: 0!important;
  color: var(--rosaOscuro)!important;
  padding: 18px 16px!important;
}
button.mfp-close {
    display: none;
}
#header .searchform .selectric{
    border-color: #ffffff63!important;
}
.mega-menu.menu-hover-line > li.menu-item > a:before {
    background-color: white;
}
#header .main-menu > li.menu-item > a {
    color: white;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Roboto Condensed', cursive;
}
#header, .sticky-header .header-main.sticky {
    border-top: none;
}
.header-top,
.header-bottom.header-has-center.main-menu-wrap {
    border: none;
      background: var(--rosaOscuro);
}
.header-top.header-has-center {
    padding: 10px;
}
#header .header-top + .header-main {
    background: var(--rosaClaro);
      border-top: none;
}
#header .share-links a:not(:hover) {
    background-color: var(--rosaOscuro);
    color: var(--rosaClaro);
}
#header .searchform, .fixed-header #header.sticky-header .searchform {
    background: #ffffffa3;
    border: none;
}
#header .searchform input, #header .searchform input::placeholder, #header .searchform .selectric .label, #header .searchform button {
    color: white;
}
i.porto-icon-user-2, #mini-cart .cart-subtotal, #mini-cart .minicart-icon {
     color: var(--rosaClaro)
   
}
#mini-cart .minicart-icon {
  border: 2px solid var(--rosaClaro);
}
i.porto-icon-user-2 {
    font-size: 15px;
    font-weight: 600!important;
    position: relative;
    top: -2px;
  left:-2px;
    padding: 0 3px;
}
#header .my-account {
    width: 31px;
    height: 32px;
}
[class^="porto-icon-"]:before, [class*=" porto-icon-"]:before{
  font-weight:600
}
.sticky-header .header-bottom.header-has-center.header-has-not-center-sm.main-menu-wrap,
#header .mobile-toggle{
    background: #3b3b3b!important;
}
#header.sticky-header .main-menu > li.menu-item > a, #header.sticky-header .main-menu > li.menu-custom-content a {
    color: white;
}
#header .share-links a {
    border: 1px solid white;
}
#header .share-links:before {
    content: "Síguenos";
    color: var(--rosaOscuro);
}
#header.sticky-header .main-menu > li.menu-item:hover > a,
#header .main-menu > li.menu-item:hover > a,
#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a{
    color: #3b3b3b;
}
#header .mobile-toggle,
header .header-main{
    color: #ffffff;
    background-color: #3b3b3b;
}
#header .main-menu > li.menu-item.active > a{
  color:white
}
/* HOME */
div#section-home1 {
    background-size: cover;
    background-position: 50%;
}
div#section-home2 h4{
  font-size:2em!important;
  font-weight:300
}
.vc_sep_holder_l  span.vc_sep_line {
    background-image: -webkit-linear-gradient(left, transparent, #333)!important;
/*     background-image: linear-gradient(to right, transparent, #3b3b3b)!important; */
}
.vc_sep_holder_r  span.vc_sep_line {
    background-image: linear-gradient(to right, #333, transparent)!important;
}
#section-home1 h2 {
    color: white;
    font-size: 4rem;
}
.home-slider .porto-ibanner img {
    opacity: ;
}
.porto-ibanner img {
    opacity: 0;
}
.porto-ibanner {
    height: 135vh;
  background-position:50%!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}
#home-categorias .porto-ibanner {
    height: 460px;
}
.porto-ibanner h2, .porto-ibanner a {
        color: #2a2a2a!important;
    position: relative;
    z-index: 3;
    font-family: Poppins,sans-serif;
}
.porto-ibanner:before {
    content: "";
background: rgb(253,215,213);
background: -moz-linear-gradient(0deg, rgba(253,215,213,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(253,215,213,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(253,215,213,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd7d5",endColorstr="#ffffff",GradientType=1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#home-categorias .porto-ibanner:before {
    content: "";
background: rgb(253,215,213);
background: -moz-linear-gradient(0deg, rgba(253,215,213,0.3951155462184874) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(253,215,213,0.3951155462184874) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(253,215,213,0.3951155462184874) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd7d5",endColorstr="#ffffff",GradientType=1);
}
.home-slider .porto-ibanner-content {
    height: 125%;
}
.home-slider .porto-ibanner-content h2 {
    font-weight: 600;
}
h3{
  font-size:20px
}
.home-features > div:not(:last-child) {
    border-right: none;
}
.home-seccion-3-col .porto-ibanner {
    height: 460px;
}
.home .porto-products span.thumb-info-wrapper.tf-none {
    height: 410px;
    background-size: cover;
    background-position: 50%;
}
.home .home-seccion-3-col  .porto-products img, 
.image-replace img{
  opacity:0
}
#home-categorias h2.porto-ibanner-title {
    background: var(--rosaOscuro);
    color: white!important;
    font-size: 1.2rem!important;
  position: absolute;
    width: 100%;
    bottom: 0;
}
#home-categorias .porto-ibanner .porto-ibanner-desc {
    padding: 0;
}
.vc_separator h3 {

    font-family: 'Amatic SC', cursive;
    color: var(--rosaOscuro)!important;
    font-size: 2rem;
}

.product-content span.category-list,
.product-content .rating-wrap {
    display: none!important;
}
/* FOOTER */
aside#media_image-2 img {
    width: 50%;
}

#footer .footer-bottom .footer-left {
    padding: 10px 8px 10px 0;
    text-align: center;
    width: 100%;
}
#footer ul#menu-footer-main li, #footer ul#menu-footer-main,
#footer ul#menu-footer1 li, #footer ul#menu-footer1{
    border: none;
}
.footer-bottom a {
    color: white!important;
    font-weight: 500;
}
#footer .footer-main {
    background: var(--rosaClaro);
}
.footer-bottom {
    background: var(--rosaOscuro)!important;
    color: white!important;
    padding: 0!important;
    border: none!important;
}
aside#text-7 p {
    margin-bottom: 0!important;
}
.widget_nav_menu>div>ul li{
  padding: 0 0 0 10px;
}
#footer aside#text-7 {
    margin: 0;
}
#footer .widget.follow-us {
    margin-top: 0;
    margin-bottom: 15px;
}
#footer .footer-main .container {
    padding-top: 2rem;
    padding-bottom: 0;
}
.footer-main .col-lg-3:first-child {
    padding-top: 0;
}
.footer-main .col-lg-3 {
    padding-top: 1rem;
}
/* contacto */
.leaflet-map.leaflet-container.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag {
    z-index: 1;
}
form.wpcf7-form {
    margin-top: 15px;
    width: 90%;
}
form.wpcf7-form input, form.wpcf7-form textarea {
    width: 100%;
    margin-bottom: 15px!important;
}
/* SHOP */
.single_add_to_cart_button {
    background: #3b3b3b;
}
.banner-container.my-banner a {
    font-family: 'Amatic SC', cursive;
    font-size: 3em!important;
}
.banner-container.my-banner a i {
    font-size: 20px!important;
    position: relative;
    top: -7px;
}
/* PRODUCTO */
.single-product span.onsale {
    display: none!important;
}
.product-image .labels .onsale, .summary-before .labels .onsale {
    background: #e27c7c;
    color: #ffffff;
    border-radius: 100%;
    padding-top: 15px;
    height: 40px;
    width: 40px;
    position: relative;
    padding-left: 10px;
  background: var(--rosaOscuro)!important;
}
.product-image .labels .onhot, .summary-before .labels .onhot {
    background: var(--rosaOscuro)!important;
    position: relative;
    top: 3px;
    left: -15px;
}
.product-image .labels .onhot:before {
    content: "";
    width: 15px;
    height: 15px;
    background: white;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: -11px;
    top: 2px;
}
.single-product label[for="pa_size"] {
    font-size: 0!important;
}
.single-product label[for="pa_size"]:before {
    content: "TAMAÑO";
    font-size: 12px;
}
.product-summary-wrap .stock {
    font-weight: 600;
    color: white!important;
    background: #EF423E;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    height: auto;
    line-height: 1em;
    padding: 5px;
}
.product-layout-sticky_both_info .entry-summary .quantity:before{
    content: 'Cant:';
}
.zoomWindowContainer > div {
    display: none!important;
}
.product-type-pw-gift-card .filter-item-list .filter-item {
    border: 1px solid #3b3b3b;
    font-size: 14px;
    color: #3b3b3b;
}
.product-type-pw-gift-card .filter-item-list .filter-item:focus {
    color: white;
}
/* CARRITO */
.checkout_coupon button.btn.btn-default:before {
    content: "Aplicar cupón";
    font-size: 13px;
}

.checkout_coupon button.btn.btn-default {
    font-size: 0;
}
a.my-account {
    border: 1px solid white!important;;
    border-radius: 100px;
  background:var(--rosaOscuro);
      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}
span.cart-icon {
    border: 1px solid white;
    border-radius: 100px;
    padding: 7px 5px;
    background: var(--rosaOscuro)!important;

}
#mini-cart .minicart-icon {
    width: 15px;
    height: 10px;
	position: relative;
    top: -2px;
}
#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: #3b3b3b;
}
.footer a:hover {
    color: #3b3b3b;
}
.page-top {
    background-color: #3b3b3b;
}
.page-top .breadcrumbs-wrap a, ul.breadcrumb li {
    color: #eee;
}
#header .main-menu > li.menu-item.active > a {
    background-color: #3b3b3b;
}
.single-product h1.page-title {
    display: none;
}
/* CARRITO */
button#place_order {
    width: 100%;
    font-size: 18px;
  background: var(--rosaOscuro)!important;
}
p#billing_company_field {
    display: none;
}


/* MEDIA QUERIES */

@media (max-width:1440px){
.porto-ibanner {
    height: 100vh;
}
}
@media (max-width:1219px){
.porto-ibanner {
    height: 650px;
  background-position: 50% 20%!important;
}
  .outlet-btn {
    top: 11px;
}
  .banner-container.my-banner a {
    font-size: 2em!important;
    display: block;
    text-align: center;
}
}
@media (max-width:1024px){
  
  #side-nav-panel .switcher-wrap,
  div#side-nav-panel .share-links,
  div#side-nav-panel .menu-wrap > .top-links{
    display: none;
}
  .header-top .custom-html {
    color: var(--rosaClaro);
}
  #header .mobile-toggle,
  a.side-nav-panel-close,
  #header .searchform-popup .search-toggle{
    color: var(--rosaOscuro)!important
}
  img.img-responsive.standard-logo.retina-logo {
    display: block!important;
}
  img.img-responsive.sticky-logo.sticky-retina-logo {
    display: none!important;
}
  .sticky-header #mini-cart .minicart-icon {
    border-color: var(--rosaOscuro);
}
  .footer-main .col-lg-3 {
    flex-basis: 50%;
}
  #footer .footer-main .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
}
@media (max-width:991px){
	#side-nav-panel .accordion-menu li.menu-item:hover > a{
		color:#3b3b3b
	}
  .outlet-btn {
    background: #3b3b3b;
}
  .outlet-btn a {
    text-align: center!important;
    color: #eee!important;
}
  .outlet-btn {
    width: 250px;
    margin: auto!important;
    display: block;
	  height: 50px;
}
}

@media (max-width:480px){

.porto-ibanner,
  #home-categorias .porto-ibanner{
    height: 350px;
}
div#home-banner-new {
    background-position-x: 100%;
}
}