/******************************************************************
Theme Name: Cornetto Child
Theme URI: http://www.ideaskramerica.com
Description: Estilo diseñado para 
Author: Julián Fernández, IdeasKramerica.
Author URI: http://www.ideaskramerica.com
Template: cornetto
Version: 2.0.2
Tags:
Text Domain: cornetto-child
License: 
License URI: 
******************************************************************/
@charset "utf-8";

:root {
  --cornetto-color-1: #FF0D2B;
  --cornetto-color-2: #091826;
  --cornetto-color-b-1: #86B831;
  --cornetto-color-b-2: #1DBB60;
}

html,body{font-family:'Oswald',Open Sans,sans-serif;}



#footer li {color:#fff;}
#footer li a {color:#fff;}
#footer li a:hover {color:#fff!important;}

/* Defaults */

a {color:var(--cornetto-color-1);}
/* 1.1.HEADER */
#header {background-color:rgba(39, 49, 63, 0.8);} /* Transparent */
#header .rmm {background-color:rgba(39, 49, 63, 0.8);} /* Transparent */
#header-cream, #header-cream .rmm {background-color: #f9f9f9!important;} /* Light skin*/
/* 1.1.1.NAV */
.header-nav label {color: var(--cornetto-color-1);}
.sidr .app-menu-option-icon {color:var(--cornetto-color-1);}
.svgicons .svgicon-2 {fill: var(--cornetto-color-1);}
/* 1.1.1.1.RMM */
.rmm ul ul li {background-color: #f6f6f6;} /* Light skin*/
.rmm li a {background-color:transparent;}
.rmm li a:hover {border-color: var(--cornetto-color-1);opacity:1;}
#nav li.current-menu-item a {background-color:var(--cornetto-color-1);}
#nav li.current-menu-item a:hover {background-color:var(--cornetto-color-1);}
.dropdown-menu.dropdown-menu-mini-cart .button.wc-forward {background-color: var(--cornetto-color-1);}
/* 1.1.1.2.FIRSTNAV */
.firstnav {background-color: var(--cornetto-color-1);}
.firstnav a {color: #fff;}
/* 1.1.1.3.NAVUM */
#navum {background-color:#f9f9f9;border-bottom: 0px solid var(--cornetto-color-2);}
/* 1.1.2.SLIDER */
.rslides_tabs .rslides_here a {background-color: var(--cornetto-color-2);color: transparent !important;}
#featured .price {color:var(--cornetto-color-1);}
/* 1.2.1.1.PAGE-HEADER */
.page-header {color:var(--cornetto-color-1);}
/* 1.3.FOOTER */
#foothigh {background-color:#f6f6f6;}
#footmid {background-color:var(--cornetto-color-1);}
#footer li a:hover {color:var(--cornetto-color-1);}
/* 1.4.SIDEBAR */
#sidebar h2 {background-color:var(--cornetto-color-1);}
.widget-title {color:var(--cornetto-color-1);border-bottom: 2px solid var(--cornetto-color-1);}
#sidebar ul li ul li {background-color: #FFF;border-left: 2px solid var(--cornetto-color-1);margin: 5px auto;padding: 10px;}
#sidebar ul li ul li:hover {background-color:var(--cornetto-color-1);color:#FFF;}

/* 2.SECCIONES */
/* 2.1.ESTRUCTURE */    
.box-feature.b .box-feature-img {background-color: var(--cornetto-color-1);}
/* 2.1.1.CONTENT */ 
.highlight {background-color:var(--cornetto-color-1);}
blockquote {border-left: 2px solid var(--cornetto-color-1);}
/* 2.2.TITLE */
.title h1 {color: var(--cornetto-color-1);}
.title.subr {border-bottom: 1px solid var(--cornetto-color-1);}
#shop-page .title i {background-color: var(--cornetto-color-1);}

/* 2.3.1.PAGINACION */
.pagination .current {background-color: var(--cornetto-color-1);}
.pagination a {border: 1px solid var(--cornetto-color-1);color: var(--cornetto-color-1);}
.pagination a:hover {background-color: var(--cornetto-color-1);border: 1px solid var(--cornetto-color-1);color:#FFF;}
.page-numbers li, .products .page-numbers li {background-color: var(--cornetto-color-1);}
.woocommerce-pagination .current {color: var(--cornetto-color-b-1);}
.woocommerce-pagination a:hover {color: var(--cornetto-color-b-1);}
/* 2.3.4.BUTTONS */
.button, .wsb-button {background-color:var(--cornetto-color-1);border:2px solid var(--cornetto-color-1);}
.button.line {background-color: transparent;color: var(--cornetto-color-1)!important;border: 2px solid var(--cornetto-color-1);}
.button.line:hover {color:white!important;background-color: var(--cornetto-color-1);}
/* 2.5 TOOLTIP */
a.tooltip > span {background-color: var(--cornetto-color-1);}
a.tooltip span b {background: var(--cornetto-color-1);border-top: 1px solid var(--cornetto-color-1);border-right: 1px solid var(--cornetto-color-1);}
/* 2.6 CONTACTO */
.contact-item .iback {background-color:var(--cornetto-color-1);}
/* 3.3 REDES */
.box-redes a:hover.ico-gen {background-color:var(--cornetto-color-1);border: 1px solid var(--cornetto-color-1);}
.menu-icon i:hover {color: var(--cornetto-color-b-1);}
/* 3.4 SEARCH */
.ajax-search #searchsubmit {background-color: var(--cornetto-color-b-1);}
.search-toggle {background-color: var(--cornetto-color-b-1);border-bottom: 2px solid var(--cornetto-color-b-2) !important;}
/* 3.8 SOCIALMEDIA */
.fb-box .sm-pattern{background-image: url('library/images/cornetto/ptt-logo.png');}
/* 4.WOOCOMMERCE */
.woocommerce-secondbar{color:var(--cornetto-color-1);}
.woocommerce-secondbar .layout-control-grid .active {background-color: var(--cornetto-color-1);}
    /* 4.1.1.BOXS */
.woo-thumb-box-hover {border-color:var(--cornetto-color-1);}
.added_to_cart.wc-forward {}
.products .button.add_to_cart_button {background-color: transparent;}
.products .product_type_simple:hover, ul.products li.product .tinvwl-loop-button-wrapper:hover, .products .button.add_to_cart_button:hover, .products .product_type_variable:hover, .products .added_to_cart.wc-forward {border: 1px solid var(--cornetto-color-1);}

/* 4.2.PRODUCTO */
.shop_attributes {border-left: 5px solid var(--cornetto-color-1);}
.products .price ins {color: var(--cornetto-color-1);}
.percentage {background-color: transparent;}
.products .onsale, .onsale {background-color: var(--cornetto-color-1);border-color: var(--cornetto-color-2);}
#ivpa-content .ivpa_attribute.ivpa_image .ivpa_term.ivpa_clicked {border-color: var(--cornetto-color-1)!important;}
/* 4.2.3.TABS */
.wc-tabs li.active, .wc-tabs li:hover { border-bottom: 2px solid var(--cornetto-color-1);}
.wc-tabs li.active a, .wc-tabs li:hover a {color:var(--cornetto-color-1);}
/* 4.3.CARRITO */
.woocommerce-cart .shop_table.woocommerce-cart-form__contents thead tr, .woocommerce-cart .cart_totals h2 {border-color:var(--cornetto-color-1);}
.cart-collaterals h2 {background-color: var(--cornetto-color-1);}
.woocommerce-cart-tab__contents {background-color:var(--cornetto-color-1);}
.header-cart-count {background-color: var(--cornetto-color-1);}
/* 4.6.MISC */
.woocommerce-info {border-color:var(--cornetto-color-1);}
.woocommerce-order-received .shop_table thead, .woocommerce-view-order .shop_table thead {border-color:var(--cornetto-color-1);}
.woocommerce-order-received .addresses address, .woocommerce-view-order .addresses address {border-top: 3px solid var(--cornetto-color-1);}
#customer_details, #order_review  {border-color:var(--cornetto-color-1)}
#customer_login h2 {border-color:var(--cornetto-color-1);}
#customer_login h2, .login h2 {color: var(--cornetto-color-1);}
.woocommerce h2 {color: var(--cornetto-color-1);}
.user-lockouticon {color:var(--cornetto-color-1)}
/* 4.6.2.1.EDIT-ACCOUNT */
.edit-account fieldset {border: 2px solid var(--cornetto-color-1);}
.edit-account legend {color: var(--cornetto-color-1);}
/* 4.6.2.2.EDIT-ADDRESS */
.box-account .addresses h3 {background-color: var(--cornetto-color-1);color: #fff;text-decoration: none;}
/* ---------- 1.ESTRUCTURA ----------*/
/* ---------- 2.SECCIONES ----------*/
.post h3 {color:var(--cornetto-color-1);}
#inicio h2 {width: 519px;font-size:3rem;color:#FFF;padding-left: 10%;font-weight: bold;margin: auto;}
/* ---------- 3.MODULOS ----------*/
/* 3.1.CONTACTO */
.wpcf7 input.wpcf7-submit {background-color: var(--cornetto-color-1);}
.wpcf7 input.wpcf7-submit:hover {background-color: var(--cornetto-color-2);}
.wpcf7 input:active,
.wpcf7 textarea:active  {border-color:var(--cornetto-color-1);}
.wpcf7 input:hover,
.wpcf7 textarea:hover {border-color:var(--cornetto-color-1);}
.wpcf7-hiler:hover .wpcf7-i {color:var(--cornetto-color-1);border-color:var(--cornetto-color-1);}

select.ikform-dropdown:hover, .ikinput-radiorow:hover, .wpcf7-hiler textarea:hover, .wpcf7-hiler textarea:focus {border-color:var(--cornetto-color-1);}
.ikinput-radio:checked + .ikinput-radiotext {color:var(--cornetto-color-1);}

.fb-box .sm-pattern.sm-ptt-logo{background-size:auto;background-image:url('library/images/cornetto/ptt-logo.png');}



/* ---------- 6.ANIMATIONS ----------*/
/* ---------- X.CUSTOM ----------*/

.slideout-panel {background-color: #f3f3f3;}

#navum a {font-weight: normal;color: #000;text-transform: uppercase;}
.woocommerce-breadcrumb {background-image: url('library/images/other/breadcrumb-bg.png');background-size: cover;color:#FFF;padding-top: 50px;padding-bottom: 50px;font-size: 1.4rem;text-transform: uppercase;letter-spacing: 1px;}
.woocommerce-breadcrumb a,.woocommerce-breadcrumb a:visited, .woocommerce-breadcrumb a:active {color: #fff;}


.rslides{height:550px;}
.slider-container .orion {width: 100%;}
.slider-container .cornetto-slider-img {width: 100% !important;max-height:550px;}
.rslides .slider-container{height: 550px;}
.slider-products h3 {margin: 0px auto 55px;}
#shop-thetitle.titleinbox {background-color: #FF0D2B;color: #fff;width:100%;margin:50px auto;position: relative;}
#shop-thetitle.titleinbox .title {min-width: 200px;font-weight: normal;clip-path:polygon(0 0, 100% 0%, 90% 100%, 0% 100%);color: #fff;text-align: left;justify-content: flex-start;margin: 0;padding: 10px 30px 10px 10px;font-size: 1.1rem;background-color: #2D2D2D;width: auto;}
.deco-line {background-color: #fff;height: 109%;width: 3px;display: block;position: absolute;top: -2px;left: 17%;transform: rotate(-339deg);}
.deco-line.deco-line-2 {left: 18.3%;height: 60%;}
.deco-line.deco-line-3 {left: 85%;height: 109%;}
.deco-line.deco-line-4 {left: 86%;height: 109%;}

.wrapper-section .title  {position: relative;display: inline-flex;}
.home .wrapper-section .products li {width: 95%;}




.home #shop-thetitle {grid-column: 1 / 4;}
#shop-page .swiper-slide {width: 30%;}
.home #shop-page .products {grid-template-columns: repeat(auto-fit, minmax(100%, 100%));}
.home .products {grid-template-columns: repeat(auto-fit, minmax(33%, 33%));justify-content: center;}
.home .products li {width:90%;}
ul.products li.product .tinvwl-loop-button-wrapper {border: 1px solid transparent;display: none;}


.home #shop-marcas, {padding: 25px 25px 25px;}
#shop-marcas {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 10px;}
.cornetto-maincategory {color: #333 !important;width: 22%;max-width: 140px;margin:2% auto 0%;display: inline-flex;justify-content: center;flex-wrap: wrap;font-size: 1rem;letter-spacing: 2px;    font-weight: normal;}

.cornetto-maincategory:hover .maincategory-ico {opacity: 0.9;background-color: #f7f7f7;filter: grayscale(0.3);}
.maincategory-ico {padding: 50px 15px;margin-bottom: 10px;border-radius: 20%;background-color: #fafafa;border: 0px solid #F09C40;box-shadow: 0px 5px 10px rgba(97, 105, 140, 0.1) !important;}
.maincategory-ico img {width: 150px;height: auto;margin: auto;}
.maincategory-title {width: 100%;text-align: center;display: none;}

.listado-marcas img {width: 100%;border-radius: 2%;filter: grayscale(0.6);}
.listado-marcas img:hover{filter: grayscale(0.1);}

#featured-cat {padding: 0;width: 100%;height: 310px;}
.featured-cat-box {overflow: hidden;position: relative;width: 16.2%;margin: 0.2%;display: inline-flex;justify-content: center;height: 250px;border-radius: 5px;}
.featured-cat-box img {width: 100%;transition: transform .5s;position: absolute;left: 0;top: 0;z-index: -1;}
.featured-cat-box:hover img {transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.featured-cat-box .polar{background-color: rgba(215, 44, 44, 0.5)}
.featured-cat-title {color: #fff;text-transform: uppercase;margin: auto;text-align: center;font-weight: bold;font-size: 1.35rem;letter-spacing: 2px;}


#featured-services {width: 100%;background-color: #FF0D2B;margin: 100px auto 0;padding: 40px 10%;color: #fff;text-transform: uppercase;background:url('library/images/other/background_iconos.jpg');background-size: contain;}
.services-title {width: 60%;padding: 32px;}
.services-ico {width: 40%;}
.services-ico img {width: 90%;margin: auto;max-width: 80px;}

#mp-ad {margin:50px auto 50px;}
.mp-box {background-color: #fff;box-shadow: 0px 1px 10px rgba(97, 105, 140, 0.1);}

#logo-screen-temp img {max-width: 400px;}
.footermid-gmaps {text-align: left;width: 20%;display: inline-block;justify-content: center;align-items: center;margin-right: auto;padding: 20px 0;}
#footmid {background: url('library/images/other/footer.png');background-size: cover;font-weight: bold;padding: 50px 15%;}
.footermid-gmaps {display: inline-flex;flex-wrap: wrap;align-items: flex-start;flex-direction: column;justify-content: flex-start;}
.foot-logo {width: 100%;}
#footer-nav-categories {text-transform: uppercase;letter-spacing: 1px;}
.foot-marca{width: 150px;margin: 10px 0;margin-left: auto;}
#navum .box-redes a:hover {color: #FFF;border-radius: 2px;background-color: #2D2D2D !important;}
.menu-icon i:hover {color: #fff;}

.swiper-products-container {grid-column: 1 / 4;overflow: hidden;}

#section-suc {margin: 0px auto 100px;}
.sucursales .tt-card-img img, .tt-card-img svg {max-height: 280px;max-width: 100%;border-radius: 5px;filter: grayscale(0.2);}
.sucursales .tt-card-title {letter-spacing: 1px;text-transform: uppercase;width: 100%;}
.tt-card-text {font-weight: lighter;}

div#nav-searchbar {
    margin-left: auto;
    margin-right: 0;
}
div#nav-menus {
    display: none;
}
.woocommerce div.product div.images img {background-color: white}
.images .flex-control-thumbs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
    float: left;
    margin: 0% 0 1%;
    list-style: none;
}
a.button.store-redes-icon.ico-wp.conversion-whatsapp-button {
    color: #FFF;
    letter-spacing: 1px;
    text-transform: none;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 231px;
    margin: 1% 2%;
    line-height: 1rem;
    font-weight: normal;
}

a.button.store-redes-icon.ico-wp.conversion-whatsapp-button i {
    font-size: 1.1rem;
    align-self: center;
    margin-right: 5%;
}

/*
/* Dark Mode 
#header-cream {border-bottom: 1px solid #36373C!important;}
#header-cream, #header-cream .rmm {background-color: #25262B !important;}
.rmm li a {color: #fff;}
#header-cream .svgicons .svgicon-1 {fill: #fff;}

.rmm ul ul li:first-child {border-top: 1px solid #36373C;}
.rmm ul ul li {background-color: #25262B;border-bottom:#36373C; }
.widget_shopping_cart_content .total {color: #fff;}
.widget_shopping_cart_content .quantity {color:#fff;}
.dropdown-menu.dropdown-menu-mini-cart .woocommerce-mini-cart-item.mini_cart_item:hover {background-color: #25262B;color:#F66249;}

#navum {background-color: #36373C;}
#navum li {border-color:#25262B}
#navum ul ul li {background-color: #36373C;border-bottom: 1px solid #25262B;}
#navum li:first-child a {border-left: 1px solid #36373C;}
#navum li a, #navum a {color: #fff;}
#navum li a:hover {background-color: #f3f3f3;color:#36373C}
*/


#header-cream {border-bottom: 2px solid #333;}
#shop-marcas {margin: 30px auto 0;}
.banner-tienda{margin:0 auto 0;width: 50%;text-align: left;}
.banner-tienda img {width: 80%;}
.onsale {height: 20px;line-height: 20px;width: 40px;}


.summary .quantity {display: none!important;}

.summary .no_add_to_cart_button {
    display: inline-flex;
    padding: 20px 10px;
    height: 37px;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-size: 0.8rem;
    text-transform: capitalize;
    font-weight: bold;
    border: 5px solid white;
    color: #fff;
    text-transform: uppercase;
}


/* ---------- 5.MEDIAQUERYS ----------*/
@media only screen and (min-width: 1800px) {
  .wrapper-section {padding: 0px 18% 50px;}
  #shop-page {padding: 0px 18% 50px;}
  #header-cream, #navum, #ecommerceinfobar .ecommerceinfobar-container, .single-product #cream, .page-header, #footmid, #portada .box-redes, .slider-products .products {padding: 0 18%;}
  #footmid {padding: 2% 18%;}
  #mp-ad {margin: 50px auto 100px;padding: 0px 18% 0px;}

  #shop-marcas {padding:20px 18%;}


}


/* 5.1 IPAD-BREAK */
@media (max-width: 1024px) {
  .banner-tienda{text-align: center;}

}

/* 5.2 BREAK-FALL */
@media (max-width: 850px) {}
/* 5.3 BREAK-FIRST */
@media only screen and (min-width: 500px) and (max-width : 850px) {}
/* 5.4 BREAK-TWO */
@media (max-width: 650px) {
#footer #footer-nav-contact{width: 100%;margin: 0;}

  .deco-line {display: none;}
  #shop-thetitle.titleinbox .title {min-width: 185px;}

.home .products.horizont-carr-r {justify-content: flex-start;}
.wrapper-section #shop-thetitle.titleinbox {width:100%;}
#shop-thetitle.titleinbox {margin: 20px auto 20px;}

.home .products li {margin: 4% auto !important;}


.home .wrapper-section .horizont-carr-r .horizont-carr-r-unit {min-width: 80%;}
.home .wrapper-section .horizont-carr-r .horizont-carr-r-unit {margin: 0 5px !important;}

.maincategory-ico  {padding: 30px 10px}
.maincategory-ico img {width: 70px;}


.banner-tienda {margin: 0px auto 0;width: 100%;}
.banner-tienda img {width: 88%;}
.rmm-resp li.responsive-option-search {display:none;}
.woocommerce-breadcrumb {padding-top: 15px;padding-bottom: 15px;font-size: 1.1rem;text-transform: none;}
#footmid {padding:10px 5%;}
.footermid-gmaps {margin: auto;width: 100%;order: 3;}
.featured-cat-box {height:150px;}
#featured-services {padding: 5px 5%;margin: 35px auto 0px;}
.services-title {padding: 10px;font-size: 0.9rem;text-transform: capitalize;}
.services-ico {width: 25%;margin: 0 10px;}
.services-ico img {width: 100%;margin: 10px auto;max-width: 80px;}
#mp-ad {margin: 35px auto 35px;width: 90%;}


  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 23%;
    margin: 0% 1% 2%;
  }

}