/*
 Theme Name:     classic-child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Tema hijo para https://xn--bandasdeespaa-tkb.com/
 Author:         Classicvet
 Author URI:     https://classicvet.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.caf-post-layout3 .caf-featured-img-box {
  height: 250px;
  }

  .author.caf-pl-0, .date.caf-pl-0{
  display:none;
  }

 .caf-post-title h2{
     line-height: 16px!important;

 }

.caf-post-layout3 #manage-post-area {
  background-image: linear-gradient(to right,#000000cf ,#000000cf);
}

.caf-filter-layout1 a {
	padding: 7px 10;
	margin: 0px 2px;
}

.caf-mb-4 {
  margin-bottom: 14px !important;
}




#main-content .container:before {background: none;}
.et_pb_contact_field_4_tb_footer.et_pb_contact_field .input, .et_pb_contact_field_4_tb_footer.et_pb_contact_field .input[type="checkbox"] + label i, .et_pb_contact_field_4_tb_footer.et_pb_contact_field .input[type="radio"] + label i {
  background-color: #5a77b4!important;
}


#formulario .wpcf7 input::placeholder,
#formulario .wpcf7 textarea::placeholder{
  color: #ffffff;
  opacity: 1!important;
  font-size:12px!important;
}
#formulario .wpcf7 textarea{
      border: 0px solid;
  background-color: #8f8a7f;
  width: 100%;
  max-height: 140px;
      padding-left: 12px;
      padding-top: 15px;
      font-size: 13px;
    color:#ffffff;
}

#formulario .wpcf7 input.prim{
    border: 0px solid;
  background-color: #8f8a7f;
  height: 60px;
      margin-bottom: 0.9em;
      padding-left: 12px;
      font-size: 13px;
    margin-right: 4.9%;
    width: 47.5%;
    color:#ffffff;
}
#formulario .wpcf7 input.seg{
    border: 0px solid;
  background-color: #8f8a7f;
  height: 60px;
      margin-bottom: 0.9em;
      padding-left: 12px;
      font-size: 13px;
    width: 47.5%;
    color:#ffffff;
}
#formulario .wpcf7 input.full{
    border: 0px solid;
  background-color: #8f8a7f;
  height: 30px;
      margin-bottom: 0.9em;
      padding-left: 12px;
      font-size: 13px;
    width: 100%;
    color:#ffffff;
}
#formulario .wpcf7 input[type="submit"]{
    background-color: #8f8a7f;
    color: #ffffff;
    float: right;
    border: inherit;
    padding: 12px;
       font-size: 13px;
}
#formulario .wpcf7 input[type="submit"]:hover {
    opacity: 0.85;
}
#formulario .wpcf7 .acceptance-672 input[type="checkbox"]{
  height: auto;
}
#formulario .wpcf7 .acceptance-672 .wpcf7-list-item{
  margin:0px;
}
#formulario .wpcf7 label{
    color: #666666;
    font-size: 16px;
  font-weight: 400;
  padding-left: 5px;
}
#formulario .wpcf7 label a{
  color: #666666;
  text-decoration: underline;
}

/**/
#main-content .container:before {background: none;}
.et_pb_contact_field_4_tb_footer.et_pb_contact_field .input, .et_pb_contact_field_4_tb_footer.et_pb_contact_field .input[type="checkbox"] + label i, .et_pb_contact_field_4_tb_footer.et_pb_contact_field .input[type="radio"] + label i {
  background-color: #5a77b4!important;
}


/*menú móvil*/
/*Cambiar el icono del menú hamburguesa cuando esté abierto*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: 'c';
}


/*Ajustar los elementos del nuevo toggle si se añaden vía jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*Código para tener todo configurado de forma correcta*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*eliminar el color de fondo predeterminado de los elementos del menú que tienen hijos
*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}


/*ocultar el submenu por defecto*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*mostrar submenú cuando el toggled esté abierto*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*ajustar la posición y la transparencia del icono toggle*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*icono del submenú cuando esté cerrado*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: 'c';
    border-radius: 50%;
    padding: 3px;
    font-size: 23px;
}


/*icono del submenú cuando está abierto*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: 'd';
}


/*agregar un punto en la parte superior del menú desplegable del submenú<br />*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}


/*ajustar la posición del menú de hamburguesas<br />*/

.mobile_menu_bar {
    position: relative;
    display: block;
    bottom: 10px;
    line-height: 0;
}


/*forzar el color de fondo y agregar un borde redondeado<br />*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #fabada!important;
    border-radius: 10px;
}

.et_mobile_menu {
     overflow: scroll !important;
     max-height: 84vh; 
     box-shadow: 0px 0px 30px rgba(0,0,0,0.3) 
     background-color:#8f8a7f!important;
}