/*
Theme Name: 	OneLife Child
Theme URI: 		http://www.wedesignthemes.com/themes/onelife/
Template: 		onelife
Version: 3.3
Author:			designthemes
Author URI: 	http://themeforest.net/user/designthemes/
Description: 	Child Theme for OneLife WordPress Theme.
*/
@import url("../onelife/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.two-color-header .main-header-wrapper:before{
    width:50%;
}

.two-color-header .main-header-wrapper:after{
    width:68%; 
    background:#ffffff !important;
}
.dt-sc-small-separator,
.dt-sc-doctors-single-meta li span:before,
.secondary-sidebar .type4 .widgettitle:before {
  background: #b5b5b5 !important;
}

.two-color-header .menu-active-highlight-grey #main-menu ul.menu > li {
  padding: 10px 13px;
}
.sticky-header.page-with-slider .is-sticky .menu-active-highlight-grey #main-menu ul.menu > li{
    padding: 0 13px;
}

.footer-widgets:before{
    background: none;
}
.footer-widgets:after{
    background: none;
}

#fila_faq:before{
    background: url(images/home-faq-bg.png);
    
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 359px;
    height: 652px;
}

.vc_row-has-fill > .fullwidth-faq.vc_column_container:before{
    background:none;
}
.parallax-quote-content:before{
    background-image: none;
}
.dt-sc-icon-box.type10 .icon-content:before,
.dt-sc-popular-procedures .details:before {
  background-image: url(images/service-section-bg.png);
}

.parallax-quote-content {
    width: 47%;
    position: relative;
    float: left;
    margin-bottom: -591px;
}

.parallax-quote-content img, .parallax-quote-content img:last-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dt-sc-icon-box.type6 .icon-content:before{
    background-image: url(images/procedure-box-hover.png);
}

#toTop{
        background: url(images/totop.png) no-repeat;
}

.wpml-ls-legacy-list-horizontal {
    border: 0px solid transparent;
    padding: 0px;
    clear: both;
}
.wpml-ls-legacy-list-horizontal{
    text-align:right;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a,
.wpml-ls-statics-shortcode_actions a {
    color: #444444;
    background-color: transparent;
}

.dt-sc-fitness-procedure .dt-sc-popular-procedures .details{
  min-height:172px;
}
.dt-sc-popular-procedures{
  padding:0px 20px;
  float: none;
}
  .dt-sc-popular-procedures .details > a {
    float: none;
  }
  .dt-sc-popular-procedures .details h3{
    margin-bottom:0px;
  }

.contact-form .vc_column-inner{
  height:400px;
}
.contact-form .dt-sc-contact-info {
  font-size: 20px;
}

  .contact-form .dt-sc-contact-info span {
    float: none;
    display: inline-block;
    position: relative;
    transform: none;
    left: 0;
    padding-right: 20px;
  }
form.wpcf7-form input, form.wpcf7-form select {
  text-transform: none;
  border: 1px solid rgba(0,0,0,0.15);
}
form.wpcf7-form {
  text-transform: none;
}

.ult_design_2.tabla .ult_pricing_table .ult_price_link .ult_price_action_button, 
.ult_design_2.tabla .ult_pricing_table .ult_pricing_heading{
  display:none;
}
.tabla td, .tabla tbody th{
  text-align:left;
}

.appointment-form span.wpcf7-form-control-wrap{
  margin-bottom:0;
}

.widget ul li:before, .woocommerce .widget_shopping_cart .cart_list li.empty:before, .dt-sc-doctors-single-meta ul li:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
}
.widget.widget_nav_menu ul.menu li.current-menu-item a {
  color: #e7c082;
  font-weight:600;
}

.footer-copyright{
  line-height:20px;
}
.footer-copyright #menu-footer-menu.menu-links li {
  margin: 0;
}
  .footer-copyright #menu-footer-menu.menu-links li:nth-child(n+2) a:before{
    display:none;
  }

.dt-sc-fitness-procedure-sorting a{
  font-size:18px;
  text-transform: none;
}

.dt-sc-icon-box.type10, .dt-sc-popular-procedures,
.dt-sc-icon-box.type6, .bottom .dt-sc-icon-box.type6,
.blog-entry {
  border-color: #b5b5b5 !important;
}

.wpml-ls-legacy-list-horizontal a span {
  vertical-align: top;
  margin-left: 8px;
}

.dt-sc-icon-box.type6:hover
 {
  background: #000000 !important;
}

.breadcrumb, .breadcrumb a, .main-title-section h1, .breadcrumb span.current {
  color: #ffffff !important;
}
  .breadcrumb .fa.default {
    background: #ffffff !important;
  }


.dt-sc-background-one,
.dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current {
  background: #f5f5f5 !important;
}
  .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current{
    color:#000000 !important;
  }

  .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current {
    border-bottom: 3px solid #b5b5b5 !important;
  }

.select2-container .select2-choice, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .widget.woocommerce ul.product_list_widget li, .widget.woocommerce ul.product-categories li:last-child, .dt-sc-fitness-procedure-sorting, .dt-sc-contact-one .wpb_wrapper {
  border-bottom: 1px solid #b5b5b5 !important;
}
  .dt-sc-fitness-procedure-sorting a, .rtl .widget_calendar .calendar_wrap {
    border-left: 1px solid #b5b5b5 !important;
  }
    .dt-sc-fitness-procedure-sorting a:last-child, .rtl .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame li > a, .rtl .dt-sc-icon-box.type6.first, .rtl .dt-sc-fitness-procedure-sorting a:first-child, .rtl.boxed-header .dt-sc-icon-box.type6 {
      border-right: 1px solid #b5b5b5 !important;
    }
.main-title-section-wrapper{
  background:#000000 !important;
}

.white-text.appointment-form label{
  color:#ffffff ;
}

.blog-entry .entry-title h4 a {
  color: #000000 !important;
}

.footer-copyright a:hover, #footer .footer-copyright a:hover, #footer .footer-copyright ul li a:hover{
 color:#f5f5f5 !important;
}
#toTop, .dt-sc-fitness-procedure-sorting a:first-child {
  display: none;
}

.widget.widget_nav_menu ul.menu li.negrita > a {
  font-weight: 600 !important;
  color:#000000 !important;
}
.main-title-section h1{
  font-family: 'Ubuntu' !important;
  font-weight: 300 !important;
  font-size:34px;
}

.mb-0{
  margin-bottom:0;
}

.type3.cv .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a {
  background: #f5f5f5;
  color: #000000 !important;
}
.type3.cv .dt-sc-toggle-frame h5.dt-sc-toggle-accordion,
.type3.cv .dt-sc-toggle-frame .dt-sc-toggle-content,
.dt-sc-toggle-frame-set.type3.cv .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion {
  border-color: #b5b5b5;
}
.type3.cv h5.dt-sc-toggle-accordion a {
  color: #4d4d4d !important;
}

#cookie-law-info-bar{
  z-index: 10000;
}


form.wpcf7-form textarea {
  height: 120px;
  min-height: 130px;
  width: 100%;
  line-height: normal;
  border: 1px solid #e7c082;
}

form.wpcf7-form input, form.wpcf7-form select {
  text-transform: none;
  border: 1px solid #e7c082;	
}

.cf7Border {
	border: 1px solid #e7c082;	
	
}

.cf7Border .icono{
	width: 64px;
  float: left;
  padding: 5px;	
}

.cf7Border input[type="file"]{
	width: 90%;
	background-color: #f9f0e3 ;
	/* width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;*/
}

label[for="inputimagen*"] {
 background-color: #f9f0e3;
  cursor: pointer;
 }


elemento {
}
form.wpcf7-form input.wpcf7-submit[type="submit"]{
width: 100%;
  padding: 20px 0;
  text-transform: capitalize;
  border-radius: 0;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  margin: 0;
  border: none;
  height: 60px;
	font-weight: bold;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 10px 15px;
	border: 1px solid #e7c082;}

/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
/*	max-width:600px /*-- change this to get your desired form width --*/
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-halfhalf, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.top-bar {
  background: #eeeeee;
    background-color: rgb(238, 238, 238);
  height: 34px;
  line-height: inherit;
}

.tmcp-textfield, .tmcp-select{
  text-transform: none !important;
  border: 1px solid #e7c082 !important;
}

.tc-max-file-size{display:none;}
.woocommerce-Tabs-panel--description h2{display:none;}



.tc-check-consiento-div .tc-element-container{
  width: 16px !important;
  flex: 0 0 0 !important;
}
.tc-check-consiento-div .tm-element-description{
  flex: 1 0 0;
}

.tc-check-consiento-div .tm-error{
  flex: 1 0 0;
}


.tc-file-fotos-div{
 /* background-color: rebeccapurple !important;*/
  border: 1px solid #e7c082 !important;
}

.tc-file-fotos-div .tc-row{
  margin:25px;
  display: flex;
  align-items: flex-start;
}


.tc-file-fotos-div .tm-element-description{
  float: left;
  display: contents;
}


.tc-file-fotos-div .tm-epo-element-label{
  flex: 1; 
  order: 1; /* Colocar el label primero en la columna derecha */
  /*max-width: 158px;*/
}

.tc-file-fotos-div .tc-element-container{
  background-color: #f9f0e3;
  border: 1px solid #e7c082 !important;
  position: absolute;
  top: 58px;
  left: 116px;
  width: -moz-available; /* Firefox */
  width: -webkit-fill-available; /* Chrome, Safari */
  width: fill-available; 
  
}

.posted_in{
  display: none;
}
.uacf7-border{ 
  border: 1px solid #e7c082 !important;
  margin: 10px;
}

.uacf7-border .wpcf7-list-item {
  display: inline-block;
  margin: 0 2%;
}

/*input[type="radio"][name="cbCirugiaInteres"][value="Cirugía de mama"]
{
  height: 50px;
  width: 50px;
  display: block; 


}*/
span[data-name="cbCirugiaInteres"] .wpcf7-list-item
{
  border: 1px solid #e7c082 !important;
  padding: 15px;
  margin: 5px;
}
/* Selecciona específicamente el label de la opción "Cirugía de mama" */
input[type="radio"][name="cbCirugiaInteres"][value="Cirugía de mama"] + .wpcf7-list-item-label:before {
  content: '';
  background-image: url('https://www.cirugiaplasticaospina.com/wp-content/uploads/2024/04/MOblicua_izquierda.png');
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin: 0px 10px;
  vertical-align: middle;
  border: 1px solid #e7c082 !important;
}

input[type="radio"][name="cbCirugiaInteres"][value="Cirugía de contorno corporal"] + .wpcf7-list-item-label:before {
  content: '';
  background-image: url('https://www.cirugiaplasticaospina.com/wp-content/uploads/2024/04/CCOblicua_izquierda.png');
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin: 0px 10px;
  vertical-align: middle;
  border: 1px solid #e7c082 !important;
}

input[type="radio"][name="cbCirugiaInteres"][value="Cirugía facial"] + .wpcf7-list-item-label:before {
  content: '';
  background-image: url('https://www.cirugiaplasticaospina.com/wp-content/uploads/2024/04/FOblicua_derecha.png');
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin: 0px 10px;
  vertical-align: middle;
  border: 1px solid #e7c082 !important;
}
input[type="radio"][name="cbCirugiaInteres"][value="Cirugía íntima"] + .wpcf7-list-item-label:before {
  content: '';
  background-image: url('https://www.cirugiaplasticaospina.com/wp-content/uploads/2024/08/FrontalIntimo.png');
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin: 0px 10px;
  vertical-align: middle;
  border: 1px solid #e7c082 !important;
}

/*.payment_box .payment_method_redsys_insite{
  background-color: white !important;
}*/

.payment_box {
  background-color: white !important;
  border: solid 1px #e7c082;
  color: black !important;
}

.woocommerce-form-login-toggle{
  display: none !important;
  background-color: red;
}




/*input[type="radio"][name="cbCirugiaInteres"][value="Cirugía de mama"]:after
{
  background-image: url('https://www.cirugiaplasticaospina.com/wp-content/uploads/2024/04/MFoto_frontal.png');
  content: '';
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  margin-left: 35px;
}*/


/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
	.column-halfhalf{
		width: 33%;
	}
}