/*
icons are from https://icons.getbootstrap.com
*/
* {transition: all 0.3s ease;}
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background: #fbfbfb;}

.desktop {display:none;}
.tablet {display:none;}
.mobile {display:block;}

.content {margin-left: auto; margin-right: auto; max-width:1750px; padding-left:2em; padding-right:2em; }
.main-logo-header { padding-top: 5em; padding-bottom: 0em; background-color:#f7f7f7;}

.main-logo-header button.caso-romero, .main-logo-header a.button {  cursor: pointer;  background: #e20613;  color: white;  border: none;    margin: 3em auto 0;  display: block;  border-radius: 0.7em;  text-align: center;text-decoration: none;padding: 1em;font-weight: bold;}
.main-logo-header button.caso-romero:hover { background:#2b53a6; }
.main-sticky-menu { background: #ecc92a; margin:0; padding:0;   position: fixed;  top: 0px;  left: 0px;  right: 0px; border-bottom: solid 1px #d9d7d7; z-index:21;}
.main-sticky-menu .device_menu_trigger{font-size: 1.3em; text-decoration: none; color: black; display: block; margin: 0.3em;text-align: center;}
.main-sticky-menu .device_menu_trigger img {height: 1em; vertical-align: bottom;}
.main-sticky-menu ul li:first-child { text-align: left; }
.main-sticky-menu ul {display:none;}
.main-sticky-menu.active ul {display: block;}
.main-sticky-menu ul li a {   color: #5e5e5e;  text-decoration: none;  font-weight: bolder;  display: block;  padding:0.5em 0;}
.main-sticky-menu ul li a:hover { color: white; background: #bb7e08;}
.main-sticky-menu ul li a i.mobile {display:inline;}
.main-sticky-menu img.whatsapp,
.main-sticky-menu img.spotify,
.main-sticky-menu img.twitter,
.main-sticky-menu img.instagram,
.main-sticky-menu img.mail,
.main-sticky-menu img.linkedin,
.main-sticky-menu img.youtube-channel  { width: 1.25em; }

.documentary_banner {margin-top:2em; margin-bottom:2em;}

.main a {font-size: larger; color: #f2b50f; font-weight: bold;}

.frontpage-main-section {  }
h2 { font-weight: inherit; color: #5e5e5e; font-size: 2em; }
.frontpage-main-section h2 { border-bottom: solid 1px #fddddd; margin-right: 4em; }
.frontpage-main-section h2.news {border-bottom: solid 1px #ba1928;}
.frontpage-main-section h2.campaigns {border-bottom: solid 1px #002d88;}
.frontpage-main-section h2.keu {border-bottom: solid 1px #ecc92a;}
.frontpage-main-section h2.interviews {border-bottom: solid 1px #ba1928;}
.frontpage-main-section a { color: #5e5e5e; font-weight: lighter; text-decoration:none; display: block; margin-bottom: 1.5em; font-size: 1.1em;}
.frontpage-main-section a:hover { text-decoration: underline;}
.frontpage-main-section a b { font-weight:bold; display: block; margin-bottom: 0.5em; color:#3b3b3b;}
.frontpage-main-section-content { padding-right:4em; }
.frontpage-main-section a.recent {border: solid 1px #e20613; padding: 0.5em; border-radius: 0.3em;
    animation-duration: 1s; animation-name: border-recent; animation-iteration-count: infinite; animation-direction: alternate;
}

@keyframes border-recent {
  from {border: solid 1px #fff;}
  to {border: solid 1px #e20613;}
}

.image-carousel-100 { margin:0 auto; }
.image-carousel-100 .image-carousel-100-title {  }
.image-carousel-100-title h3 { margin-bottom: 0; font-weight: inherit; font-size: 0.8em; color: white; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 0; padding: 1em 2em; background:#5c5c5c; width: auto; display: inline-block; border-radius: 0 0 0.5em 0.5em;}
.image-carousel-100-title h3.top { border-radius: 0.5em 0.5em 0 0; }
.image-carousel-100 .image-carousel-100-title h3.bottom { border-radius: 0 0 0.5em 0.5em; }
.publications img:hover, .campaigns img:hover{ cursor:pointer; opacity: 0.85;}

.lineas_intervencion {margin: 2em auto 2em;background: #e8e8e8;}
.lineas_intervencion h3 {text-align: center;color: #362e93;text-transform: uppercase;font-weight: lighter;font-size: 2em;margin: 0.3em auto 0em;}
.lineas_intervencion .image_padding {padding: 2em;}
.lineas_intervencion img {width:50%; margin: 0 auto;}
.lineas_intervencion p {text-align: center;margin: 1.4em;color: black;font-size: 1em;margin-top: 0;margin-bottom: 1em;}

.image_presentation_1 {}
.image_presentation_1 img {border: solid 10px #d8d8d8;margin: 1em;width: 80%;border-radius: 0.5em;}
.image_presentation_1 p.description {text-align: center;text-transform: uppercase;color: gray;}


ol li {margin-bottom: 1em;font-size: larger;}

main {margin-top:0em; margin-bottom:3em;}

.home_youtube_case {height: 320px;}

footer {background: #000; padding: 0.5em 0; margin-top: 3em; border-top: solid 10px #e9e9e9;}
footer ul {display: table; margin: 0; padding: 0;}
footer ul li { text-decoration: none; list-style: none; margin-bottom: 1em; color: #cfcfcf; }
footer ul li a{ color:#ecc92a; text-decoration: none; }
footer h4 {color: white; font-weight:bold; font-size:larger;}

.vbreak-2em {height: 2em;}
.bolder {font-weight: bolder;}
.theme-bg-yellow {  }
.padding-top-2em {padding-top:2em;}
.max-width-30pc {max-width:30%;}
.max-width-50pc {max-width:50%;}
.max-width-65pc {max-width:65%;}

.article-wrapper { padding-right: 1em; }
.article-wrapper-right { padding-left: 1em; }
.article-image-wrapper { padding-left: 1em; }
.article-wrapper h3 {margin-top:0; font-size: 2em; font-weight: normal;}
.article-wrapper h3 a {text-decoration: none; color:black;}
.article-wrapper h4 { font-size: 1.6em; font-weight: lighter; letter-spacing: 0.1em; text-decoration: none;}
.article-wrapper h4 a {text-decoration: none; color:gray;}
.article-wrapper p, .article-wrapper div.content_eu, .article-wrapper div.content_es { font-size: large; line-height: 1.5em;}
.article-wrapper div.content_eu, .article-wrapper div.content_es {padding: 0.5em 0 0.5em 0;}
.article-wrapper .author {  }

.bg-yellow{background-color: #fccb46;}
.max-width-2350 { max-width:2350px; }
.margin-0-auto{ margin:0 auto; }
.padding-right-0 {padding-right: 0px;}
.margin-bottom-3em {margin-bottom: 3em;}

.categories {}
.categories .title {}
.categories .title h2 { text-transform: capitalize; font-size: 3.5em; }
.categories .pagination h5 {font-size: 1.5em;}
.categories .item {}
.categories .item h3 {margin-bottom: 0em;}
.categories .item h4 {margin: 0.5em auto 0.3em;}
.categories .item h4 a {color:#484849;}
.categories .item p {margin-top: 0em;color: gray;font-size: 1.3em;}

menu.language_choice {padding: 0;display: table;border-bottom: solid 1px gray;min-width: 250px;}
menu.language_choice li {list-style: none;padding: 0;display: table-cell;}
button.language_choice {background: #d1d1d1; color: white; border: none; border-radius: 0.9em 0.9em 0 0; font-size: 1.2em; padding: 0.5em 1em; cursor: pointer;}
button.language_choice.selected {background: #fccb46; color: black;}
button.language_choice:hover {opacity: 0.7;}

.pagination {}
.pagination ol {display:table; margin: 0; padding: 0;}
.pagination ol li {display: table-cell;}
.pagination ol li.active a {background-color: #fccb46;}
.pagination ol li a {font-size: 1.6em; display: block; padding:0.5em 0.75em; border: solid 1px black; margin-right: 0.5em; border-radius: 0.3em; color: black; text-decoration: none;}

.team {}
.team .person {}
.team .person .avatar{background: #f3f3f3; padding: 20px;}
.team .person .avatar img{width: 100%;}
.team .person h2{}
.team .person h3{}
.team .person a{color: black;display: block;margin-bottom: 1em;font-size: 1.1em;}
.team .person a img { width:1.5em; }
.team .person p{}

.home_video_links a:link{color:inherit; text-decoration:none; }
.home_video_links a:active{color:inherit; text-decoration:none; }
.home_video_links a:visited{color:inherit; text-decoration:none; }
.home_video_links a:hover{color:inherit; text-decoration:none; }
.home_video_links p {padding-right: 1em;}

a.download.publication {display: inline-block; background: #e20613; color: white; padding: 0.8em 1em 0.8em 2.3em; text-decoration: none; border-radius: 0.3em; box-shadow: 1px 1px 2px #d2d2d2cc;background-image: url("/img/file-earmark-arrow-down.png");background-size: 1.4em;background-repeat: no-repeat;background-position: 0.5em 0.9em;}
a.download.publication.pdf {}
a.download.publication.epub {}
a.download.publication.blue {background: #19224b;}

.index.item .image.wrapper{width: 20em;padding: 1em;background: #eaeaea;}
.index.item .image.wrapper.pos_1{float: left;margin-right: 2em;}
.index.item .image.wrapper.pos_0{float: right;margin-left: 2em;}
.index.item small{margin-right:1em;}
.index.item a.read_more {display:block; font-weight: medium; text-decoration: none; color:black;}
.index.item a.read_more:hover {color:gray;}


.carousel { position:relative; }
.carousel li { /*! position:absolute; */ /*! top:2em; */ list-style: none;}
.carousel li.prev { left:0;  }
.carousel li.next { right:0; }
.carousel li a { display: block;overflow: hidden;max-height: 293px;}
.carousel li a img { }
.carousel li.disabled { display:none; }


/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 */
@media (min-width: 40em) {
    .tablet {display:block !important;}
    .mobile {display:none !important;}


    .main-sticky-menu ul li a {padding: 1em;}
    .main-logo-header { padding-top: 8em; padding-bottom: 5em; }
    main {margin-top:3em; margin-bottom:3em;}
    .home_youtube_case {height: 580px !important;}
}

/*
 * -- DESKTOP (AND UP) MEDIA QUERIES --
 */
@media (min-width: 60em) {

    .main-logo-header img {width: 80%;}

    /* desktop menu only for desktops, tablets are too small */
    .main-sticky-menu ul {display:block;}
    .main-sticky-menu .device_menu_trigger {display:none;}
    .main-sticky-menu ul { display:table; margin: 0; padding: 0; width: 100%;}
    .main-sticky-menu ul li { display:table-cell; text-align: center; }

    .tablet {display:none !important;}
    .desktop {display:block !important;}
    .home_youtube_case {height: 580px !important;}
}