/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@media only screen and (max-width: 400px)
{
.hidden-mobile{
  display: none !important;
  margin: 0 !important;
}
}
@media only screen and (min-width: 401px)
{
.hidden-desktop{
  display: none !important;
  margin: 0 !important;
}
}


/* ESTILO ELEGANCE */
body {
  background-color: #000 !important;
}
/*****************************************************************************/
/**/
/* Botones para los productos (Suscripción + talla*/

/* Destacado en procudtos */
.product-wrapper-leads{
	padding: 15px;
	background: green;
	margin-top: 20px;
}
.product-leads{
	background: lightgreen;
	border: 1px solid green;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
  cursor: pointer  !important;
}

.product-wrapper-conditions{
	padding: 15px;
	background: gray;
	margin-top: 20px;
	margin-bottom: 65px;

}
.product-conditions{
	background: #cacaca;
	border: 1px solid #000;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	width: 35%;
  cursor: pointer !important;
}






@media only screen and (max-width: 480px)
{
div.woocommerce.columns-4 ul.products li.product {
    width: 46% !important;
    margin-right: 2% !important;
    margin-left: 2% !important;
}
}

/*Esconder las pestañas de descripciòn y atributos */
.q_tabs.horizontal.center {
    text-align: center;
    display: none !important;
}




/* Modal form para suscripciones */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #000;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 450px;
}


@media only screen and (max-width: 950px)
{
  .modal-content-tallas {
    background-color: #000;
    margin: 5% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */

  }
}
@media only screen and (min-width: 951px)
{
  .modal-content-tallas {
    background-color: #000;
    margin: 5% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */

  }
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.modal-text{
  font-size: 125%;
  color: #fff;
  padding:25px;
  text-align: justify;
}
#mc_embed_signup {
    background: #000 !important;
}


/* TÉRMINOS Y CONDICIONES */
/* Change Headers */
.cmplz-terms-conditions h2 {
    color: #FFF !important;
    }
    /* Change Subtitles */
    .cmplz-terms-conditions .cmplz-subtitle {
        color: #FFF !important;
    }
    /* Change Regular Text */
    .cmplz-terms-conditions p {
        color: #FFF !important;
    }