:root {
	--caf-openSans: 'Open Sans', sans-serif;
    --font-10: 10px;
    --font-12: 12px;
	--font-14: 14px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
    --font-24: 24px;
	--font-26: 26px;
    --font-28: 28px;
	--font-30: 30px;
	--font-40: 40px;
    --font-45: 45px;
	--font-50: 50px;
    --font-100: 100px;
    --line-height-20: 20px;
	--line-height-30: 30px;
    --font-weight-300: 300;
    --font-weight-600: 600;
	--color-0056b3: #0056b3; /*azul links*/
	--color-blue: #1f8bcc;
    --color-blue-8c: #1f8bcc8c;
	--color-light-blue: #00b8cc;
    --color-light-blue-8c: #00b8cc8c;
	--color-red: #dd4124;
    --color-red-8c: #dd41248c;
	--color-orange: #f56400;
    --color-orange-8c: #f564008c;
	--color-yellow: #ff9e2a;
    --color-yellow-8c: #ff9e2a8c;
	--color-green: #b8cb00;
    --color-green-8c: #b8cb008c;
	--color-violet: #c91dc3;
	--color-violet-8c: #c91dc38c;
    --color-crema: #f6f0e7;
    --color-ccc: #ccc;
    --color-eee: #eee;
	--color-dark-gray: #484848;
}

body {font: normal 100% 'Open Sans', sans-serif;}
a {color: black;}
a:hover {text-decoration: none;}

picture {width: 100%;}

.text-blue, .text-hover-blue:hover, .colored-links-blue a, 
.colored-links-blue a:hover {color: var(--color-blue);}
.bg-blue, .bg-hover-blue:hover {background-color: var(--color-blue);}
.bg-blue-8c, .bg-hover-blue-8c:hover {background-color: var(--color-blue-8c);}
.b-1-blue, .b-hover-1-blue:hover {border: 1px solid var(--color-blue);}
.bt-3-blue {border-top: 3px solid var(--color-blue);}
.bb-1-blue {border-bottom: 1px solid var(--color-blue);}
.bb-2-blue {border-bottom: 2px solid var(--color-blue);}
@keyframes bg-change-blue {
    50% {background-color: var(--color-blue);}
}

.text-light-blue, .text-hover-light-blue:hover, .colored-links-light-blue a, 
.colored-links-light-blue a:hover {color: var(--color-light-blue);}
.bg-light-blue, .bg-hover-light-blue:hover {background-color: var(--color-light-blue);}
.bg-light-blue-8c, .bg-hover-light-blue-8c:hover {background-color: var(--color-light-blue-8c);}
.b-1-light-blue, .b-hover-1-light-blue:hover {border: 1px solid var(--color-light-blue);}
.bt-3-light-blue {border-top: 3px solid var(--color-light-blue);}
.bb-1-light-blue {border-bottom: 1px solid var(--color-light-blue);}
.bb-2-light-blue {border-bottom: 2px solid var(--color-light-blue);}
@keyframes bg-change-light-blue {
    50% {background-color: var(--color-light-blue);}
}

.text-red, .text-hover-red:hover, .colored-links-red a, 
.colored-links-red a:hover {color: var(--color-red);}
.bg-red, .bg-hover-red:hover {background-color: var(--color-red);}
.bg-red-8c, .bg-hover-red-8c:hover {background-color: var(--color-red-8c);}
.b-1-red, .b-hover-1-red:hover {border: 1px solid var(--color-red);}
.bt-3-red {border-top: 3px solid var(--color-red);}
.bb-1-red {border-bottom: 1px solid var(--color-red);}
.bb-2-red {border-bottom: 2px solid var(--color-red);}
@keyframes bg-change-red {
    50% {background-color: var(--color-red);}
}

.text-orange, .text-hover-orange:hover, .colored-links-orange a, 
.colored-links-orange a:hover {color: var(--color-orange);}
.bg-orange, .bg-hover-orange:hover {background-color: var(--color-orange);}
.bg-orange-8c, .bg-hover-orange-8c:hover {background-color: var(--color-orange-8c);}
.b-1-orange, .b-hover-1-orange:hover {border: 1px solid var(--color-orange);}
.bt-3-orange {border-top: 3px solid var(--color-orange);}
.bb-1-orange {border-bottom: 1px solid var(--color-orange);}
.bb-2-orange {border-bottom: 2px solid var(--color-orange);}
@keyframes bg-change-orange {
    50% {background-color: var(--color-orange);}
}

.text-yellow, .text-hover-yellow:hover, .colored-links-yellow a, 
.colored-links-yellow a:hover {color: var(--color-yellow);}
.bg-yellow, .bg-hover-yellow:hover {background-color: var(--color-yellow);}
.bg-yellow-8c, .bg-hover-yellow-8c:hover {background-color: var(--color-yellow-8c);}
.b-1-yellow, .b-hover-1-yellow:hover {border: 1px solid var(--color-yellow);}
.bt-3-yellow {border-top: 2px solid var(--color-yellow);}
.bb-1-yellow {border-bottom: 1px solid var(--color-yellow);}
.bb-2-yellow {border-bottom: 2px solid var(--color-yellow);}
@keyframes bg-change-yellow {
    50% {background-color: var(--color-yellow);}
}

.text-green, .text-hover-green:hover, .colored-links-green a, 
.colored-links-green a:hover {color: var(--color-green);}
.bg-green, .bg-hover-green:hover {background-color: var(--color-green);}
.bg-green-8c, .bg-hover-green-8c:hover {background-color: var(--color-green-8c);}
.b-1-green, .b-hover-1-green:hover {border: 1px solid var(--color-green);}
.bt-3-green {border-top: 2px solid var(--color-green);}
.bb-1-green {border-bottom: 1px solid var(--color-green);}
.bb-2-green {border-bottom: 2px solid var(--color-green);}
@keyframes bg-change-green {
    50% {background-color: var(--color-green);}
}

.text-violet, .text-hover-violet:hover, .colored-links-violet a, 
.colored-links-violet a:hover {color: var(--color-violet);}
.bg-violet, .bg-hover-violet:hover {background-color: var(--color-violet);}
.bg-violet-8c, .bg-hover-violet-8c:hover {background-color: var(--color-violet-8c);}
.b-1-violet, .b-hover-1-violet:hover {border: 1px solid var(--color-violet);}
.bt-3-violet {border-top: 3px solid var(--color-violet);}
.bb-1-violet {border-bottom: 1px solid var(--color-violet);}
.bb-2-violet {border-bottom: 2px solid var(--color-violet);}
@keyframes bg-change-violet {
    50% {background-color: var(--color-violet);}
}

.bg-crema {background-color: var(--color-crema);}

.text-ccc {color: var(--color-ccc);}
.bg-ccc {background-color: var(--color-ccc);}
.b-1-ccc {border: 1px solid var(--color-ccc);}
.bt-1-ccc {border-top: 1px solid var(--color-ccc);}
.bb-1-ccc {border-bottom: 1px solid var(--color-ccc);}
.box-shadow-ccc {box-shadow: 1px 1px 20px #ccc;}

.bg-eee {background-color: var(--color-eee);}

.text-dark-gray {color: var(--color-dark-gray);}
.bg-dark-gray, .bg-hover-dark-gray:hover {background-color: var(--color-dark-gray);}
.b-1-dark-gray {border: 1px solid var(--color-dark-gray);}
.bb-1-dark-gray {border-bottom: 1px solid var(--color-dark-gray);}

.bg-black {background-color: black;}
.text-black, .text-hover-negro:hover, .text-hover-black:hover {color: black !important;}
.b-1-black {border: 1px solid black;}
.bt-1-black {border-top: 1px solid black;}
.bb-1-black {border-bottom: 1px solid black;}

/*.text-white, */.text-hover-white:hover, .text-links-white a {color: white;}
.b-1-white {border: 1px solid white;}
.bb-1-white {border-bottom: 1px solid white;}
@keyframes font-color-change-white {
    50% {color: white;}
}

.bg-transparent, .bg-hover-transparent:hover {background-color: transparent;}

.text-shadow {text-shadow: 1px 1px 2px black;}

.btn.sharp {border-radius: 0;}
.btn.no-border {border: 0;}
.fa-1-65x {font-size: 1.65em;}
.flexslider {
    border: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

.text-2-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text-3-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.text-4-lines {
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.text-5-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.text-6-lines {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

@media screen and (min-width: 768px) {
    .text-md-2-lines {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
    }

    .text-md-3-lines {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
    }
}

@media screen and (min-width: 1200px) { 
    .text-xl-3-lines {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
    }
}

.width-initial {width: initial;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-30 {width: 30%;}
.w-40 {width: 40%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.mr-05 {margin-right: 5px;}
.mr-5p {margin-right: 5%;}
.mr-10p {margin-right: 10%;}
.mr-20p {margin-right: 20%;}
.mb-15 {margin-bottom: 15px;}
.mb-60 {margin-bottom: 60px;}
.ml-5p {margin-left: 5%;}
.ml-10p {margin-left: 10%;}
.pr-10 {padding-right: 10px;}
.px-15 {padding-right: 15% !important; padding-left: 15% !important;}

/*.column-count-2 {column-count: 2;}
.column-count-3 {column-count: 3;}*/

.transition-08s {transition: 0.8s;}
.transition-2s {transition: 2s;}

.height-vh {height: 100vh;}

/* RTE classes*/
.intertitulo {font-size: var(--font-26);}

/*header*/
.megaphone {
    font-size: var(--font-14); 
    display: none; 
    line-height: var(--font-14); 
    font-weight: var(--font-weight-600);
}
.megaphone a {text-decoration: underline;}
.megaphone p {margin-bottom: 0;}
.megaphone.active {display: block;}
header.megaphone-isActive {top: 61px;/*48px;*/}
@media (max-width: 575px) {
    header.megaphone-isActive {top: 76px;}
}
header {background-color: white;}
header.smaller-header > div:first-child {margin-bottom: 0.25rem !important; margin-top: 0.25rem !important;}
header.smaller-header, header.smaller-header .bg-light {
    background-color: var(--color-dark-gray) !important;
}
#logo, header.smaller-header #logo-smaller-header {display: block; opacity: 1;}
#logo, #logo-subMenu {max-width: 221px;}
#logo-smaller-header {max-width: 180px; padding-top: 10px; padding-bottom: 5px;}
header.smaller-header #logo, header #logo-smaller-header {display: none; opacity: 0;}
.bg-light {background-color: white !important;}
/*nav.navbar {align-items: flex-end;}*/
.navbar, .navbar-brand {padding: 0;}
.navar-brand {margin-right: 1.5rem;}
.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .nav-link {
	font-size: var(--font-20);
	color: black;
	padding: 0 1rem 0 0;
}
header.smaller-header .navbar-expand-xl .navbar-nav .nav-link,
header.smaller-header .navbar-expand-xl .navbar-nav .nav-link:hover,
header.smaller-header .navbar-collapse > a, header.smaller-header .navbar-collapse > a:hover,
header.smaller-header .navbar-collapse .social-media-profile, 
header.smaller-header .navbar-expand-xl button i {color: white !important;}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {color: var(--color-0056b3) !important;}
.navbar-light .navbar-toggler {border: none; outline: none; border-color: transparent;}
.navbar-toggler {padding-right: 0; padding-left: 0;}

/*@media (min-width: 1400px) {
    .navbar-expand-xl {flex-flow: row nowrap;}
    .navbar-expand-xl .navbar-toggler {display: none;}
    .navbar-expand-xl .navbar-collapse {display: flex !important; flex-basis: auto;}
	.navbar-expand-xl .navbar-nav {flex-direction: row;}
}

@media (max-width: 1399px) {
    .navbar-expand-xl {flex-flow: initial;}
    .navbar-expand-xl .navbar-toggler {display: block;}
    .navbar-expand-xl .navbar-collapse {display: none !important; flex-basis: initial;}
	.navbar-expand-xl .navbar-nav {flex-direction: column;}
}*/

.topNav-subMenu-overlay {
    height: 0;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.fixed-center-content {
    position: relative;
    width: 100%;
    float: left;
    /*top: 25%;
    transform: translateY(-25%);*/
}

.topNav-subMenu-items {
    position: relative;
    width: 100%;
    text-align: center;
}

.topNav-subMenu-items a {font-size: var(--font-24);}

.topicNav-topics a, .topicNav-countries a {
    padding: 8px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
	margin-left: 25%;
}

.topNav-subMenu-title {font-size: var(--font-30);}
.topNav-countries, .topNav-countriesTitle {margin-left: 15%;}
.topNav-subMenu-column ul {list-style: none; padding-left: 0;}
.social-media-profile:not(:last-child) {margin-right: 5px;}

/*footer*/
.footer-grid {font-size: var(--font-14);}
.footer-grid a, .footer-grid a:hover {color: var(--color-white);}
.footer-grid h3 {font-size: var(--font-18);}
.footer-grid ul {list-style: none; padding: 0;}
.footer-grid li {font-size: var(--font-14); margin-bottom: 10px;}
#logo-footer {width: 285px;}
.footer-right-text {font-size: var(--font-14);}
.footer-allRights, #powered-by {font-size: var(--font-12); color: white;}

.footer-column {margin-bottom: 25px; border-bottom: 1px solid white;}
.footer-column {position: relative;}
.footer-column h3:after {content: '+'; position: absolute; right: 0;}
.footer-column h3.current:after {content: '-';}
.footer-column ul {display: none;}

/*lang menu idioma*/
#navbarNav-lang .nav-link {padding: 0;}
#navbarNav-lang .dropdown-menu {
	left: initial;
	right: 0;
	border-radius: 0;
	padding: 0.25rem 1.5rem;
	min-width: initial;
}
.navbar-expand-lg #navbarNav-lang.navbar-nav .nav-link, 
.navbar-expand-xl #navbarNav-lang.navbar-nav .nav-link {font-size: var(--font-24) !important;}
#navbarNav-lang .dropdown-menu a, #navbarNav-lang .dropdown-menu span {padding: 0.25rem 0;}
#navbarNav-lang .dropdown-item.active, .dropdown-item:active {color: black; background-color: white;}

#top-nav-social-media a {font-size: var(--font-26);}

#main-container {margin-top: 80px;}
#main-container.megaphone-isActive {margin-top: 141px;/*128px;*//*height of item is 61px plus 80px equals 142px*/ }
@media (max-width: 575px) {
    #main-container.megaphone-isActive {margin-top: 156px;/*height of item is 76px plus 80px equals 156px*/}
}

/*cookie consent*/
#cookie-data-container {
    display: none;/*block;*//*flex;*/
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 10000;
    border-radius: 10px;
    position: fixed;
    bottom: 20px;/*5%;*/
    right: 20px;/*2%;*/
    padding: 15px;
    width: 90%;
    /*height: 155px;*/
    font-size: var(--font-12);
}
#cookie-data-container.show {display: block;}
#cookie-data-container a {text-decoration: underline; color: white;}
#cookie-data-container .btn {font-size: var(--font-12);}

@media (min-width: 640px) {
    #cookie-data-container {
        width: 500px;
    }
}

/*breadcrumb*/
#breadcrumb {font-size: var(--font-18);}
#breadcrumb-title h2 {font-size: var(--font-30);}
#breadcrumb .subtitle {font-size: var(--font-50);}

/*news noticias*/
#news-title {font-size: var(--font-30);}
#news-summary, #news-summary p {font-size: var(--font-24);}
#news-body, #news-body p {font-size: var(--font-20); line-height: var(--line-height-30);}

#news-share-container {z-index: 10; background-color: white;}
#news-share-container.fixed {
    position: fixed; 
    display: none; 
    bottom: 0; 
    left: 0; 
    right: 0;
}
#news-share-container.fixed[data-color="blue"] {
    animation: bg-change-blue 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="light-blue"] {
    animation: bg-change-light-blue 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="red"] {
    animation: bg-change-red 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="orange"] {
    animation: bg-change-orange 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="yellow"] {
    animation: bg-change-yellow 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="green"] {
    animation: bg-change-green 5s;/*animation name followed by duration*/
}
#news-share-container.fixed[data-color="violet"] {
    animation: bg-change-violet 5s;/*animation name followed by duration*/
}
#news-share-container #news-share-title.animate, #news-share-container .exploreSectionLink.animate {
    animation: font-color-change-white 5s;
}


#news-share-menu {padding: 10px 0;}
.social-media-share a, 
.social-media-share span {color: var(--color-dark-gray); margin: 0 5px 0 5px; cursor: pointer;}
#news-share-title {margin: 0 15px 0 0 !important;}
.social-media-share a:first-of-type {margin: 0 5px 0 0;}
.social-media-share a i.fa-stack-1x, .social-media-share span i.fa-stack-1x {color: white;}

/*topic news nav tema noticia*/
.news-subMenu-overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 10;
    left: 0;
    bottom: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.news-subMenu {
    position: relative;
    /*width: 100%;*/
    text-align: center;
    margin-top: 30px;
}

.news-subMenu a {
    padding: 8px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
	/*margin-left: 25%;*/
    margin: 0 auto;
    font-size: var(--font-20);
}
.news-subMenu a:hover {color: white;}
.news-subMenu .submenu-title {font-size: var(--font-30);}
.news-subMenu-extraLinks {font-size: var(--font-16);}
.news-subMenu-extraLinks a:hover, .news-subMenu-extraLinks .closebtn:hover {color: black;}
.news-subMenu-extraLinks .closebtn, .exploreSectionLink {cursor: pointer;}

[class^="relatedContentItem"], [class*=" relatedContentItem"] {position: absolute; left: 15px; opacity: 0;}
/*[class^="relatedContentItem"].show, [class*=" relatedContentItem"].show {opacity: 1;}*/
[class^="relatedContentItem"], [class*=" relatedContentItem"] span {font-size: var(--font-14);}
[class*=" relatedContentItem"] a {font-size: var(--font-14);}

.news-most-recent:hover h6, .news-most-recent:hover span {color: white;}
.news-most-recent h6 {font-size: var(--font-18);}
.news-most-recent-summary {font-size: var(--font-14);}

/*texto destacado RTE featured text*/
.featured-text-rte {
	width: 90%;
	margin: 5%;
	display: inline-block;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 30px;
	font-style: italic;
	float: none;
    text-align: center;
	font-size: var(--font-16);
}

/*tweet RTE */
.tweetInText .twitter-tweet.twitter-tweet-rendered {
    margin-right: auto;
    margin-left: auto;
}

/*Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {
	.featured-text-rte {width: 60%; margin-left: 18%;}
}

/*sections*/
.section-our-cotribution-text {font-size: var(--font-16); line-height: var(--line-height-30);}
.section-title {
    background-color: white;
    font-size: var(--font-30);
    font-weight: var(--font-weight-300);
}

#section-menu {font-weight: var(--font-weight-300); font-size: var(--font-14);}
#section-menu li:not(:last-child) {margin-bottom: 1px;}
#section-menu .nav-link {padding: 5px;}

/*noticias principales featured news section*/
#section-featured-news-slider.flexslider {border: 0; margin-bottom: 0;}
.section-featured-news-slide {position: relative;}
#section-featured-news-slider .flex-direction-nav .flex-prev, #section-image-gallery .flex-direction-nav .flex-prev {left: 10px;}
#section-featured-news-slider .flex-direction-nav .flex-next, #section-image-gallery .flex-direction-nav .flex-next {right: 10px;}
.section-featured-news-title {
	position: absolute;
	top: 50%;
	padding: 10%;
	transform: translateY(-50%);
	color: white;
}
.section-featured-news-title a, 
.section-featured-news-title a:hover {font-size: var(--font-30); color: white;}
.section-featured-news-date {font-size: var(--font-14); color: white;}
.section-featured-news-summary {font-size: var(--font-18);}
.section-featured-news-summary .live-streaming a {font-size: var(--font-16);}
.section-featured-news-taxonomy a, .section-featured-news-taxonomy a:hover {font-size: var(--font-14);}

/*noticias destacadas highlighted news section*/
.section-highlighted-news-title {font-size: var(--font-20);}
.section-hightlighted-news-date {font-size: var(--font-14);}

/*noticias comunicados normal news section */
.section-news-title, .knowledge-section-title {
    font-size: var(--font-18); 
    line-height: var(--line-height-20); 
    font-weight: var(--font-weight-600); 
    min-height: 62px;/*60px;*/
}
.knowledge-section-title {min-height: 40px;}
.section-news-image-container {padding-right: 10px;}
.section-news-date {font-size: var(--font-14);}

/*eventos comunicados normal events section*/
.section-events-title {font-size: var(--font-20);}
.section-events-location, .section-events-date {font-size: var(--font-14);}
.section-events-finished {font-size: var(--font-12); bottom: 0;}

#section-subscribe {padding: 30px 20px;}

.section-blog-post:hover, .section-blog-post:hover a {color: white;}

.section-news-recommended-title {font-size: var(--font-18);}

.section-caf-medios-title {font-size: var(--font-14);}
.section-caf-medios-title span:first-child {font-size: var(--font-16);}
.section-caf-medios-title:hover, .section-caf-medios-title:hover a {color: white;}

.subsection-news-highlighted {font-size: var(--font-20); font-weight: var(--font-weight-600);}

/* list news masonry*/
.list-news-title {font-size: var(--font-18); font-weight: var(--font-weight-600);}
.list-news-date {font-size: var(--font-14);}
.list-news-summary {font-weight: var(--font-weight-300);}
.list-news-taxonomy {font-size: var(--font-14);}

/*list events*/
#list-events-menu, #event-submenu {
    margin-bottom: 60px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.list-events-day {font-size: var(--font-45);}
.list-events-month {font-size: var(--font-14);}
.list-events-location {font-size: var(--font-14);}

/*pagination paginacion*/
#pagination {color: black;}
#pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    top: -3px;
}
#pagination ul li {float: left;}
/*#pagination a {text-decoration: none; padding-top: 20px;}*/
.pag-prev, .pag-next {width: 15%;}
.pag-prev a, .pag-prev span, .pag-next a, .pag-next span {display: block; width: 100%;}
.pag-next {text-align: right;}
/*.pag-prev-txt {text-align: center; float: left;}*/
.pag-item {width: 70%;}
.pag-item a, .pag-item span {text-align: center; width: 20%; float: left;}
.pag-item .current {font-weight: var(--font-weight-600);}
.pag-magic-line {
    background-color: black;
    position: absolute;
    height: 3px;
    padding: 2px 0;
}
.pag-magic-line:before {padding: 2px 0;}
/*.pag-item a, .pag-item span {color: black;}*/

/*events*/
#event-title {font-size: var(--font-45);}
#event-summary {font-size: var(--font-20); margin-bottom: 60px;}
#event-body {margin-bottom:60px;}
#event-buttons {margin-bottom: 100px;}
#event-buttons .btn.event-button, .btn.general-button, .caf-form .umbraco-forms-page .btn {
    margin-right: 10px;
    min-width: 141px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn.event-button.text-hover-white:hover a {color: white;}
.event-image-container {margin-top: 40px; margin-bottom: 40px;}
.event-image-container, #image-big-container-hover {font-size: var(--font-28);}
#image-big-container-hover {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
}

/* courses */
.course-info-content {border-radius: 0.25rem;}

.course-module-number {
    font-size: 20px;
    width: 55px; 
    height: 55px; 
    line-height: 52px;
    border-radius: 50%;
    position: relative; 
}
.course-module:hover .course-module-number {border: 1px solid white;}
.course-module-title {font-size: 16px;}
.course-module-summary {font-size: 14px;}

/* biddings licitaciones */
#bidding-listing > div:nth-child(odd) {background-color: var(--color-eee);}

/* formularios */
.caf-form .umbraco-forms-field {margin-bottom: 1.5rem; float: left; width: 100%;}
.caf-form .umbraco-forms-field .umbraco-forms-indicator {color: red;}
.caf-form .umbraco-forms-field label, 
.filter-form .form-field label {/*text-transform: lowercase; */font-size: var(--font-14);}
.caf-form .umbraco-forms-field.checkbox label {width: 48%; margin-right: 2%; /*float: left; comentado por los checkboxes*/}
.caf-form .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {width: 50%; float: left;}
.caf-form .umbraco-forms-field .checkboxlist label {float: initial; clear: initial;}
.caf-form .umbraco-forms-field-wrapper {position: relative;}
.caf-form .umbraco-forms-field .field-validation-error {
    font-size: var(--font-14);
    position: absolute;
    right: -25%;
    top: 1px;
    width: 23%;
}
.caf-form .umbraco-forms-field .field-validation-error:before {
    content: '';
    border-top: 1px solid red;
    width: 25%;
    display: block;
}
.caf-form .umbraco-forms-field-wrapper :focus, .caf-form .umbraco-forms-field-wrapper :active, 
.filter-form .form-field-wrapper :focus, .filter-form .form-field-wrapper :active {outline: transparent none 0;}
.caf-form .umbraco-forms-field-wrapper textarea {height: 200px;}
.caf-form .umbraco-forms-field-wrapper input.text, .caf-form .umbraco-forms-field-wrapper textarea,
.caf-form .umbraco-forms-field-wrapper select, .caf-form .umbraco-forms-field-wrapper option,
.filter-form .form-field-wrapper input.text, .filter-form .form-field-wrapper select, 
.filter-form .form-field-wrapper option {
    width: 100%;
    max-width: 100% !important;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-color: var(--color-dark-gray);
}
.caf-form .umbraco-forms-navigation {text-align: center;}
.caf-form .umbraco-forms-page .btn {
    border: 1px solid var(--color-dark-gray);
    background-color: transparent;
}
.caf-form .umbraco-forms-page .btn:hover {
    background-color: var(--color-dark-gray);
    color: white;
}

.caf-form .taxonomycheckboxlist .umbraco-forms-field-wrapper .checkboxlist {
    width: 100%;
    float: left;
}
.caf-form .taxonomycheckboxlist .umbraco-forms-field-wrapper .checkboxlist input,
.caf-form .taxonomycheckboxlist .umbraco-forms-field-wrapper .checkboxlist br {display: none;}
.caf-form .taxonomycheckboxlist .umbraco-forms-field-wrapper .checkboxlist label {
    width: 22%;
    /*height: 100px;*/
    border: 1px solid black;
    font-size: var(--font-12);
    padding: 10px;
    float: left;
    margin: 0 4% 20px 0;
    border-radius: 10px;
    text-align: center;
}
.caf-form .taxonomycheckboxlist .umbraco-forms-field-wrapper .checkboxlist label:nth-of-type(4n) {
    margin-right: 0;
}

.caf-form input[type=checkbox], .caf-form input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.caf-form .checkboxlist input[type=checkbox] {
	position: initial;
	opacity: initial;
	height: 20px;/*initial*/
	width: 20px;/*initial*/
}
.caf-form .checkboxlist label {margin-left: 20px;}

.caf-form .checkbox label, .caf-form .radiobuttonlist label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.caf-form .radiobuttonlist label {margin-bottom: 0.75rem;}

.caf-form .checkbox:before, 
.caf-form .checkboxlist input[type=checkbox]:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: super;/*text-top;*/
    width: 25px;
    height: 25px;
    padding: 3px;
    border-radius: 0.25rem;
    background: white;
    border: 1px solid var(--color-dark-gray);
}

.caf-form .radiobuttonlist label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 26px;
    height: 26px;
    padding: 5px;
    border-radius: 50%;
    background: white;
    border: 1px solid var(--color-dark-gray);
}

.caf-form .checkbox.checked:before, 
.caf-form .checkboxlist input[type=checkbox].checked:before,
.caf-form .radiobuttonlist label.checked:before {
    background: var(--color-dark-gray);
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 600;
    color: white;
}

/*modules*/
.anchor-link {
    display: block;
    height: 85px;
    margin-top: -85px;
    visibility: hidden;
}

.module-container:not(:last-child) {margin-bottom: 100px;}
.module-container:last-child {margin-bottom: 60px;}
.module-title {margin-bottom: 60px; font-size: var(--font-40);}

.module-doc:hover .bb-1-dark-gray {border-bottom: 1px solid white;}
.module-doc-size {font-size: var(--font-12);}

.module-video {
    border-right: 1px solid var(--color-dark-gray);
    border-bottom: 1px solid var(--color-dark-gray);
    border-left: 1px solid var(--color-dark-gray);
}

.module-person {margin-bottom: 80px;}
.module-person .module-person-info-container {cursor: pointer;}
.module-person-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
}
.module-person-info {padding-left: 5%;}
.module-person-title {font-size: var(--font-18);}
.module-person-body-container {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-dark-gray);
    /*display: none;*/
}
/*.module-person-body-container.active {display: inline-block;}*/

#googleMaps-block iframe {
    pointer-events: none;
}
#googleMaps-block iframe.clicked {
    pointer-events: auto;
}

.module-number-figures {font-size: var(--font-12);}
.module-number-figures-percentage {font-size: 64px;}

/* grid module */
#grid-block img {width: 100%;}
.module-container[class*="bg-"], .module-container[class*="bg-"] a {color: white;}

/* cards module */
.card-module-item-container {color: white;}
.card-module-image {width: 100%; height: 100%; }
.card-module-item-title, .card-module-item-link {
    position: absolute;
    left: 5%;
    right: 5%;
    width: 90%;
}
.card-module-item-title {top: 5%;}
.card-module-item-link {bottom: 5%;}
.card-module-item-link a {font-size: 12px;}

/* blog visiones */
.blog-author-role {font-weight: var(--font-weight-600);}
.blog-author-description {font-weight: var(--font-weight-300);}
.blog-author-img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
}
#taxonomy-table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 1px;
}

/*
    secciones principales (menu grande como conocimiento
    feautred sections with big menu like knowledge
*/
#featured-section-bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#featured-section-title {font-size: var(--font-100);}
/*.blur {
    background-repeat: no-repeat;
    overflow: hidden;
    filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}*/
/*#featured-section-submenu li {position: relative; background-color: #ffffff8f; }*/
.featured-section-submenu-btn {
    font-weight: var(--font-weight-400); 
    height: 150px;
    background-color: #ffffffb8; /*#ffffff8f;*/
    text-align: center;
    position: relative;
    font-size: var(--font-18);
    float: left;
    width: 100%;
    padding: 40px 0;
    height: initial;
}
.featured-section-submenu-btn span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.recent-item-title {font-size: var(--font-18); font-weight: var(--font-weight-600);}
.recent-item-date {font-size: var(--font-14);}

#knowledgeFilter {border-radius: 0.25rem;}


/* listado fichas de proyectos */
.list-fichas-title {font-size: var(--font-18);}
#list-fichas table {font-size: var(--font-14);}

/* listado caf en los medios*/
.caf-in-the-media-listing-title {font-size: var(--font-16);}
.caf-in-the-media-listing-date {font-size: var(--font-14);}
.caf-in-the-media-listing-source {font-size: var(--font-12);}

/* rss*/
.rss-item {
    background-color: var(--color-eee);
    border-top: 1px solid var(--color-ccc);
    border-bottom: 1px solid var(--color-ccc);
}
.rss-item:hover, .rss-item:hover a {color: white;}

/* empleo employment */
.vacancy-title {font-size: var(--font-20);}
.vacancy-date {font-size: var(--font-14);}
.vacancy-more-info {font-size: var(--font-12);}

/* buscador search*/
.search-result-title {font-size: var(--font-16);}
.search-result-title span.searched-text {font-size: var(--font-18);}
.search-result-breadcrumb, .search-result-taxonomy {font-size: var(--font-12); text-transform: lowercase;}
.search-result-summary {font-size: var(--font-14);}
.search-result-summary span.searched-text {font-size: var(--font-16);}
#search-results span.searched-text {font-weight: var(--font-weight-600);}
.search-result-date {font-size: var(--font-14);}

#search-overlay {
    height: 0;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}
#search-overlay .closebtn {
    font-size: var(--font-30);
    position: absolute;
    top: 15%;
    right: 15%;
}
#search-overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
#search-overlay-content input, #search-form-page input {
    width: 50%;
    padding: 20px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-color: var(--color-dark-gray);
}
#search-overlay-content input:focus, #search-overlay-content button:focus,
#search-form-page input:focus, #search-form-page button:focus {outline: transparent none 0;}
#search-overlay-content button, #search-form-page button {
    background: transparent;
    border: 0;
    cursor: pointer;
}

/*error page 404*/
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground, .video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-overlay { 
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.3); 
    color: white; 
}
.video-overlay-content {
    position: fixed;
    top: 25%;
    bottom: 25%;
    right: 25%;
    left: 25%;
    text-align: center;
    margin: auto;
}
.video-overlay-content, .video-overlay-content h1 {font-weight: var(--font-weight-300);}
.video-overlay-content form input {
    width: 50%;
    padding: 20px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    border-color: white;
    background-color: rgba(243, 235, 235, 0.25);/*transparent;*/
    margin: 0 25% 10px 25%;
    color: white;
}
.video-overlay-content form input:focus, .video-overlay-content form button:focus {outline: transparent none 0;}
.video-overlay-content form button {
    background-color: var(--color-dark-gray);
    border: 0;
    cursor: pointer;
    color: white;
    padding: 5px 30px;
    border-radius: 5px;
}

.video-overlay-logo {
    position: fixed;
    bottom: 5%;
    right: 25%;
    left: 25%;
    margin: auto;
    text-align: center;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.video-overlay { width: 50%; padding: .5rem; }
.video-overlay h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.video-overlay .acronym { display: none; }
}

/* generic small devices*/
@media screen and (max-width: 575px) {
    #featured-section-title {font-size: var(--font-40);}
    .no-gutter-xs {padding-left: 0; padding-right: 0;}
} 

@media screen and (min-width: 576px) {
	.w-xs-100 {width: 100% !important;}
    .no-gutter-sm {padding-left: 0; padding-right: 0;}
}

/*Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {
	.w-sm-70 {width: 70% !important;}
    .no-gutter-md {padding-left: 0; padding-right: 0;}

    #news-title {font-size: var(--font-40);}
}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {
	.bb-lg-0 {border-bottom: 0;}
    .no-gutter-lg {padding-left: 0; padding-right: 0;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
	.w-lg-20 {width: 20% !important;}
    .w-lg-40 {width: 40% !important;}
    .w-lg-50 {width: 50% !important;}
    .w-lg-60 {width: 60% !important;}
    .w-lg-70 {width: 70% !important;}
	.w-lg-80 {width: 80% !important;}
	.w-lg-100 {width: 100% !important;}
    .no-gutter-xl {padding-left: 0; padding-right: 0;}

    .column-count-2 {column-count: 2;}
    .column-count-3 {column-count: 3;}

    .fixed-center-content {top: 25%; transform: translateY(-25%);}

    .navbar-expand-xl .navbar-nav .nav-link {font-size: var(--font-14);}
    .navbar-expand-lg #navbarNav-lang.navbar-nav .nav-link, 
    .navbar-expand-xl #navbarNav-lang.navbar-nav .nav-link {font-size: var(--font-16) !important;}
    #top-nav-social-media a, .topNav-subMenu-items a {font-size: var(--font-16);}
    header.smaller-header div:first-child {height: initial;}

    #news-title {font-size: var(--font-50);}
    #news-summary, #news-summary p {font-size: var(--font-26);}
    .news-subMenu a, .news-subMenu span {margin-left: 25%;}
    .footer-column {margin-bottom: 0; border: none;}
    .footer-column ul {display: block;}
    .footer-column h3:after {content: '';}
    .subsection-news-highlighted {font-size: var(--font-30);}
    .section-our-cotribution-text {font-size: var(--font-18);}

    /*.section-featured-news-title a:hover {font-size: var(--font-40);}*/
    .featured-section-submenu-btn {
        font-weight: var(--font-weight-400); 
        width: 150px; 
        height: 150px;
        background-color: #ffffffb8; /*#ffffff8f;*/
        text-align: center;
        position: relative;
        font-size: var(--font-18);
        padding: 0;
    }
    .section-featured-news-title {
	    padding: 6%;
    }
}
	
/*esto deberia ir en un media querie de bootstrap*/
@media screen and (max-width: 1000px) {
	/*#event-img-big-container #event-image {width: initial;}
	#event-img-hover {padding: 0 15px;}
	.news-topicNav-extraLinks {margin-left: 0;}*/
	/*.news-topicNav-extraLinks a {width: 100%;}*/
}

/*last line to prevent cropping*/