/*** TIPOGRAFIA Y COLORES ***/
:root { --azul: #002bff; }

.et_pb_text_inner h2 { font-size: 48px; margin-bottom: 18px; text-transform: uppercase;  }
.et_pb_text_inner h3 { font-size: 28px;  line-height: 1.5; margin-bottom: 12px;  }
.titulo-azul .et_pb_text_inner h2 { font-size: 42px; margin-top: 36px;  padding-bottom: 0; margin-bottom: 0; font-family: 'Rufina',Georgia,"Times New Roman",serif; }


.home #et-main-area h2 {  font-size: 62px; text-transform: uppercase; }
#et-main-area h3, #et-main-area h4, #et-main-area h5, #et-main-area h6  {  font-family: 'Rufina',Georgia,"Times New Roman",serif; line-height: 1.35; }

p:not(.has-background):last-of-type { padding-bottom: 1rem; }
.botones {
	display:inline-block; 
	padding: 12px 24px;
	background-color:  var(--azul);
	color: #fff;
	line-height: 1;
	border-radius: 4px; 
	-webkit-box-shadow: 2px 2px 5px 0px rgba(11,15,66,0.6);
	-moz-box-shadow: 2px 2px 5px 0px rgba(11,15,66,0.6);
	box-shadow: 2px 2px 5px 0px rgba(11,15,66,0.6);
	min-width: 125px;
  text-align: center;
}
.botones:hover {
	box-shadow: none;
	opacity:0.85;
}

.boton { display: inline-block; background-color: var(--azul); color: #F0F0F0; line-height: 1; padding: 14px 20px 8px; border-radius:5px;  text-transform: uppercase; margin-top: 8px; }
.boton:hover {  opacity:0.85; }

/*** HEADER ***/
#main-header .nav li ul {  border-top: 1px solid #dedede; }
.et_pb_fullwidth_post_title_0, .et_pb_fullwidth_post_title_0_tb_body { 
	background-image: url(https://ekpf.eu/wp-content/uploads/2022/08/fondo-titulo.jpg);  		
	background-position: top center; background-attachment: fixed; 
	/* background-image: url(https://ekpf.eu/wp-content/uploads/2022/08/background-default.jpg); */
}

#top-menu li li a {	text-transform: lowercase; }
#top-menu li li a:first-letter {	text-transform: uppercase; }
#top-menu li li.menu-item-986 a  {	text-transform: uppercase;  }

#top-menu .movil { display: none; }

.menu-home a {
    font-family: 'ETmodules';
    font-size: 18px !important;
    color: #001727  !important;
}
 
.menu-home a:hover {
    color: var(--azul)!important;
}

#top-menu .menu-home { display: none; }

/*** HOME ***/
/*
.puntos { background-image: url('https://ekpf.eu/wp-content/uploads/2022/09/puntos.png'); background-repeat: no-repeat; 
background-position:top 35px left 35px; background-size: 82px;  }  
@media screen and (max-width: 1340px) {
	#destacados { background-size: 50%;  }
}
*/
@media screen and (min-width: 1340px) {
	#destacados { background-image: url('https://ekpf.eu/wp-content/uploads/2022/09/fondo-puntos.jpg'); background-repeat: no-repeat; 
	background-position: 90% 10%; background-size: auto;  }  
}

.curva .custom-shape-divider-bottom, .curva .custom-shape-divider-bottom svg { pointer-events: none; }

.curved {
  position: relative;
  border-bottom-left-radius: 50% 35%;
  border-bottom-right-radius: 50% 35%;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 90px),50% 100%,0 calc(100% - 90px));
  background: #fff;
}
.curva .custom-shape-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.curva .custom-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 210px;
}

.curva .custom-shape-divider-bottom .shape-fill {  fill: #FFFFFF; pointer-events: none; }
.curva.blanca .custom-shape-divider-bottom .shape-fill {  fill: #F0F0F0;  pointer-events: none; }

.punta { margin-top: -16px !important; pointer-events: none;}

.punta .custom-shape-divider-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	  height: 25px;
	  pointer-events: none;
}

.punta .custom-shape-divider-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 35px;
	  pointer-events: none;
}

.punta .custom-shape-divider-top .shape-fill {  fill: #f0f0f0; pointer-events: none; }
.punta.blanca .custom-shape-divider-top .shape-fill {  fill: #ffffff;  pointer-events: none; }


/* blog */
#last-news .intro { max-width: 720px; margin: 10px auto 0;}
#last-news .intro h3 { font-size: 32px; color: var(--azul); text-align: center;  }

.blog-home > div { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.blog-home > div > article { width: 30%;  display: flex;  flex-direction: column; background-color: #F0F0F0; border-radius: 10px;  }
.blog-home > div > article .entry-featured-image-url { order: 3; margin-bottom: 0;  padding-top: 56.25%; margin-top: auto;}
.blog-home > div > article .entry-featured-image-url img {  position: absolute;  height: 100%;  width: 100%;  top: 0;  object-fit: cover; }
#et-main-area .blog-home h3 { padding: 20px; }
.blog-home .post-content, .blog-home .post-meta { padding: 0 20px; }
.blog-home .post-content { margin-bottom: 45px; }
.blog-home .post-meta {  font-size: 15px;  font-weight: bold; }

/* featured */
.destacados .et_pb_text {	min-height: 275px; border-radius:20px; display: flex; align-items: center; justify-content: center; }
.destacados .et_pb_text:hover { opacity: 0.75; }
.destacados .et_pb_text .et_pb_text_inner { padding: 0 20px; }
.destacados .et_pb_text h3 { font-size: 42px;   text-transform: uppercase; text-align: center;  transform: translateY(-25%); }


/* meetings */

.meetings > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.meetings  > div > article { width: 22%;  display: flex;  flex-direction: column; }
.meetings > div > article .entry-featured-image-url { margin-bottom: 12px;  padding-top: 56.25%; margin-top: auto;}
.meetings  > div > article .entry-featured-image-url img {  position: absolute;  height: 100%;  width: 100%;  top: 0;  object-fit: cover; }
#et-main-area .meetings e h3 { padding: 20px; }
.meetings.et_pb_posts  .more-link { display: inline-block; border: 1px solid var(--azul); line-height: 1; padding: 14px 20px 8px; border-radius:5px;  text-transform: uppercase; margin-top: 8px; }
.meetings.et_pb_posts  .more-link:hover { background-color: var(--azul); color: #F0F0F0; }

/* resources */
#featured { display: none; }
#documents .linklist ul li a:before { content: url("https://ekpf.eu/wp-content/uploads/2022/08/document-featured.jpg");  margin: 0 auto 12px;  vertical-align: none; display: block; }
#documents .linklist ul {list-style: none;	 margin: 0; padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; }
#documents .linklist ul li { width: 22%; text-align: center;  }
#documents .linklist ul li a { line-height: 1.5; color: var(--azul); font-size: 28px; }
#documents .linklist ul li .link-description { display: block; font-family: 'Varta',Helvetica,Arial,Lucida,sans-serif; margin-top: 10px;  }

/* EKPF TV */

#page-container .yotu-playlist { padding: 0 !important;  }
#page-container .yotu-videos { margin-bottom: 45px; float: none; } 
#page-container .yotu-videos .yotu-video h3 { line-height: 1.25em!important; color: #000;  }
.yotu-lightbox .yotu-lightbox-body { width: 70%; }
.yotu-lightbox-content.yotu-wrapper-player { width: auto; }
#page-container .yotu-videos li { margin-bottom: 35px; float: none;  }
#page-container .yotu-column-3.yotu-mode-grid li {   width: 31.5%;  margin-right: 2.75%!important; }
#page-container .yotu-column-3.yotu-mode-grid li:nth-child(3n) {  margin-right: 0 !important } 
#page-container .yotu-videos.yotu-mode-grid h3, #page-container .yotu-videos.yotu-mode-list .yotu-video h3  {
    overflow: visible;
    text-overflow: visible  ; 
    white-space: initial;
    word-wrap: break-word;
    font-size: 24px;
	  line-height: 1.25 !important;
	  color: #222;
}
#page-container .yotu-videos.yotu-mode-grid li:hover h3, #page-container .yotu-videos.yotu-mode-list li:hover .yotu-video h3 { color: var(--azul); text-decoration: none; }

#page-container .yotu-videos .yotu-video-description {  font-size: 18px;  line-height: 1.5em;  width: 90%;    margin-top: 6px; }
#page-container .yotu-videos.yotu-mode-grid .yotu-video-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    height: auto;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    line-height: 1.5em;
    color: #484848;
}

#ekpf-tv .yotu-videos { margin-bottom: 0; }
 
/*** FOOTER ***/
#custom-footer h3 { margin-bottom: 16px; }
#custom-footer .et_pb_social_media_follow { display: flex; flex-direction: column; margin-left: 24px; }
#custom-footer .et_pb_social_media_follow li a.icon {  border-radius: 18px; }
@media screen and (min-width: 981px) {
	#custom-footer .et_pb_text_3_tb_footer { margin-bottom: 0; }
	/*#custom-footer .et_pb_column.custom-column-1 {	width: 25%;	margin-right: 8%; }
  #custom-footer .et_pb_column.custom-column-2 {	width: 20%;	margin-right: 8%;	}
  #custom-footer .et_pb_column.custom-column-3 {	width: 20%;	margin-right: 5%;	}
  #custom-footer .et_pb_column.custom-column-4 {	width: 14%;	} */
}


/*** LINK LIBRARY ***/
.linklist, .linklistcatname { font-family: 'Rufina',Georgia,"Times New Roman",serif; }
.linklist ul {list-style: none;	 margin: 24px 0; padding:0; }
.linklist ul li { margin-bottom: 14px; }
.linklist ul li a { font-size: 24px; color: #020201; margin-bottom: 12px; }
.linklist ul li a.featured { font-weight: 500; }
.linklist ul li a:hover { color: var(--azul); }
.linklist ul li a:before { content: url("https://ekpf.eu/wp-content/uploads/2022/08/document.png");  margin-right: 14px;  vertical-align: middle;}
.linklist ul li .editlink { display: none; }

.linklistcatname, .level1 .linklistcatname  { font-size: 38px; margin: 35px 0 16px; color: var(--azul); font-weight: 500; }
.level1 { margin-left: 0; }
.LinkLibraryCat40 #covid-19 { display: none; }


/*** ABOUT US ***/

.about-links { padding: 15px 24px 12px; background-color: #001727; border-radius: 6px; margin-bottom: 28px !important; }
.about-links .et_pb_text_inner h3 { margin: 0; padding: 0; line-height: 1.25; font-size: 24px; color: #FFF; }
.about-links .et_pb_text_inner h3:after { content: "$"; font-family: ETmodules; vertical-align: middle; padding-left: 5px; line-height: 0; }
.about-links:hover { background-color: var(--azul); }
.about-links:hover h3 { color: #fff; }
.about-links:hover .et_pb_text_inner h3:after { padding-left: 8px; }

/*** EKPF NEWS ***/

.blog > div, .category #left-area { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.blog > div > article, .category #left-area  > article { width: 30%;  background-color: #F0F0F0;  padding: 0 12px 12px; }
.blog > div > article .entry-featured-image-url, .category #left-area > article .entry-featured-image-url { padding-top: 56.25%; margin: auto -12px 12px;}
.blog > div > article .entry-featured-image-url img, .category #left-area > article .entry-featured-image-url img {  position: absolute;  height: 100%;  width: 100%;  top: 0;  object-fit: cover; }
#et-main-area .blog h2, .category #left-area h2 { padding: 20px 0; }
.blog .post-content { padding: 12px 0;  }
.blog .post-content-inner, .category #left-area .post-content-inner{ margin-bottom: 12px 0; }
.blog .post-meta, .category #left-area .post-meta{  font-size: 15px;  font-weight: bold;  padding: 0;}
.blog.et_pb_posts a.more-link, .category #left-area a.more-link { text-transform: uppercase; margin-bottom: 12px; }

/*** BOARD ***/
#board img { width: 200px;  height: 200px; object-fit: cover;    border-radius: 50%; margin-bottom: 18px; }
#board h3 { font-size: 24px; color: var(--azul);  margin-bottom: 0; }
#board p { font-size: 21px; }


/*** CONTACT ***/

.wpcf7 input.text, .wpcf7 input.title, .wpcf7 input[type=email], .wpcf7 input[type=text], .wpcf7 textarea {
    background-color: #fff;
    border: 1px solid #6b6b6b;
    padding: 12px 24px;
	  width: 100%;
	  border-radius: 4px;
    color: #4e4e4e;
}
.wpcf7 .wpcf7-submit, .wpcf7 input[type=submit] {		
	padding: 12px 24px;
	background-color:  var(--azul);
	color: #fff;
	line-height: 1;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 4px; 	
	min-width: 125px;
  text-align: center;	
	border: 0px none var(--azul);
	cursor: pointer;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 input[type=submit]:hover {	opacity: 0.85; }

/*** SIDEBAR ***/
#blog-sidebar .et_pb_widget, #sidebar .et_pb_widget  { margin-bottom: 35px; }

#blog-sidebar h4.widgettitle, #sidebar h4.widgettitle  {
    font-size: 21px;
    padding: 0 0 1px 8px;
    border-bottom: 2px solid var(--azul);
    margin-bottom: 18px;
}

#blog-sidebar .et_pb_widget li, #sidebar .et_pb_widget li { margin-bottom:18px; }
#blog-sidebar .et_pb_widget li.cat-item, #sidebar .et_pb_widget li.cat-item { margin-bottom: 8px; }
#blog-sidebar .et_pb_widget li:before, #sidebar .et_pb_widget li:before  {
	content: "\35";
	font-family: ETmodules!important;
  font-weight: 400!important;
	font-size: 21px;
  vertical-align: text-bottom;
}
#main-content .container:before { width: 0; background-color: #fff;}


/*** RESPONSIVE ***/
@media screen and (min-width: 1640px) {
	.home #et-main-area h2 {  font-size: 68px;  }
}
@media screen and (min-width: 768px) {
	.big-map #mapbase svg { height: 640px; }
}

@media screen and (max-width: 1480px) {
	.home #et-main-area h2 {  font-size: 48px;  }
	#last-news .intro h3 {    font-size: 28px; }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.home #et-main-area h2 {  font-size: 42px;  }
}

@media screen and (min-width: 981px) and (max-width: 1210px) {
	#logo {   max-width: 215px; }
	#top-menu > li:first-child { display: none; } 	
  #top-menu .menu-home { display: inline-block; }
	.et_header_style_left #et-top-navigation { padding-left: 220px !important; }
}

@media screen and (min-width: 981px) and (max-width: 1100px) {
	#logo {   max-width: 110px; max-height: 70%;  content: url("https://ekpf.eu/wp-content/uploads/2022/09/logo-ekpf.png"); }
	.et_header_style_left #et-top-navigation { padding-left: 120px !important; }
	#top-menu > li { padding-right: 15px; }
	#top-menu > li > a { font-size: 14px; }	
}

@media screen and (max-width: 980px) {
		.blog-home > div > article,
		.blog > div > article, .category #left-area > article { width: 45%;	 margin-right: auto;    margin-left: auto; }	
	   .meetings > div > article, #documents .linklist ul li  {  width: 47.5%; }
		 #documents .linklist ul li  { margin-bottom:45px; }
	   #documents .linklist ul li a:before { margin-bottom:0; }
	   #page-container .yotu-column-3.yotu-mode-grid li { width: 47.5% !important;  margin-right: 0 !important; }
		 #page-container .yotu-videos ul { justify-content: space-between; }
	#custom-footer .et_pb_column_0_tb_footer { order: 1; width: 60%; }
	#custom-footer .et_pb_column_1_tb_footer { order: 3;  width: 60%; margin-right: 5.5%; }
	#custom-footer .et_pb_column_2_tb_footer { order: 2; margin-right: 0;  width: 34.5%;}
	#custom-footer .et_pb_column_3_tb_footer { order: 4; width: 34.5%; }
	#blog-sidebar .et_pb_widget {  width: 100%; margin: 16px 0; }
	#mobile_menu li.menu-home { display: none; }	
}

@media screen and (max-width:767px) {
	#page-container .yotu-videos.yotu-mode-list ul {  justify-content: center;  }
	.yotu-videos.yotu-mode-list li { max-width: 530px; }
	body .yotu-videos.yotu-mode-list .yotu-video-thumb-wrp { width: 100% !important;	margin: 18px  0!important; }
	.et_pb_post>h2 {  font-size: 26px; }
}

@media screen and (min-width: 641px)  and (max-width: 980px)  {
	   #destacados .et_pb_row_3.et_pb_row, #destacados .et_pb_row_4.et_pb_row {  width: 42.5%;  float: left;	}
	   #destacados .et_pb_row_3.et_pb_row { margin-left: 5%;   margin-right: 2.5%; }
	   #destacados .et_pb_row_4.et_pb_row { margin-left: 2.5%;   margin-right: 5%; }
	   #destacados:after { content:""; clear:both; display: table; }
}

@media screen and (max-width: 640px) {
		.blog-home > div > article,
		.blog > div > article, .category #left-area > article { width: 100%; }
	  .meetings > div > article {  width: 100%; }
	  #custom-footer .et_pb_column_0_tb_footer { width: 100%; margin-right: 0; order: 1;}
	  #custom-footer .et_pb_column_1_tb_footer { width: 100%; margin-right: 0; order: 4;}
	  #custom-footer .et_pb_column_2_tb_footer { width: 60%; margin-right: 5%; order: 2; }
  	#custom-footer .et_pb_column_3_tb_footer { width: 35%; margin-right: 0; order: 3; }
	  .lshowcase-box-3 {  flex-basis: 50% !important;    width: 50%  !important; }
}

@media screen and (max-width: 520px) {
	#documents .linklist ul li {  width: 100%; }
  #page-container .yotu-column-3.yotu-mode-grid li {  margin-right: 0 !important;  width: 100% !important; }
	.lshowcase-box-3 {  flex-basis: 100%  !important;    width: 100%  !important; }
}

@media screen and (max-width: 479px) {
	 #custom-footer .et_pb_column_2_tb_footer { width: 60% !important; }
   #custom-footer .et_pb_column_3_tb_footer { width: 35%!important; }
}

/* MOBILE MENU */

/* Ajustes */

#main-header .et_mobile_menu li ul, 
.et_pb_fullwidth_menu .et_mobile_menu li ul, 
.et_pb_menu .et_mobile_menu li ul {  visibility: hidden !important;   display: none !important; } 
#mobile_menu li a { text-transform: uppercase; font-size: 18px;  padding: 22px 5%; }

/* color */

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color:  var(--azul);
}
.et_mobile_menu {    border-color: var(--azul); }

/* Agregar texto a la izquierda del menú hamburguesa en  Generador de temas */


/* Agregar texto a la izquierda del menú hamburguesa en Divi 3 */
#et_mobile_nav_menu:before  {
content: 'MENU';
  position: absolute;
  right: 33px;
  bottom:30px;
	color:  var(--azul);
}

/* Cambiar el icono de colapso a una X en el menú hamburguesa */

.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}

/* Centrar el texto del menú para móvil */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0px !important;
}

/* Hacer que el menú para móvil tenga anchura completa */

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Hacer que el menú para móvil sea de altura completa */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
/* padding-top:50px !important; */
}
html {
height: -webkit-fill-available;
}
/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/*change hamburger icon to x when mobile menu is open*/

#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: '\4d';
}

.grecaptcha-badge { 
    visibility: hidden;
}

.documents-filter-nav { margin-bottom: 35px; }
.documents-filter-nav a { cursor: pointer; }

/*
 * 
 * Arreglos 2026
 * 
 * */