/*
Theme Name: Divi-child
Author: Paco Latorre

Template: Divi

*/

@import url("../Divi/style.css");


#top-header{background-color:#333f48}

/* Poner a pantalla completa para todas las entradas  */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}


/* Cambiar color menu hamburguesa */

 .mobile_menu_bar:before {
 color: grey !important;}
 
 /* Cambiar color menu movil si no esta personalizado en el modulo */

.et_mobile_menu ul{
	background-color: white!important;
}
.et_mobile_menu {
	background: white!important;
 }

/* quitar imagen destacada del post */
.et_post_meta_wrapper img {
	display: none !important;
}
/*
 CAMBIAR COLORES DEL MEGA MENU PRINCIPAL
*/

  /*** Degradado ***/
.et_fullwidth_nav #top-menu li.mega-menu > ul {
	background: -webkit-linear-gradient(#333f48, #c63627); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#333f48, #c63627); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#333f48, #c63627); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#333f48, #c63627); /* Standard syntax */
}

#main-header .nav li ul {
    background: -webkit-linear-gradient(#333f48, #c63627); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#333f48, #c63627); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#333f48, #c63627); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#333f48, #c63627); /* Standard syntax */
}
#main-header .nav li ul a {
    color: #b8bcc0 !important;
}

#top-menu li li a {
    padding: 5px 5px;
}

  /**** 1ª linea menu ***/
#top-menu li.mega-menu > ul > li:nth-child(1)   > a:first-child  {
	color: yellow !important;
	border-bottom: 3px solid yellow;
}
#top-menu li.mega-menu > ul > li:nth-child(2)   > a:first-child  {
	color: #1ba1e2 !important;
	border-bottom: 3px solid #1ba1e2;
}
#top-menu li.mega-menu > ul > li:nth-child(3)   > a:first-child  {
	color: #E67E22 !important;
	border-bottom: 3px solid #E67E22;
}
#top-menu li.mega-menu > ul > li:nth-child(4)   > a:first-child  {
	color: orange !important;
	border-bottom: 3px solid orange;
}
#top-menu li.mega-menu > ul > li:nth-child(5)   > a:first-child  {
	color: #7cda24 !important;
	border-bottom: 3px solid #7cda24;
}

 /*** Caja del menu
#top-menu li.mega-menu > ul > li:nth-of-type(1n) {
    BACKGROUND-COLOR: BLUE;
}
#top-menu li.mega-menu > ul > li:nth-of-type(2n) {
    BACKGROUND-COLOR: YELLOW;
}
#top-menu li.mega-menu > ul > li:nth-of-type(3n) {
    BACKGROUND-COLOR: GRAY;
}
#top-menu li.mega-menu > ul > li:nth-of-type(4n) {
    BACKGROUND-COLOR: pink;
}
#top-menu li.mega-menu > ul > li:nth-of-type(5n) {
    BACKGROUND-COLOR: RED;
}
*/

/*
 CAMBIAR COLORES DEL MEGA MENU FULLWIDTH
*/


.fullwidth-menu li li a {

    padding: 5px 5px;
}

.fullwidth-menu-nav li.mega-menu > ul > li > a:first-child {
    width: 90% !important;
}

.fullwidth-menu-nav  li.mega-menu > ul {
    left: initial !important;
	width: 40% !important;
}



  /**** 1ª linea menu ***/
.fullwidth-menu-nav li.mega-menu > ul > li:nth-child(1)   > a:first-child  {
	color: yellow !important;
	border-bottom: 3px solid yellow;
}
.fullwidth-menu-nav li.mega-menu > ul > li:nth-child(2)   > a:first-child  {
	color: #1ba1e2 !important;
	border-bottom: 3px solid #1ba1e2;
}
.fullwidth-menu-nav li.mega-menu > ul > li:nth-child(3)   > a:first-child  {
	color: #E67E22 !important;
	border-bottom: 3px solid #E67E22;
}
.fullwidth-menu-nav li.mega-menu > ul > li:nth-child(4)   > a:first-child  {
	color: orange !important;
	border-bottom: 3px solid orange;
}
.fullwidth-menu-nav li.mega-menu > ul > li:nth-child(5)   > a:first-child  {
	color: #7cda24 !important;
	border-bottom: 3px solid #7cda24;
}


.et_pb_widget_area h4, 
#sidebar h4 {
	color: #cd5c5c;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 6px solid #cd5c5c;
	margin-bottom: 14px;
	
}
.et_pb_widget_area a,
#sidebar a {
	font-weight: 500;
	
}
a.more-link{
	color: #cd5c5c;
}
.et_pb_widget_area a:hover,
#sidebar a:hover{
	opacity: 0.7;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.et-social-instagram a:before {
	content: '\e09a';
}
#top-menu li {
	/*max-width: 125px;*/
 }

/*@import url("pickform.css");*/
/*@import url("form_1/view.css");*/

/* Ocultar el mensaje "no results" en el modulo blog  */
.et_pb_blog_grid .no-results {
    display: none;
}

/*----------------- Empieza a añadir cambios aquí abajo -------------------------------*/

/*----------------- CSS PARA BUSQUEDA --------------------------*/
.search {
	padding-top: 20px;
}
.search .card-container{
  margin-right: auto;
  margin-left: auto;
  max-width: 1080px;
  height: 270px;
  display: flex;
  background-color: transparent;
}
.search .title-search {
  margin-bottom: 20px;
  color: #333f48;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.search .left {
  width: 40%;

  float: left;
}  
.search img{
  height: 100%;
}

.search .card-container {
  text-decoration: none;
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1),margin 0.15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all .2s ease-in-out;
}

.search .card-container:hover {
  box-shadow: 0 49.5px 70px -24.5px rgba(0,0,0,0.3);
  transform: scale(1.03);
}

.search .right {
  width: 60%;
  background-color: #222;
  padding: 0px 20px;
  color: white;
  background-image: url();
  background-size: 530px 282px;
  float: right;
}
.search .title  {
	color: white;
}
.search .post-meta, .post-meta a, comments-number {
    color: #10C1E1 !important;
}


.search .date {
  text-transform: uppercase;
  font-size: 12px;
}

/* ------------------ para shortcode custom*/
img.sortcode-custom{width:354px; height:251px}


/* event organiser*/
.title-event {
	padding: 30px;
	color:white;
    background-size: initial;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(http://www.elda.es/wp-content/uploads/2017/06/brushed_alu_dark.png);
    background-color: rgba(51,63,72,0.9);
    width: 100%!important;}
.title-event .entry-title{
	color:white;
    font-weight: 700;}


.eo-event-future{ background: #ececec}
.eo-events-widget{ font-size: 14px }
.eo-events-widget li{ overflow:hidden;}
.eo-events .eo-date-container{ background: #1e8cbe;color:red;float:left;text-align: center;width: 35px;line-height: 1.3; }
.eo-events .eo-date-month{ margin: 0px;display: block;font-size: 14px;font-variant: small-caps;color: white;letter-spacing: 3.2px;text-align: center;}
.eo-events .eo-date-day{ display: block;margin: 0px;border: none;font-size: 20px; }

.eo-events .eo-title-container a{ display: block;font-size: 14px;color: white !important;font-weight: 500;padding: 0 0px 0 38px}

.eo-events .eo-title-image{width:100px; height:100px;float:left;}



.eo-events .eo-date-day{ background: #78c8e6}
.fc-header h2 { font-size: 21px; line-height: 30px; }
.eo-fullcalendar{ margin: 20px 0px }
.eo-fullcalendar .fc-content table{ border-top: 1px solid #dfdfdf }
ul.eo-event-meta{ list-style:none}



.eo-eb-filter{ background:#ececec ; display:inline-block; margin:5px; padding:3px; }
.eo-eb-filter.eo-eb-filter-on{ background:#d0d0d0; }
.eo-event-board-reversed .eo-eb-filter{ opacity:1; }
.eo-event-board-reversed .eo-eb-filter.eo-eb-filter-on{ opacity:0.5; }
.eo-event-board-items { margin: auto; }
.eo-event-board-items .eo-eb-event-box{z-index: 2;}
.eo-event-board-items .eo-eb-event-box-hidden{pointer-events: none;z-index: 1;}
.eo-event-board-items .eo-eb-event-meta-container h1{ display: inline; }
.eo-event-board-items .eo-eb-event-meta-container{ margin-bottom: 10px; }
.eo-event-board-items .eo-eb-date-container{ float:right;text-align: center;width: 50px;line-height: 1.3; }
.eo-event-board-items .eo-eb-date-container span{ float:right;text-align: center;width: 50px;line-height: 1.3; }
.eo-event-board-items .eo-eb-date-month{ margin: 0px;display: block;font-size: 14px;font-variant: small-caps;color: white;letter-spacing: 3.2px;text-align: center;}
.eo-event-board-items .eo-eb-date-day{ display: block;margin: 0px;border: none;font-size: 32px; }
.eo-event-board-items .eo-eb-event-box{ width: 220px; padding: 10px; background:#ececec; margin: 15px;opacity:0.91;}
.eo-event-board-items .eo-eb-event-box:hover{ opacity:1;}
.eo-event-board-items .eo-eb-event-meta{ display:block;margin:0px; font-size:12px; }
.eo-event-board-items .eo-eb-event-title a{ text-decoration:none; font-size: 23px;line-height: 30px; font-weight:bold; }
.eo-event-board-more{ cursor:pointer; text-align: center; font-weight:bold; background: #ececec; width: 60%; margin:auto; padding:5px; opacity:0.91; }
.eo-event-board-more:hover{ opacity:1; }
.eo-event-board-items img{ margin: 5px auto; }

@media only screen and (max-width: 980px) {
#logo {
min-height: 100px;
}
}
@media only screen and (min-width: 981px) {
#logo {
min-height: 120px;
}
}

/**  material de diseño */

.material .et_pb_image {
overflow: hidden;
}
.material .et_pb_column img{
vertical-align:top;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.material .et_pb_column:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
 
.material .et_pb_button_module_wrapper {
margin-top: -26px;
margin-bottom: 10px !important;
}
.material .et_pb_button {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
 
}
.material .et_pb_button:hover {
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
margin-top: -5px;
margin-bottom: 5px !important;
 
}
  
.material .et_pb_button:hover:after {
line-height: 1.7em;  
-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
   
/*.material.et_pb_row {padding: 0px 0px;}*/
  
 
.material .et_pb_column {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
 
}
 
.material .et_pb_column:hover {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.23), 0 6px 20px rgba(0, 0, 0, 0.16);
 
}



/*********************************************************************
********************** FLIP CARD HORIZONTAL **********************
*********************************************************************/

.flip_panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    display: block;
    transform-style: preserve-3d;
}

.flip_panel .front, .flip_panel .back {
    text-align: center;
}

.flip_panel .front {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .55s ease-in-out;
    -moz-transition: all .55s ease-in-out;
    -ms-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.flip_panel.flip .front {
    z-index: 99;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip_panel.flip .back {
    z-index: 100;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

/*** Flip Card Front box ****/
.flip_box_front {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 25px 15px;
    border: 2px solid #ddd;
}

/*** Flip Card Back box ****/
.flip_box_back {
    background-color: #fafafa;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    padding: 35px 15px 20px 15px;
    border: 2px solid #ddd;
}

/*** Button Learn More ****/
.flip_button {
    display: inline-block;
    margin: 8% auto 0;
    padding: .5em 1.2em;
    cursor: pointer;
    font-size: 16px;
    background: #598edb;
}

/*** Button Learn More color Text ****/
.flip_button a {
    color: #fff ;
}

/*** Title Flip Card ****/
.flip_title {
    margin: 0 auto;
    text-align: center;
    line-height: 1em;
    font-size: 1.15em ;
    display: block;
    font-weight: bold;
}

/*** Icon Flip Card ****/
.flip_icon {
    display: inline-block;
    font-size: 3em;
    margin: 0 auto 7% auto;
    border: 3px solid #ddd;
    text-align: center;
    padding: 26px;
    border-radius: 50%;
}

.text_flip_card {
    padding: 0 7%;
}



@media (min-width: 900px){
.drawing {
    background-size: 45%;
    background-position: center right;
}}
@media (min-width: 650px){
.drawing {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    min-height: auto;
    height: auto;
    background-size: 400px;
    background-position: center right;
    background-attachment: fixed;
}}

.drawing {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 250px;
    height: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*** Cambiar el icono de g+ por instagram ****/
.et_pb_team_member .et_pb_font_icon.et_pb_google_icon:before {
content: "\e09a";
}

/********* Cambiar aspecto menu san silvestre  ***/
ul#menu-san-silvestre {
	padding: 5px 0 5px 0 !important;
}

//********* Ver minitura pagina webkit-align-items***/

.mini-preview-anchor{display:inline-block;position:relative;white-space:nowrap}
.mini-preview-wrapper{-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;overflow:hidden;z-index:-1;opacity:0;margin-top:-4px;border:solid 1px #000;box-shadow:4px 4px 6px rgba(0,0,0,.3);transition:z-index steps(1) .3s,opacity .3s,margin-top .3s}
.mini-preview-anchor:hover .mini-preview-wrapper{z-index:2;opacity:1;margin-top:6px;transition:opacity .3s,margin-top .3s}
.mini-preview-loading,.mini-preview-cover{position:absolute;top:0;bottom:0;right:0;left:0}
.mini-preview-loading{display:table;height:100%;width:100%;font-size:1.25rem;text-align:center;color:#f5ead4;background-color:#59513f}
.mini-preview-loading::before{content:'Cargando...';display:table-cell;text-align:center;vertical-align:middle}
.mini-preview-cover{background-color:rgba(0,0,0,0)}
.mini-preview-frame{border:none;-webkit-transform-origin:0 0;transform-origin:0 0} 

