/*!
Theme Name: Theme Truall 2024 Child
Theme URI: https://truall.com/
Version: 4.25.2
Template: base
Description: Tema Premium para tu sitio web implementado por Agencia Truall.
Author: Agencia Truall
Author URI: https://truall.com/
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =Estilos personalizados
------------------------------------------------------- */

#truall {
	background-color: #021110;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 12px;
}
a.opacity-truall img {opacity: 0.2;}
a.opacity-truall:hover img {opacity: 1;}
a.opacity-sup img {opacity: 100;}
a.opacity-sup:hover img {opacity: 0.8;}
.modern-menu-widget a:hover { text-decoration: none; background: #fafafa; color: #00748b; }
.modern-menu-widget li.current-menu-item a { color: #fff; background: #00748b; }
.fder {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.fder2 {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.fdercolor1 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #F7F7F7;
	padding: 20px;
	width: 45%;
}
.selmar {
	margin-right: 10px;
	font-size: 16px;
	color: #333;
	width: 120px;
}
.selmar2 {
	margin-right: 10px;
	font-size: 14px;
	color: rgb(114, 106, 106);
	width: 100%;
	padding: 9px;
	margin-top: 5px;
	line-height: 19px;
}
.selmar3 {
	margin-right: 10px;
	font-size: 15px;
	color: #333;
	width: 200px;
	padding: 3px;
}


.woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price {
  color: #2EA3F2;
  margin-bottom: 20px;
}

.swatch-label-square.selected, .sps-swatches .swatch-label-circle.selected {

  opacity: 1;
  background-color: #376993 !important;
}


.woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price {
  color: #ec5c66;
}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background: #fff;
  border: none;
  box-sizing: content-box;
  border-radius: 100%;
  cursor: pointer;
  font-size: 2em;
  height: 36px;
  padding: 0;
  position: absolute;
  right: .5em;
  text-indent: -9999px;
  top: .5em;
  width: 36px;
  z-index: 99;
  display: none;
}


/*NINJA ERROR*/


.nf-error .nf-error-msg {
  color: #000 !important;
  background-color: #ec5c66;
  padding: 5px;
  border-radius: 30px;
  font-size: 13px;
  display: none !important;
}

.nf-error .nf-field-element .nf-element {
  border-color: #ec5c66 !important;
}

.nf-error.field-wrap .nf-field-element::after {
  background: #ec5c66 !important;
  color: #000;
  font-family: FontAwesome;
  font-size: 20px;
  content: "\f12a";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  height: 48px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  transition: all .5s;
}

.nf-error-msg, .ninja-forms-req-symbol {
  color: #000 !important;
  background-color: #ec5c66 ;
  padding: 5px;
  border-radius: 30px;
  font-size: 13px;
  display: none !important;
}
/*FIN NINJA ERROR*/

 .woocommerce-breadcrumb {
  font-size: .92em;
  color: #767676;
  display: none;
}


.nav li ul {
  position: absolute;
  padding: 20px 0;
  z-index: 9999;
  width: 385px;
  background: #fff;
    background-color: rgb(255, 255, 255);
  visibility: hidden;
  opacity: 0;
  border-top: 3px solid #2ea3f2;
    border-top-color: rgb(46, 163, 242);
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-transform: translateZ(0);
  text-align: left;
}

.et-menu li li a {
  padding: 6px 20px;
  width: 356px;
}

#fpd-start-customizing-button {
  pointer-events: visible;
  cursor: pointer;
  display: inline-block;
  opacity: 1;
  margin: 10px 0;
  padding: 9px;
  background-color: #ec5c66 !important;
  color: #fff!important;
  border-radius: 40px;
}


/*----- finalizar compra diseño -----*/

@media (min-width: 850px) {
     
	#customer_details,
	#order_review_heading,
	#order_review {
		width: 48%;
	}

	#customer_details {
		float: left;
	}


	#order_review_heading,
	#order_review {
		float: right;
	}

	#order_review_heading {
		clear: none;
		padding-top: 0;
	}
	#customer_details .col-1,
	#customer_details .col-2
	{ width: 100%;
		float: none; 
	}
}



.fdernew {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 100%;
	padding: 9px;
}
.fder2 {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
		width: 100%;
}
.fder9 {
	float: left;
	margin-right: 0px;
	margin-bottom: 20px;
	width: 100%;
	padding:10px;
}

.fder10 {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 37%;
}
.fdercolor1 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #F7F7F7;
	padding: 20px;
	width: 45%;
}
.selmar {
	margin-right: 10px;
	font-size: 16px;
	color: #333;
	width: 120px;
}
.selmar2 {
	margin-right: 10px;
	font-size: 14px;
	color: #333;
	width: 100%;
	padding: 9px;
	margin-top: 5px;
	line-height: 19px;
}
.selmar3 {
	margin-right: 10px;
	font-size: 15px;
	color: #333;
	width: 200px;
	padding: 3px;
}

a.opacity-truall img {opacity: 0.2;}
a.opacity-truall:hover img {opacity: 1;}
a.opacity-sup img {opacity: 100;}
a.opacity-sup:hover img {opacity: 0.8;}
.modern-menu-widget a:hover { text-decoration: none; background: #fafafa; color: #00748b; }
.modern-menu-widget li.current-menu-item a { color: #fff; background: #00748b; }

/*----- formulario -----*/

.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button, .et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #ec5c66;
  display: none;
}