/*
 Theme Name:     Tema Hijas de Carmen Esteve
 Theme URI:      http://www.elportalmultimedia.com
 Description:    Tema para Hijas de Carmen Esteve
 Author:         El Portal Multimedia
 Author URI:     http://www.elportalmultimedia.com
 Template:       Divi
 Version:        2.0.1
*/

@import url("../Divi/style.css");
/* =Aquí empieza la customización del tema
------------------------------------------------------- */

/* Estilos de los iconos sociales en el Header */

/* Hover Colors*/

#top-header .et-social-facebook a:hover {
  color: #3b5998 !important;
}
#top-header .et-social-twitter a:hover {
  color: #00aced !important;
}
#top-header .et-social-google-plus a:hover {
  color: #dd4b39 !important;
}
#top-header .et-social-youtube a:hover {
  color: #bb0000 !important;
}
#top-header .et-social-instagram a:hover {
  color: #497294 !important;
}
/* Estilos de los iconos sociales en el Footer */

/* Hover Colors*/

#footer-bottom .et-social-facebook a:hover {
  color: #3b5998 !important;
}
#footer-bottom .et-social-twitter a:hover {
  color: #00aced !important;
}
#footer-bottom .et-social-google-plus a:hover {
  color: #dd4b39 !important;
}
#footer-bottom .et-social-youtube a:hover {
  color: #bb0000 !important;
}
#footer-bottom .et-social-instagram a:hover {
  color: #497294 !important;
}


/*------------------------------------------------*/

/*-----------[Rounded Split - Quiroz.co]----------*/

/*------------------------------------------------*/

/* Rounded center split and bottom rounded */

.roundedsplit::before,
.roundedsplit::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
.roundedsplit {
  border-radius: 0 0 80px 80px;
}
.roundedsplit::before,
.roundedsplit::after {
  top: -70px;
  left: 0;
  z-index: 10;
  width: 50%;
  height: 75px;
  background: inherit;
}
.roundedsplit::before {
  border-radius: 0 80px 0 0;
}
.roundedsplit::after {
  left: 50%;
  border-radius: 80px 0 0 0;
}


/*------------------------------------------------*/

/*------[Shadow Diagonal Lines - Quiroz.co]-------*/

/*------------------------------------------------*/

#et-main-area {
  overflow: hidden;
}
/* Hides all the items that float over the right margin */

.diagonal-shadow::before,
.diagonal-shadow::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
.diagonal-shadow {
  z-index: 1;
  padding-top: 6em;
  background: #ffffff;
}
.diagonal-shadow::before,
.diagonal-shadow::after {
  top: 0;
  left: -25%;
  z-index: -1;
  width: 150%;
  height: 75%;
  background: inherit;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.diagonal-shadow::before {
  height: 50%;
  background: #b59b6a;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: 3% 0;
  transform-origin: 3% 0;
}


/*---------------------------------------------------*/

/*------[Little Invisible Triangle - Quiroz.co]------*/

/*---------------------------------------------------*/

#et-main-area {
  overflow: hidden;
}
/* Hides all the items that float over the right margin */

.big-triangle:after,
.big-triangle:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 50%;
  z-index: 100;
  border-bottom: 50px solid white;
  -moz-transform: rotate(0.000001deg);
  -webkit-transform: rotate(0.000001deg);
  -o-transform: rotate(0.000001deg);
  -ms-transform: rotate(0.000001deg);
  transform: rotate(0.000001deg);
}
.big-triangle:before {
  right: 50%;
  border-right: 75px solid transparent;
  border-left: 1000px solid;
}
.big-triangle:after {
  left: 50%;
  border-left: 75px solid transparent;
  border-right: 1000px solid;
}


/*------[Cambiar el color del enlace activo en el menú principal antes de hacer scroll - Header]------*/

#top-menu li.current-menu-ancestor > a,
#main-header #top-menu li.current-menu-item > a {
  color: #b59b6a !important;
}


/*------[Ocultar linea borde bajo menú principal - Header]------*/

#main-header {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


/*------[Alinear a la izquierda el texto de la descripcion en las Galerias]------*/

p.et_pb_gallery_caption {
  text-align: left;
}


/*quitar puntos y padding en menú footer*/

#footer-widgets .footer-widget li:before {
  display: none!important;
}
#footer-widgets .footer-widget li {
  padding: 0 0 10px 0px;
}


/*------[ancho widgets 100%]------*/

.et_pb_column .et_pb_code .et_pb_widget {
  width: 100% !important;
}


/*------solucionar problema logo y menú a 1024px ------*/

@media screen and (min-width: 981px) and (max-width: 1130px) {
  .et_header_style_left .logo_container {
    width: 30%;
  }
  .et_header_style_left #et-top-navigation,
  .et_header_style_split #et-top-navigation {
    max-width: 70% !important;
    padding-left: 25px !important;
  }
  #top-menu li a {
    font-size: 14px !important;
  }
  .et_header_style_left #et-top-navigation nav > ul > li > a,
  .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 25px !important;
  }
}


/*------[estilos abierto hoy - barra superior]------*/

.abierto-hoy {
  width: 33.3%;
  text-align: center;
  float: right;
  margin-top: -3px;
}


/***Estilo a 2 columnas***/

/** En la fila donde queramos blog a 2 columnas poner "ds-blog-square-two" en avanzado/column ccs class **/

/** En el modulo blog donde queramos 2 columnas poner "ds-blog-square ds-blog-square-two" en avanzado/ccs class   **/

@media only screen and (min-width: 981px) {
  /*Two columns*/

  .ds-blog-two-column.et_pb_column_4_4 .et_pb_blog_grid[data-columns]::before {
    content: '2 .column.size-1of2' !important;
  }
  .ds-blog-square-two.et_pb_blog_grid .column {
    width: 40% !important;
    margin-right: 15%;
	margin-left: 5%;
  }

  /*Esto elimina el margen derecho del última publicación en cada fila*/

  .ds-blog-square-two.et_pb_blog_grid .column:nth-child(even) {
    margin-right: 0 !important;
  }

  /*Establece el espacio entre las filas de publicaciones*/

  .ds-blog-two-column .et_pb_post {
   margin-bottom: 20%;
  }
}



/***Estilos para poner 5,6,7,8,9 o 10 columnas***/

/** En la fila donde queramos diferentes columnas poner ".x-columns" en avanzado ccs class **/

.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}



@media (max-width: 980px){
.ten-columns .et_pb_module {width: 20%;}
.nine-columns .et_pb_module {width: 33.3%;}
.eight-columns .et_pb_module {width: 25%;}
.seven-columns .et_pb_module {width: 25%;}
.six-columns .et_pb_module {width: 33.3%;}
.five-columns .et_pb_module {width: 33.3%;}
}

@media all and (max-width: 767px) {
.ten-columns .et_pb_module {width: 100%;}
.nine-columns .et_pb_module {width: 100%;}
.eight-columns .et_pb_module {width: 100%;}
.seven-columns .et_pb_module {width: 100%;}
.six-columns .et_pb_module {width: 100%;}
.five-columns .et_pb_module {width: 100%;}
}


/*------[Ocultar título del checkbox de la protección de datos]------*/
.et_pb_contact_field_options_title {
	display: none !important;
}