/*
Theme Name: abralia
Theme URI: abraila.eu
Author: Vidal 
Author URI:
Template:     Divi
Description: abralia child theme based on Divi
*/

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

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


/* GENERIC todos tamanios */






.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea {
  background-color: #fff !important;
  border: solid 1px #bbbbbb !important;
  width: 100% !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  font-size: 14px;
  color: #333 !important;
  padding: 10px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*.wpcf7-textarea, .wpcf7-captchar {
	width: 100% !important;
}
*/

.wpcf7-submit {
  background: #02469a none repeat scroll 0 0;
  border: none;
  color: #f2f2f2 !important;
  margin: 20px auto 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 50px;
  line-height: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /*	float: right;*/
  /*text-align: center;*/

}

.wpcf7-submit:hover {
  background-color: #0ec5cc;
  /*	border-color:#f3f3f3;*/
}


.wpcf7-submit.contacto_cf7 {
  width: 100%;
  margin: 1px auto 0;
}

.wpcf7-red-asterisc {
  font-weight: bold;
  color: #02469a;
}


/******/
/* SPECIFIC DESKTOP */
@media (min-width: 981px) {

  .nav li.first-level ul {
    width: 300px;
  }

  #top-menu li.first-level li a {
    padding: 6px 20px;
    width: 260px;
  }

  #top-menu li.first-level li.et-hover a {
    background-color: #02469a5a;
  }


  .et-fixed-header #et-top-navigation #top-menu li.nav-contacto a,
  #et-top-navigation #top-menu li.nav-contacto a {
    padding: 10px;
    margin-top: -10px;
    border-radius: 20px;
    background-color: #02469a;
    color: #ffffff !important;
  }



  /* Default for larger screens */
  .fila-servicios-2 {
    display: flex;
    flex-direction: row;
  }


  /* .solo_movil {
    display: none !important;
  } */

}



/* FIN DESKTOP */


/******/
/* MOBILE & TABLET */
@media (max-width: 980px) {



  /* color background menu movil */
  #main-header,
  #main-header .nav li ul,
  .et-search-form,
  #main-header .et_mobile_menu {
    background-color: #fcfcfc !important;
  }

  .et_mobile_menu .menu-item-has-children>a {
    font-weight: 900;
    background-color: #40c1d833
  }

  .et_mobile_menu li a:hover,
  .nav ul li a:hover {
    background-color: #40c1d8;
    opacity: 1;
  }

  /* tamanio icono hambuerguesa y x */
  .mobile_menu_bar:before {
    font-size: 34px;
  }

  /* icono x para cerrar */
  .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    transition: .4s all;
  }


  /* menu item sin opacity */
  /* .et_mobile_menu li a:hover,
  .nav ul li a:hover {
    opacity: 1;
  } */


  /* icono abrir cerrar */
  .et_mobile_menu .first-level {
    position: relative;
  }


  .et_mobile_menu .first-level>a:after {
    font-family: "ETmodules";
    content: "3";
    font-weight: 600;
    position: absolute;
    color: #02469a;
    font-size: 18px;
    top: 13px;
    right: 10px;
  }

  .et_mobile_menu .first-level>.icon-switch:after {
    content: "2";
    color: #0998d1;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }

  /* menu expansible */
  .et_mobile_menu .second-level,
  .et_mobile_menu .last-level {
    display: none;
  }

  .et_mobile_menu>li.wpml-ls-item>ul>li {
    display: none;
  }

  .et_mobile_menu li.reveal-items {
    display: block;
    -webkit-animation: Grow 1s ease-in-out;
    animation: Grow 1s ease-in-out;
  }

  .et_mobile_menu>li.wpml-ls-item>ul>li.reveal-items {
    display: block;
    -webkit-animation: Grow 1s ease-in-out;
    animation: Grow 1s ease-in-out;
  }

  /* fin css de menu expansible */

}


@media (max-width: 768px) {

  /* Adjust breakpoint as needed */
  .fila-servicios-2 {
    flex-direction: column-reverse;
    /* Reverse order on mobile */
  }

  #fila-2-col-2 {
    margin-bottom: 30px;
  }
}

/* FIN MOBILE */
/* FIN MOBILE & TABLET */