/*@import 'font-awesome.css';
@import 'all.css';*/
@import 'general.css';
@import 'responsive.css';

svg.ext {
    width: 14px;
    height: 14px;
    padding-right: 0.2em;
    fill: #727272;
    font-weight: 900;
    top: -7px;
    position: relative; 
    left: 2px;
}

/********************************************
    SCROLLBAR PERSONALIZADO
*********************************************/

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--navy-blue);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--light-blue);
}


/*************************************************
    BLOQUES DE CONTENIDOS LISTADOS (E.G. NEWS)
/************************************************/

/* General-content */
.content-block-listed {
    border-bottom: 1px dotted var(--medium-gray);
    box-sizing: border-box;
    padding: 20px 0;
}

/* link tags */
.content-tag-list {
    background-color: var(--light-gray);
}

.content-tag-list a {
    color: var(--light-blue);
    padding: 3px 10px;
}

/* p block */
p.p-block {
    color: #000;
    font-size: 14px;
}

.status-block {
    color: var(--dark-blue);
    font-family: 'notesesabold';
    font-size: 16px;
}

/* quitar falsa maquetacion h2 */

    h1.h2-enlace-bloque {
        font-size: 18px;
        border-bottom: none;
        margin-bottom: 0;
    }

    h1.h2-enlace-bloque a:hover {
        text-decoration: none;
    }

/*******************************
    BREADCRUMBS
/*******************************/

.block-system-breadcrumb-block ol.breadcrumb {
    background-color: transparent;
    margin-bottom: 1.3rem;
    padding: 20px 0;
}

li.breadcrumb-item a,
li.breadcrumb-item {
    color: var(--light-blue);
    font-size: 12px;
    font-family: Verdana, arial;    
}

li.breadcrumb-item a:hover {
    text-decoration: none;
    color: var(--navy-blue);
}

li.breadcrumb-item {
    color: var(--gray);
}

/*******************************
    FILTERS ARTES ELEMENTS
/*******************************/

.view-filters {
    background: var(--light-gray);
    padding: 40px 40px 20px 40px;
    margin: 15px 0;
}

.view-filters input,
.view-filters select {
    border-radius: 0;
}

.view-filters label,
#edit-field-status-value--wrapper span.fieldset-legend {
    font-family: 'NotesEsaBold';
    font-weight: normal;
    font-size: 16px;
    color: var(--navy-blue);
    text-transform: capitalize;
}

#edit-field-status-value--wrapper legend.legend-title {
    text-transform: lowercase;
    text-transform: capitalize;
}

fieldset#edit-field-status-value--wrapper i {
    display: none;
}

/*******************************
    HEADER
/*******************************/

/* Barra Superior */
.content-superior-bar {
    background-color: var(--dark-blue);
     border-bottom: 4px solid var(--light-blue-transparency); 

}

.content-txt-barra-superior {
    align-items: center;
}

.logo-esa {
    right: 0;
}

.content-txt-barra-superior p {
    color: #fff;
    font-family: 'notesesabold';
    font-size: 1rem;
    margin: 0;
    padding: 15px 0;

}

/* Registro */

.content-form-search .navbar-nav li a,
.content-form-search-mobile .navbar-nav li a {
    color: #fff;
    font-family: 'notesesareg';
    text-align: right;
}

/***************************************/

/* Header */

header {
    /*display: inline-flex;*/
    display: inline-block;
    top: 60px;
    left:0;
    z-index: 10;
}

.sticky {
    position: sticky;
    top: 0;
}

.content-img-home {
    background-image: url(../img/Main-Background-image--ESA_your_partner_in_orbit.jpg);
    /*background-image: url(../img/bg-universe-full.jpg);
    background-image: url(../img/bg-universe-full.jpg);
    background-image: url(../img/bg-universe-full.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 450px;
    display: inline-flex;
}

/* Txt header */



.content-main-txt-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20%;
}

/*.header-artes-elements-420 .content-main-txt-header {f
    margin-left: 0;
}*/

.content-img-artes-elements .content-main-txt-header {
    display: none;
}

.content-img-home h2 {
    color: #fff;
    background-color: var(--dark-blue-transparency);
    padding: 20px;
    margin-bottom: 10px;
    font-family: 'notesesareg';
    width: max-content;
}

.content-img-home ul li {
    color: #fff;
    font-family: 'notesesareg';
}

/***************************************/

/* Botón open menu */

.content-btn-menu {
    display: inline-flex;
    align-items: center;
    padding: 20px 0 0 20px;
}
.content-btn-desplegable-menu {
    display: inline-block;
    height: 26px;
    width: 40px;
}

.content-btn-desplegable-menu:hover {
    cursor: pointer;
}

.linea {
    background-color: #fff;
    height: 2px;
    margin: 0;
    width: 100%;
    /* transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease; */
    transition:.3s cubic-bezier(.55,.86,.63,.95);
    --webkit-transition:.3s cubic-bezier(.55,.86,.63,.95);
    --moz-transition:.3s cubic-bezier(.55,.86,.63,.95);
}

.linea-1 {
    top: 0;
}

.linea-2 {
    top: 12px;
}

.linea-3 {
    bottom: 0;
}

.content-btn-desplegable-menu:hover .linea-1  {
    right: 0;
    transform: rotate(60deg);
    margin:0;
    width: 50%;
}

.content-btn-desplegable-menu:hover .linea-3  {
    right: 0;
    transform: rotate(-60deg);
    margin:0;
    width: 50%;
}

/* LOGO */

.content-headerlogo {
    display: inline-block;
    margin-left: 20px;
}

.content-headerlogo a {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.content-headerlogo a img {
    height: auto;
    width: 100%;
}
/* Menú */

/* Open menu animation */
@keyframes animated-open-menu {
    from { width: 0; padding: 0;}
    to { width: 30%; 
         padding: 80px 40px;
    }
  }
/* Close menu animation */
  @keyframes animated-close-menu {
    from { width: 30%; 
            padding: 80px 40px;
         }
    to  { width: 0; padding: 0;}
  }

/*.general-content-menu {
    left: 0%;
    top: 0;
    z-index: 11;
    transition:10s ease-out cubic-bezier(.07,.78,.09,.9);
    --webkit-transition:10s ease-out cubic-bezier(.07,.78,.09,.9);
    --moz-transition:10s ease-out cubic-bezier(.07,.78,.09,.9);

}

.open-menu {
    background-color: var(--dark-blue);
    height: 100%;
    animation-name: animated-open-menu;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.07,.78,.09,.9);
    width: 30%;*/
    /* transition:1s ease-out cubic-bezier(.07,.78,.09,.9);
    --webkit-transition:1s ease-out cubic-bezier(.07,.78,.09,.9);
    --moz-transition:1s ease-out cubic-bezier(.07,.78,.09,.9); */
/*}

.close-menu {
    background-color: var(--dark-blue);
    height: 100%;
    animation-name: animated-close-menu;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.07,.78,.09,.9);
    width: 0;
}*/

/* Botón cerrar */

.close-btn {
    display: none;
    position: relative;
    transition:.3s all cubic-bezier(.05,.33,.63,.95);
    --webkit-transition:.3s all cubic-bezier(.05,.33,.63,.95);
    --moz-transition:.3s all cubic-bezier(.05,.33,.63,.95);

}

.close-btn i {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    transition:.3s cubic-bezier(.05,.33,.63,.95);
    --webkit-transition:.3s cubic-bezier(.05,.33,.63,.95);
    --moz-transition:.3s cubic-bezier(.05,.33,.63,.95);

}

.close-btn:hover {
    cursor: pointer;
}

.close-btn i:hover {
    transform: rotate(270deg);
    --webkit-transform: rotate(270 deg);
    --moz-transform: rotate(270 deg);
}

.close-btn:hover i {
    --transform: rotate(130 deg);
    --webkit-transform: rotate(130 deg);
    --moz-transform: rotate(130 deg);
}

/***************************************/

/* Search */

.content-form-search,
.content-form-search-mobile {
    padding: 0 20px 0 0;
}

.content-form-search .region-nav-additional
.content-form-search-mobile .region-nav-additional {
    display: inline-block;
    width: 100%;
}

.content-form-search .search-artes {
    width: 50%;
}
.content-form-search-mobile .search-artes {
    width: 100%;
}

.content-form-search .form-actions,
.content-form-search-mobile .form-actions {
    width: 40px;
    height: 40px;
    float: right;
}

.content-form-search .js-form-item,
.content-form-search-mobile .js-form-item {
    width: calc(100% - 40px);
}

.content-form-search input[type="search"],
.content-form-search-mobile input[type="submit"],
.content-form-search-mobile input[type="search"] {
    border-radius: 0;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
    float: left;
    width: 100%;
}

.content-form-search-mobile input[type="submit"] {
    background-color: var(--light-blue);
}

.content-form-search-mobile input[type="submit"] i {
    color: #fff;
}

.block-search {
    float: right;
}

header input#edit-submit {
    background-color: var(--light-blue);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 0;
    background-image: url('../img/search-solid.png');
    background-repeat: no-repeat;
    background-size: countain;
    background-position: center;
    width: 100%;
}

header input#edit-submit{
   color: transparent !important;
}

header div#edit-actions {
    margin-left: 0;
}

/* mobile or tablet Icon */

.content-search-menu i.fa-search,
.content-form-search-mobile,
.content-form-search-mobile i.fa-search,
.content-search-menu i {
    display: none;
}

/***************************************/

/*******************************
    FLOATING TEXT
/*******************************/

.content-float-text {
    position: absolute;
    left: 100px;
    background-image: url('../img/bg_float_msg.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 215px;
    /*padding: 20px;*/
    border-radius: 10px;
    display: none;
}

.content-float-text-visible {
    display: flex;
}

.content-float-text p {
    font-family: Verdana, arial;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 20px;
    line-height: 18px;
}

/***************************************/

/*******************************
    HOME
/*******************************/

.content-latest-news {
    background: #3085a3;
    background-image: url('../img/shutterstock_firemen_MANET.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    overflow: hidden;
    max-height: 240px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

/***************************************/

/*****************************************************
    NEWS (news and projects has a similar structure)
/*****************************************************/

/* Before filters  */

.view-news-and-events .info {
    font-family: Verdana, arial;
    font-size: 14px;
    font-weight: 400;
}

/* Fieldset filtros */

#edit-field-category-target-id--wrapper .content-fieldset,
 .view-contractors .content-fieldset{
    display: none;
}

#edit-field-category-target-id--wrapper .legend-title span,
.Partners #edit-field-category-target-id--wrapper .legend-title span.fieldset-legend,
 .view-contractors span.fieldset-legend {
    color: var(--navy-blue);
    font-family: 'notesesabold';
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
}

.News #edit-field-category-target-id--wrapper .legend-title span,
.Partners #edit-field-category-target-id--wrapper .legend-title span.fieldset-legend,
.view-contractors span.fieldset-legend {
    font-family: 'notesesareg';
}

.legend-title i {
    color: var(--navy-blue);
    font-size: 25px;
}

.form-checkbox {
    margin-right: 10px;
}

fieldset#edit-field-category-target-id--wrapper {
    width: 100%;
    border-bottom: 1px solid var(--medium-gray);
    margin-bottom: 20px;
}

/* Parte en dos columnas la lista de filtros */
.form-checkboxes.bef-nested>ul {
    column-count: 2;
    list-style: none;
}
.form-checkboxes.bef-nested > ul > li ul {
    list-style: none;
}

.form-item-field-companies-target-id {
    /*padding: 15px 15px 0 0;*/
    width: 50%;
}

.view-filters label.option {
    color: var(--gray);
    font-family: 'Verdana', 'arial';
    font-size: 14px;
    margin-bottom: 0;
}
/* Filters Buttons */

input#edit-reset, 
input#edit-submit-news-and-events,
input#edit-submit-projects,
input#edit-submit-contractors,
input#edit-submit-tenders {
    padding: 0;
    height: 35px;
    line-height: 25px;
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 2px;
    padding: 0 20px;
}

.view-filters i.fas.fa-times,
.view-filters i.far.fa-arrow-alt-circle-right {
    width: 35px;
    height: 35px;
    color: #fff;
    background-color: var(--navy-blue);
    text-align: center;
    line-height: 35px;
}

.view-filters input#edit-reset:hover,
.view-filters input#edit-submit-news-and-events:hover,
.view-filters input#edit-submit-projects:hover,
.view-filters input#edit-submit-tenders:hover {
    background-color: var(--navy-blue);
    border-color: var(--navy-blue);
}

#edit-field-category-target-id--wrapper .legend-title {
    cursor: pointer;
}

/* Content */

.node--view-mode-teaser,
.project-item {
    border-bottom: 1px dotted var(--medium-gray);
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 0;
    width: 100%; /*?*/
}

.node--view-mode-teaser .field--name-field-news-image,
.node--view-mode-teaser .field--name-field-description-teaser1,
.content-img-project { /* .content-img-project - class of the content-image of project section */
    width: 16.66%;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.node--view-mode-teaser .field--name-field-description-teaser1,
.content-info { /* .content-info - class of the content of project section */
    float: right;
    padding-left: 30px;
    width: 83%;
}

.node--view-mode-teaser .field--name-field-description-teaser1 {
    padding-left: 15px;
}

.node--view-mode-teaser p,
.content-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.5px;
}

.node--view-mode-teaser img,
.content-img-project img {
    max-width: 100%;
    height: auto;
}

div#block-mainpagecontent img {
    max-width: 100%;
    height: auto;
}

.field--name-field-company-image img {
    height: auto;
    padding: 0 3px;
    max-width: 100%;
}

/* img list news */

.field--name-field-news-image img {
    width: 100%;
    padding: 0 15px;
}

ul.projects.metadata-list-program a {
    background-color: var(--light-gray);
    padding: 3px 10px;
}

.view-projects fieldset#edit-field-category-target-id--wrapper {
    margin-bottom: 0;
}

.view-projects .bef-exposed-form .form--inline > .form-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

/* PROJECTS DETAILS */

.field--name-field-company-url a {
    font-size: 14px;
    color: var(--light-blue);
    font-family: Verdana, arial;
}

.field--name-field-company-url a:hover {
    color: var(--dark-blue);
    text-decoration: none;
}

.field--name-field-company-image .field__label,
.field--name-field-company-url .field__label,
.field--name-field-company-country .field__label {
    display: none;
}

.field--name-field-objectives .field__label,
.field--name-field-challenges .field__label,
.field--name-field-benefits .field__label,
.field--name-field-features .field__label,
.field--name-field-system-architecture .field__label, 
.field--name-field-plan .field__label,
.field--name-field-current-status .field__label, 
.field--name-field-challenges .field__label,
.project_subcontractor .header, 
.project_contractor .header,
.field--name-field-documents .field__label,
.field--name-field-related-links-pro .field__label {
    font-family: 'notesesareg';
    font-size: 22px;
    line-height: 24px;
    color: var(--navy-blue);
    font-weight: normal;
    margin: 20px 0;
    clear: both;
}

.project_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.project_image {
    width: 30%;
}

.project_image img {
    height: auto;
    width: 60%!important;
}

.project_header_data {
    width: 70%;
}


.project_category {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.field--name-field-category .field__items {
    margin-bottom: 2rem;
    width: 100%;
}

.node--type-projects ul {
    margin-bottom: 10px;
    margin-bottom: 30px;
}

.node--type-projects ul li {
    font-size: 14px;
    list-style: disc;
    font-family: Verdana, arial;
}

.field--name-field-status,
.field--name-field-status-date,
.field--name-field-activity-code {
    width: auto;
    display: flex;
    float: left;
    padding-right: 10px;
}

.field--name-field-status .field__label,
.field--name-field-activity-code .field__label,
.field--name-field-status-date .field__label {
    color: var(--light-blue);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    float: left;
    padding-right: 5px;
    font-family: Verdana, arial;
}

.datetime, 
.field--name-field-company-country .field__item {
    font-family: Verdana, arial;
    font-size: 14px;
    font-weight: 400;
}


.field--name-field-status .field__label:after,
.field--name-field-activity-code .field__label:after {
    content: ':';
}

.field--name-field-status, .field__item,
.field--name-field-activity-code .field__item {
    font-size: 12px;
    font-family: Verdana, arial;
}

.field--name-field-category .field__item {
    display: flex;
    float: left;
    margin: 0 10px 10px 0;
}

.field--name-field-category .field__item a {
    padding: 3px 10px;
    background-color: var(--light-gray);
    font-size: 14px;
    line-height: 22.5px;
    font-weight: 400;
    margin-right: 10px;
    color: var(--light-blue);
    font-family: Verdana, arial;
}

.field--name-field-category .field__item a:hover {
    text-decoration: none;
    color: var(--dark-blue);
}

/* h1 duplicado y se hace este apaño para quitarlo */

.page-node-type-projects div#block-mainpagecontent h1:first-child {
    /* display: none; */
}

.page-node-type-news-and-events .node__content ul li{
    list-style-type: disc;
}
.page-node-type-news-and-events .node__content ul li{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 4px;
}

/* Contractor & subcontractor */

.project_contractor, .project_subcontractor {
    width: 50%;
    float: left;
}

.project_contractor .node--type-company .conent, 
.project_subcontractor .node--type-company .conent {
    margin-bottom: 40px;
}

.project_contractor .field__item, .project_subcontractor .field__item {
    float: left;
    width: 20%;
}

.field--name-field-company-country .field__item,
.field--name-field-company-url .field__item {
    width: 100%;
}

.project_contractor .field__item img, .project_subcontractor .field__item img {
    height: auto;
    float: right;
    width: 100%;
}

.project_subcontractor .content {
    display: flow-root;
}

.project_contractor .contractor_teaser_content,
.project_subcontractor .contractor_teaser_content {
    float: right;
    margin-bottom: 10px;
    padding-left: 20px;
    width: 80%;
}

.contractor_teaser_content .title,
.subcontractor_teaser_content .title {
    font-family: 'notesesareg';
    font-size: 18px;
}

.contractor_teaser_content .field__item,
.subcontractor_teaser_content .field__item {
    font-size: 14px;
    line-height: 22px;
}

.view-projects h2 {
    padding: 0 0 10px 0;
    margin: 0;
}

.view-projects h2 a {
    font-family: 'notesesabold';
    font-size: 18px;
}

.view-projects h2 a:hover {
    text-decoration: none;
}

/* Related contents */

.field--name-field-related-links-pro {
    margin-bottom: 30px;
}

.field--name-field-related-links-pro .field__item a, 
.field--name-field-company-description .field__item {
    color: var(--light-blue);
    font-family: Verdana, arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.field--name-field-company-description .field__item {
    color: var(--dark-gray);
}

.field--name-field-related-links-pro .field__item a:hover {
    color: var(--dark-blue);
    text-decoration: none;
}

/* field--name-field-status  */

.project_footer .field--name-field-status {
    width: 100%;
}

.project_footer .field--name-field-status .field__label {
    color: var(--navy-blue);
}

.project_footer .field--name-field-status .field__label:before {
    content: "\f274";    
    font-family: 'Font Awesome 5 Free';
    padding-right: 10px;
    font-size: 14px;
}

.field--name-field-company-description {
    margin-bottom: 20px;
}

.field--name-field-company-country .field__item {
    margin-bottom: 15px;
}

/***************************************/

/*******************************
    NARROW RIGHT COLUMNS 
/*******************************/

.region-sidebar-second .block-views {
    background-color: var(--light-gray);
    margin: 0 0 20px 20px;
    padding: 0 15px;
}

.region-sidebar-second .views-element-container img {
    width: 100%;
    height: auto;
}

.views-field.views-field-title {
    margin: 5px !important;
    padding: 5px !important;
}

.region-sidebar-second .block-views .views-field-title a {
    font-family: 'notesesabold';
    font-size: 16px;
    color: var(--light-blue);
    line-height: 20px;
}

.region-sidebar-second .block-views .views-field-title a:hover {
    text-decoration: none;
    color: var(--dark-blue);
}

.region-sidebar-second .block-views .views-field-created {
    font-family: Verdana, arial;
    font-style: italic;
    font-size: 14px;
    padding-left: 30px;
}

.region-sidebar-second .block-views .views-field-created span:before {
    content: '\f017';
    font-family: 'fontawesome';
}

/*******************************
    PROJECTS
/*******************************/

/* Filter projects  */

fieldset#edit-field-status-value--wrapper {
    width: 25%;
}

#edit-field-status-value .form-checkboxes {
    display: flex;
}

#edit-field-status-value .form-item.js-form-type-checkbox {
    display: flex;
    padding-right: 10px;
    flex-direction: row;
    align-items: center;
    margin: 15px 10px;
}

.project-item .subcontractor li {
    margin-left: 0;
}

.content-info .contractor, 
.content-info .subcontractor {
    float: left;
    padding-left: 0;
}

.content-info .contractor h3, 
.content-info .subcontractor h3 {
    color: var(--navy-blue);
    font-family: 'notesesabold';
    font-size: 16px;
}

ul.projects.metadata-list-program,
.content-info .contractor ul, 
.content-info .subcontractor ul {
    padding: 0;
}

.content-info .contractor ul a, 
.content-info .subcontractor ul a {
    color: var(--light-blue);
}

ul.projects.metadata-list-program a {
    color: var(--light-blue);
    padding-right: 20px;
}

ul.projects.metadata-list-program a:hover,
.path-contractors ul.view-list > li .related-projects-list ul li .category a:hover, 
.path-subcontractors ul.view-list > li .related-projects-list ul li .category a:hover {
    background-color: var(--medium-gray);
    text-decoration: none;
    color:  var(--dark-blue);
}

.subcontractor a,
.contractor a {
    display: block;
    font-family: Verdana, arial;
    width: 100%;
}

.subcontractor a:hover,
.contractor a:hover {
    color: var(--dark-blue)!important;
    text-decoration: none;
}

/***************************************/


/*******************************
    ARTES ELEMENTS
/*******************************/

/* Header Artes Elements */

.page-node-type-artes-elements .row {
    margin-right: 0;
    /*align-items: stretch;*/
}

.header-artes-elements-420 {
    background-color: var(--dark-blue);
    display: inline-block;
    height: 450px;
    overflow: hidden;
}

.content-image-header-artes-elements {
    display: flex;
    height: 100%;
    padding: 0;
    filter: brightness(65%);
    /*filter: blur(1px);*/
}

.header-artes-elements-420 img {
    /*filter: brightness(65%);*/
    height: auto;
    width: 100%;
}

.node--view-mode-full .field--name-field-artesimage,
.node--view-mode-full .field--name-field-overview-image {
    display: inline-block;
    width: auto;
    padding: 20px;
    float: left;
}

.field.field--name-field-overview-page.field--type-entity-reference.field--label-hidden.field__item {
    display: inline-block;
}

.node--type-artes-elements .field.field--name-field-overview-page.field--type-entity-reference.field--label-hidden.field__item {
    display: none!important;
}

/***************************************/

.content-img-artes-elements h2, 
.content-img-artes-elements .content-summary-artes-elements {
    z-index: 1;
}
.content-summary-artes-elements {
    box-sizing: border-box;
    padding: 0;
    max-width: 800px;
    margin: 8.5rem auto 0;
}
.content-summary-artes-elements h2.h2-cabecera {
    font-size: 52px;
    line-height: 74px;
    width: auto;
    background-color: transparent;
    display: inline;
    padding: 0;
    word-spacing: -16px;
}
.content-summary-artes-elements h2.h2-cabecera span{
    padding: 0 8px;
    background-color: var(--navy-blue);
}
.content-summary-p {
    color: #fff;
    font-family: 'notesesareg';
    width: 100% !important;
    padding: 4px 0px;
}

@media (max-width: 900px){
    .content-summary-artes-elements  {
        max-width: 70%;
    }
}
@media (max-width: 750px) and (orientation: portrait){
    .content-img-home {
        display: flex;
        height: 100vh !important;
    }
    .content-summary-artes-elements  {
        max-width:  80%;
    }
    .content-summary-artes-elements h2.h2-cabecera {
        font-size: 42px !important;
        padding: 0 !important;
        line-height: 54px;
    }   
    .content-summary-artes-elements {
        margin: 7.5rem 30px 30px !important;
        min-height: 350px;
    } 
}





.content-summary-p p,
.right.cajas-artes-elements {
    color: #fff;
} 

.cajas-artes-elements {
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.cajas-artes-elements img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
.right.cajas-artes-elements {
    box-sizing: border-box;
    /*padding: 40px;*/
    padding: 40px 10% 40px 40px;
    position: relative;
    width: 80%;
}

.left.cajas-artes-elements iframe {
    margin-right: -2px;
    width: 100%;
}

/* content-video-txt-artes-elements  */

.content-video-txt-artes-elements {
    height: 450px;
}


/*******************************
    PAGINATION
/*******************************/

nav.pager > ul {
    list-style: none;
    flex-wrap: wrap;
    display: block;
    margin: 20px auto;
}

li.btn.btn-secondary.pager__item.active.btn.btn-light,
li.btn.btn-secondary.pager__item.btn.btn-light {
    border: navajowhite;
    background: transparent;
}

li.btn.btn-secondary.pager__item.active.btn.btn-light a {
    color: var(--dark-blue);
    font-weight: bold;
}

li.btn.btn-secondary.pager__item.btn.btn-light a,
.pager__item--ellipsis, 
.pager__item--next, 
.pager__item--last {
    color: var(--light-blue);
}

nav.pager > ul li a {
    font-family: Verdana, arial;
    font-size: 14px;
    font-weight: 400;
}

.pager__item--next:hover,
.pager__item--last {
    background-color: transparent;
}

/***************************************/



/*****************************************************
    RELATED CONTENTS (ARTES ELEMENTS) 
/*****************************************************/

.field--name-field-related-content .field__label,
.field--name-field-spl-contacts .field__label {
    color: var(--navy-blue);
    font-family: 'notesesabold';
    font-size: 32px;
    line-height: 34px;
    position: relative;
    margin: 60px 0;
    text-transform: uppercase;
}

.field--name-field-related-content .field__item,
.name-field-related-banners .field__item {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    width: calc(33.33% - 20px);
    transition: .3s all ease;
    --wekit-transition: .3s all ease;
    --moz-transition: .3s all ease;
}

.field--name-field-related-content .field__item:hover .field--name-field-artesimage {
    opacity: .6;
} 

.field--name-field-related-content .field__item:hover h2 {
    opacity: 1;
}

.field--name-field-related-content .field__items {
    display: flex;
    margin-top: 40px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;

}

.field--name-field-related-content .field__item article .node__content {
    display: inline-block;
} 

.field--name-field-related-content .field__item article .node__content .field--type-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.field--name-field-related-content .field--name-title { 
    background-color: var(--navy-blue);
    color: #fff;
    display: inline-flex;
    padding: 20px 40px;
}




.node--type-artes-elements.node--view-mode-teaser-spl-nodes {
    padding: 20px;
    min-height: 390px;
}
.node--type-artes-elements.node--view-mode-teaser-spl-nodes:hover{
  box-shadow: 0 0px 20px rgba(0,0,0,0.15);
  transition: box-shadow 0.4s ease-in-out;
}

.node--type-artes-elements.node--view-mode-teaser-spl-nodes h2 a:hover {
    text-decoration: none;
}
.node--type-artes-elements.node--view-mode-teaser-spl-nodes h2 a:hover .field--name-title{
    background: var(--dark-blue);
}

.node--type-artes-elements.node--view-mode-teaser-spl-nodes.content-node-personalize .field.field--name-field-artesimage.field--type-image.field--label-hidden.field__item {
    overflow: hidden;
    padding: 0;
}

.node--type-artes-elements.node--promoted.node--view-mode-teaser-spl-nodes.content-node-personalize .field.field--name-field-artesimage.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
}

.field--name-field-overview-page {
    display: none;
}

/*****************************************************
    CONTACT (ARTES ELEMENTS) 
/*****************************************************/

/* Div General content of contact */
.field--name-field-spl-contacts {
    display: inline-block;
    margin-bottom: 80px;
    position: relative;
    width: 100%;
}

.field--name-field-spl-contacts .field__item, 
.field--name-field-related-banners .field__item { /* .field--name-field-rsp-image is related banners */
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
    width: calc(33.33% - 20px);
    
}

.field--name-field-related-banners .field--name-field-link {
    background-color: var(--navy-blue);
    left: 20px;
    display: flex;
    padding: 20px 40px;
    position: absolute;
    bottom: 20px;
    padding: 20px;
    z-index: 1;    
    width: auto;
}

.field--name-field-related-banners .field--name-field-link a {
    color: #fff;
    text-transform: uppercase;
    font-family: 'notesesabold';
    font-size: 18px;
}

.field--name-field-related-banners .field--name-field-link a:hover {
    text-decoration: none;
}

.field--name-field-spl-contacts .field__items {
    display: flex;
    flex-direction: row;
}

.field--name-field-spl-contacts .field__items > .field__item {
    background-image: url('../img/esa-logo-contacts.png');
    background-repeat: no-repeat;
    background-position: right 7px top 0px;
    padding: 40px 16px 8px;
    border: 1px solid var(--medium-gray);
    padding: 20px;
}

.field--name-field-spl-contacts .field__item:nth-child(3n + 3) {
    margin-right: 0;
}

.field--name-field-spl-contacts .field__item .node--type-artes-elements .field--name-field-artesimage img, 
.field--name-field-rsp-image { /* .field--name-field-rsp-image is related banners */
    padding: 0;
    height: auto;
    width: 100%;
}

.field--name-field-firstname,
.field--name-field-lastname {
    display: none;
}

.node--type-contacts h2 {
    display: none;
}

.field--name-field-firstname,
.field--name-field-lastname {
    width: auto!important;
    display: inline-flex;
    float: left;
    font-size: 20px;
    position: relative;
    font-family: 'notesEsabold';
    font-weight: normal;
    color: var(--gray);
    text-align: left;
}

.field--name-field-address,
.field--name-field-zip,
.field--name-field-city,
.field--name-field-phone,
.field--name-field-fax,
.field--name-field-email
 {
    width: 100%!important;
    display: block;
    text-align: right;
    font-family: 'notesesareg';
    font-size: 15px;
}

.page-node-type-contacts .field--name-field-address,
.page-node-type-contacts .field--name-field-zip,
.page-node-type-contacts .field--name-field-city,
.page-node-type-contacts .field--name-field-country, 
.page-node-type-contacts .field--name-field-phone, 
.page-node-type-contacts .field--name-field-fax,
.page-node-type-contacts .field--name-field-email
 {
    width: 100%!important;
    display: block;
    text-align: left;
    font-family: 'Verdana';
    font-size: 14px;
}
.page-node-type-contacts .field--name-field-phone .field__item, 
.page-node-type-contacts .field--name-field-phone .field__label,
.page-node-type-contacts .field--name-field-email .field__item, 
.page-node-type-contacts .field--name-field-email .field__label
{
    text-align: left;
    font-family: 'Verdana';
    font-size: 14px;
    font-weight: normal;
}

.field.field--name-field-category.field--type-entity-reference.field--label-hidden.field__items {
    display: none;
}

.field--name-field-firstname {
    margin-right: 6px!important;
}

svg.mailto {
    display: none;
}

/* No link email card */

.field--name-field-spl-contacts .field--name-field-email {
    pointer-events: none;
    cursor: default;
}

/****************************************
    RELATED BANNERS (ARTES ELEMENTS) 
/****************************************/

/* .field--name-field-related-banners General content of Related Banners */
.field--name-field-related-banners .field__items,
.field--name-field-related-banners .field--name-field-rsp-image {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}
.field--name-field-related-banners .field--name-field-rsp-image:hover{
  box-shadow: 0 0px 20px rgba(0,0,0,0.15);
  transition: box-shadow 0.4s ease-in-out;
}
.field--name-field-related-banners .field__label {
    display: none;
}

.name-field-related-banners .field__item:hover .field--name-field-rsp-image {
    opacity: .6;
}

.node.node--type-rsb-icon {
    display: inline-block;
    width: 100%;
}

.node.node--type-rsb-icon h2 a:hover {
    text-decoration: none;
}

.node--type-rsb-icon.node--promoted.node--view-mode-teaser-spl-nodes.content-node-personalize .h2-enlace-bloque {
    position: absolute;
    bottom: 20px;
    padding: 20px;
    z-index: 1;
}

.field--name-field-related-banners .field__label,
.field--name-field-spl-contacts .field__label, 
.field--name-field-spl-term .field__label {
    /*display: none;*/
}

.field--name-field-related-banners .field--name-field-rsp-image img {
    height: auto;
    width: 100%;
}

article.node.node--type-rsb-icon.node--promoted.node--view-mode-teaser-spl-nodes.content-node-personalize .field--name-field-spl-contacts .field__item {
    width: 100%;
}

/*******************************
    OUR ACTIVITIES
/*******************************/

ul.our-activities-items {
    display: contents;
}

li.our-activities-list {
    width: 33.33333%;
    display: flex;
    float: left;
    flex-direction: column-reverse;
    padding: 0 40px 10px 0;
    min-height: 220px;
    position: relative;
    justify-content: flex-end;
}

li.our-activities-list .views-field.views-field-title {
    margin: 0!important;
    padding: 0!important;
}

li.our-activities-list .views-field.views-field-title span.field-content {
    display: flex;
    width: 100%;
    background-color: #fff;
}

li.our-activities-list .views-field.views-field-title a {
    color: var(--light-blue);
    font-family: Verdana, arial;
    font-size: 15px;

}

li.our-activities-list .views-field-field-overview-image a {
    position: absolute;
    width: 100%;
    height: 100%;

}

/*******************************
    FUNDING
/*******************************/

/* Content-Funding */

.Funding .views-field-title .field-content a {
    font-family: 'notesesabold';
    font-size: 18px;
}

.field--name-field-tender-description .field__label {
    color: var(--navy-blue);
    font-size: 22px;
    line-height: 24px;

}

/* READ MORE BTN */

.right.cajas-artes-elements .read-more {
    position: absolute;
    bottom: 40px;
    /*right: 20%;*/
    left: 40px;
}

.right.cajas-artes-elements .read-more a {
    background: var(--light-blue);
    color: #fff;
    font-family: 'notesesareg';
    font-weight: normal;
    font-size: 18px;
    padding: 8px 20px;
    margin: 5px 0px;
    display: inline-block;
}

.right.cajas-artes-elements .read-more a:hover {
    text-decoration: none;
    background-color: var(--navy-blue);
}

/*******************************
    FOOTER
/*******************************/

footer {
    background-color: var(--dark-blue);
}

footer a, footer span {
    color: #fff;
}

footer h2 {
    border-bottom: 2px solid var(--light-blue-transparency);
    color: #fff;
    font-size: 16px;
}

footer.node__meta {
    background-color: transparent;
}

footer.node__meta span {
    color: var(--dark-blue);
}

/* Content footer menu */
footer .field--name-body, 
div#block-footersociallinks,
div#block-footersociallinks ul {
    display: flex;
}

footer .region-footer {
    display: flex;
    width: 100%;
}

/* Social Footer imgs */

div#block-footersociallinks h2 {
    border: none;
    display: flex;
}

div#block-footersociallinks .field.field--name-body.field--type-text-with-summary {
    display: flex;
    align-items: center;
}

div#block-footersociallinks ul li {
    display: block;
    margin: 0 8px 0 0;
    width: 26px;
}

div#block-footersociallinks ul li a img {
    opacity: .4;
    width: 100%;
}

div#block-footersociallinks ul li a:hover img {
    opacity: 1;
}

footer a:hover {
    opacity: 0.6;
    color: #FFF;
    text-decoration: none;
}

.col-footer {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

/* Logo Footer */

.panels-flexible-region-last {
    width: 100%;
}

.panels-flexible-region-last img {
    width: 60%;
    float: right;
}

/* Copyright */

.content-copyright-footer {
    border-top: 1px solid var(--light-blue-transparency);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
}

.content-copyright-footer p {
    color: #4C7B8D;
    font-family: 'notesesabold';
    font-size: 15px;
}
/* Back to top btn */

.back-to-top {
    position: fixed;
    color: #fff;
    padding: 8px 12px 9px 15px;
    font-size: 16px;
    border-radius: 2.5em;
    right: 6px;
    bottom: 30px;
    transition: background 0.5s;
    width: 2.5em;
    height: 2.5em;
    color: #fff;
    background-color: var(--navy-blue);
    border-color: var(--navy-blue);
}

i.fas.fa-chevron-up.btn-primary {
    border-radius: 50%;
    padding: 20px;

}

/**** FONT issue fix MAC ***/
.more-link a {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.morelinksl {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.views_slideshow_cycle_slide .field-content a {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.gridnews figure h2 a {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

	/* VIDEO POPUP */
.content-popup-videos-carrusel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}
.bg-popup-videos-carrusel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.85;
}
.content-popup-videos-carrusel i {
    position: absolute;
    top: 80px;
    right: 80px;
    font-size: 2rem;
    color: #fff;
    transition: .3s all ease;
    --webkit-transition: .3s all ease;
    --moz-transition: .3s all ease;
    z-index: 11;
}
.content-popup-videos-carrusel i:hover {
    cursor: pointer;
    transform: rotate(180deg);
    --webkit-transform: rotate(180deg);
    --moz-transform: rotate(180deg);
}
.video-carrusel-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    
    z-index: 1;
}
.video-carrusel-popup iframe {
    height: 484px;
    width: 802px;
}
/* CKEditors styles */
.cke_contents_ltr blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}
blockquote {
    /*font-style: italic;*/
    font-family: Verdana, arial;
    padding: 20px; 
    /*border-style: solid; 
    border-color: #ccc;
    border-width: 0;*/
}
/*textarea {
    display: block!important;
    visibility: visible!important;
}*/
textarea#g-recaptcha-response {
    display: none !important;
    visibility: hidden !important;
}
.indent {
list-style: none;
padding-left: 10px;
}