/*
Theme Name:  Envo storefront child
Description: Tema hijo Envo storefront 
Author:      Axalpha
Author URL:  https://axalphaconsulting.com
Template:    envo-storefront
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: envo-storefront-child
*/


/*************************************************** Ax: styles ***********************************************************/


/* Import fonts */

@font-face {
  font-family: sucreboSlogan;
  src: url(fonts/Caveat-VariableFont_wght.ttf);
}

/* Sobreescriptura fonts */

/*body, button, input, select, option, textarea, h6 {
    font-family: "Century Gothic", sans-serif !important;
}

.col-full-nav ul li a {
    font-family: "Century Gothic", sans-serif !important;
}*/

/* Logo */

.site-branding-logo img {
    width: 127px;
}

.site-header .custom-logo-link img {
    height: 5rem;
}

small.axSlogan {
    display: block;
    float: right;
    margin: 2rem 0rem;
    font-family: sucreboSlogan;
    font-size: 1.5rem;
    text-align: center;
}

/************************************* Color corporatiu ***********************************************/
.cart-contents span.count {
	background-color: #D7622D;
  /*background-color: #CB4D22;*/
  /*background-color: #FFAB67;*/

  
}

.nav > li.active > a:after, .current-page-parent:after {
    background-color: #D7622D;
 }

 .btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
 	color: #D7622D;
  font-weight: bold;

 }

 .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: transparent;
    color: #337ab7;
}




 /*********************************************** Fi color corporatiu *********************************************/

 /* Barra navegació */

 nav#site-navigation {
    background: #222;
}

nav#site-navigation a {
    color: #fff;
}

.active a.nav-link {
    background: #D7622D !important;
}

#site-navigation {
    min-height: auto;
}


nav#site-navigation a:hover {
    background: #000;
    color: #fff;
}

/* Modificacions barra */

.col-full-nav {
    display: flex;
}

ul#menu-primary-menu {
    text-align: center;
}

ul#menu-primary-menu li a {
    padding: 0rem 2rem;
}

 /* Fi barra navegació */

/************************************* clases utilitaries personalitzades ****************************************/
.ax-table th, td {
    border: 1px solid #e2e2e2;
    padding: 1rem;
}

/* menu categorias */
li.axListItemCat {
    border-bottom: 1px solid #e2e2e2;
    padding: 1rem 0;
}


.axSeparador {
    margin: 5rem 0;
}

span.axColorSucrebo {
    color: #D7622D;
    font-weight: bold;
}

h1.axTitleSucrebo {
    color: #D7622D;
    text-align: center;
}

h1.axTitleSucreboLeft {
    text-align: left;
}


p.axHandWriting {
    font-family: 'sucreboSlogan';
    text-align: center;
    color: #D7622D;
    font-size: 4rem;
    line-height: 3rem;
}

/* Buscador */

form.woocommerce-product-search {
    width: 50%;
    margin: 0 auto;
}

/* fi buscador */

/* img thumnail */

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.axParrHola{
	text-align: justify;
}


/* cart */

.cart-contents span.count {
    background-color: #D7622D;
}

span.count {
    color: #fff !important;
}

/* Fi cart */

/************************************* fi clases utilitaries personalitzades ***********************/

#content-footer-section {
	background: #000;
}

/* ocultar badge preus */

.amount-cart {
	display: none !important;
}

/* marge en el text intro */
.axIntroHome {
    margin: 3rem 0rem;
}

.axJustify{text-align: justify;}

/***************************************************************** Footer ***********************************************/

footer.site-footer {
    background: #000;
}

div.widget_block {
    color: #fff;
}

div.widget_block h4 {
    color: #fff;
}

ul.axMenuNosotros a, ul.axMenuCuenta a, ul.axMenuSocial a {
    color: #ccc;
}

footer:last-child:not(:only-of-type) {
    margin-top: 0rem;
}

footer.copyright {
    padding: 1rem 0;
}

/* amagar callback theme feature */

.call-back-feature {
    display: none;
}


.widget .widget-title, .widget .widgettitle {
    font-weight: 600;
    padding-left: 32px;
}

/********************************************************************* Fi Footer ********************************************/


/******************************************************************* Slider **************************************************/


/****************************************************************** Fi Slider ***************************************************/

/***************************************************************** Home **********************************************************/
.axLastProductsHome ul {
    display: flex;
}

h5.axH5LastPostHome {
    color: #D7622D;
    font-size: 1.6rem;
    font-weight: 500;
}

h5.axH5LastPostHome:hover {
    
}

a.axLinkLastPostHome {
    text-decoration: none;
}

/* Ultimos productos */

a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #D7622D;
}


/* botons cards home */
.image-feature figcaption span {
    background-color: #d7622d;
}

.image-feature figure {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

figcaption span {
    background: #D7622D!important;
}

figcaption span :hover {
    background: #dc9814!important;
}

.image-feature a::before {
    background-color: rgba(0,0,0,0);
}

.image-feature figcaption strong {
    text-shadow: 1px 1px 2px black;
}

.image-feature figcaption em {
    text-shadow: 1px 1px 2px black;
}

.image-feature figcaption span {
    width: 10rem;
}

/*************************************************************************** Fi Home ************************************************/

/***************************************************************************** Pages ************************************************/
h1.axH1ColorSucrebo {
    color: #D7622D;
    border-bottom: 1px solid;
    margin-bottom: 3rem;
}

h1.axH1Pages{
  margin: 0px -0.7rem;
}

.axHelloSucre p {
    margin-bottom: 3rem;
}

p.axLogoHello {
    text-align: center;
}

.title-left h2::after, .title-right h2::before {
    background-color: #fff;
}


/* Ciclo del azucar */
.axCardsCiclo {
    padding: 0rem 0.5rem;
}

.axCardsCiclo h4 {
    padding: 1rem;
}

.axCardsCiclo p {
    padding: 1rem;
    line-height: 0.8rem;
}


/* timeline */

.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #AF5115;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.container {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
}

.container.left {
  left: 0;
}

.container.right {
  left: 50%;
}

.container::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #AF5115;
  border-radius: 16px;
  z-index: 1;
}

.container.right::after {
  left: -8px;
}

.container::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #AF5115;
  z-index: 1;
}

.container.right::before {
  left: 8px;
}

.container .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #AF5115;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.container.left .date {
  right: -75px;
  right: -298px;
}

.container.right .date {
  left: -340px;
}

.container .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #dc9814;
  border: 2px solid #AF5115;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #AF5115;
  z-index: 1;
}

.container.left .icon {
  right: 56px;
}

.container.right .icon {
  left: 56px;
}

.container .content {
  padding: 2rem 2rem;
  /*background: #F6D155;*/
  background: #ffa8007d;
  position: relative;
  border-radius: 1rem 1rem;
}

.container.right .content {
  padding: 2rem 2rem;
  border-radius: 1rem 1rem;
  background: #f9cc757d;
}

.container .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 600;
  color: #AF5115;
}

.container .content p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}

img.axImgTimeLine {
    display: block;
    width: 50%;
    margin: 2rem auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .container {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .container.right {
    left: 0%;
  }

  .container.left::after, 
  .container.right::after {
    left: 82px;
  }

  .container.left::before,
  .container.right::before {
    left: 100px;
    border-color: transparent #006E51 transparent transparent;
  }

  .container.left .date,
  .container.right .date {
    right: auto;
    left: 15px;
  }

  .container.left .icon,
  .container.right .icon {
    right: auto;
    left: 146px;
  }

  .container.left .content,
  .container.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}

/* Fi timeline */

/*************************************************************************** Fi Pages ************************************************/

/* Cards */

.card{position: relative}
.axTextCards h4 {
    position: absolute;
}

.axTextCards h4 {
    color: #ffff;
    font-size: 2.5rem;
    position: absolute;
    top: 40%;
    left: 3rem;
    text-shadow: 1 1 #000;
    text-shadow: 3px 3px 2px rgba(41, 0, 0, 1);
}

.card img {
    padding: 4px;
    filter: brightness(0.8);
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: transform .2s ease;
}

.card:hover img {
    filter: brightness(0.7);
    transform: scale(1.05);
}

/* Fi cards */

/**************************************************************  Catàleg ********************************************/
.woocommerce-shipping-totals.shipping, th.product-total, tr.order-total, tr.cart-subtotal, td.product-total, .order_details tfoot, .woocommerce-Price-amount {
  display: none;
}
#order_review table.shop_table tr>*:first-child {
    width: 100% !important;
}

table.table.axTableBultos {
    table-layout: fixed;
}

table.table.axTableBultos {
    margin: 3rem 0;
}

table.table.axTableBultos th {
    padding: 1rem 0;
}

table.table.axTableBultos tr:hover {
    background: #ebe9eb;
    cursor: text;
}

table.table.axTableBultos th {
    background: #D7622D;
    color: #fff;
}

ul.products li:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* amagar botons increment decrement unitats carrito*/

.quantity {
    display: none;
}

button.minus {
    display: none !important;
}

button.plus {
    display: none !important;
}

strong.product-quantity {
    display: none;
}

span.woocommerce-Price-amount.amount bdi {
    display: none;
}

span.quantity {
    display: none !important;
}

.cart .single_add_to_cart_button {
    background: #D7622D;
    color: #fff !important;
}

button.single_add_to_cart_button.button.alt.wp-element-button{
  background: #D7622D;
}

button.single_add_to_cart_button.button.alt.wp-element-button:hover {
    background: #AF5115 ;
}

a.ajax_add_to_cart {
    background: #D7622D;
    color: #fff !important;
}

a.ajax_add_to_cart:hover {
    background: #AF5115 !important;
}

/* Ficha tabs */

.woocommerce-tabs .tabs li.active a:after {
    transform: scale(0,0);
}

/* Fi ficha tabs */


/* Tables medidas */

table.table.axTableBultos th:first-child {
    border-top-left-radius: 3px;
}

table.table.axTableBultos th:last-child {
  border-top-right-radius: 3px;
}

table.table.axTableBultos th {
    text-align: center;
}

table.table.axTableBultos td {
    padding: 1rem 1rem;
}

table.table.axTableBultos thead tr th {
    padding: 1rem;
}

/* Fi tables medidas */


/* Accordions */

.axtableAccordion thead tr th {
    background: #000 !important;
    line-height: .75rem;
}

.axtableAccordion tbody tr td {
    line-height: .35rem;
}

/* Provisional amagar "tabs" */

div#tab-attrib_desc_tab {
    display: none !important;
}

ul.tabs.wc-tabs {
    display: none !important;
}



/* FI accordions */


/*********************************** FI Catàleg ********************************************/


/********************************** Tabs **************************************************/

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
    border-bottom: 2px solid #D7622D;
    color: #D7622D;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #D7622D;
}


.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 2px solid #D7622D;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
   color: #D7622D;
  }

/********************************** FI Tabs **************************************************/



/*********************************** Form Contacto *****************************************/
.axBtnEnviar{
    margin: 4rem 0;
}

.axLabelPrivacidad {
    font-weight: normal;
}

.embed-responsive-100x400px{
  padding-bottom: 3rem;
}
/*********************************** Fi Form contacto *************************************/

/*********************************** below content *****************************************/
.below-content {
    margin: 1rem 0rem;
}
/*********************************** Fi below content *************************************/

/*********************************** Footer ***********************************************/

ul.axMenuNosotros a, ul.axMenuCuenta a,  ul.axMenuSocial a{
    color: #ccc;
}

/*********************************** Fi footer *******************************************/

/* fi footer */


/************************************* Breakpoints *****************************************/

@media (min-width: 993px){
  .col-full-nav {
    background-color: #000;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 

  /* barra navegació blanca */
  nav#site-navigation {
    background: #fff;
  }

  /* desplazar carrito a esquerra */
  .mobile-cart.visible-xs {
    margin-right: 4rem;
  }

  /* amagar paraula "menu" */

  span.navbar-brand.brand-absolute {
    display: none !important;
  }

  /* adaptar logo amb slogan */

  small.axSlogan {
    margin: 0rem 0rem;
    font-size: 1rem;
  }



}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { }

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { ... }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) { ... }


/************************************* Fi Breakpoints *****************************************/