/*
Theme Name: Magma
Author: dosgrapas
Author URI: http://www.dosgrapas.com
Version: 1.1.02
Text Domain: magma
*/

/*------------------------------------------------  GENERAL ------------------------------------------------*/
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
body.menuOpen { overflow: hidden; }
.research-grid_element:hover .zoom-on-hover { transform: scale(1.1); }
.dropdown-toggle:hover .zoom-on-hover { transform: scale(1.25); }
.back_link:hover .back_link-picto { translate: -3px 0; }
.dropdown { overflow: hidden; }
.dropdown .dropdown-toggle_icon { transition: all 0.3s ease; }
.dropdown .dropdown-toggle_icon.less { display: none; }
.dropdown.open .dropdown-toggle_icon.plus { display: none; }
.dropdown.open .dropdown-toggle_icon.less { display: inline-block; }
.dropdown .dropdown-content, .people_tags .people_tags-hide { grid-column-gap: 0px; grid-row-gap: 0px;
    grid-template-rows: 0fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; overflow: hidden; }
.dropdown .dropdown-content { transition: grid-template-rows 300ms; }
.dropdown .dropdown-content div { overflow: hidden; transition: all 0.2s ease; }
.dropdown.is-grid.open .dropdown-content div { padding-top: 20px; }
.dropdown.open .dropdown-content { grid-template-rows: 1fr; padding-bottom: 15px; }
.video-embed, .wp-block-embed__wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.video-embed iframe, .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

@media (min-width:992px) {
    html.w-mod-js:not(.w-mod-ix) [data-w-id="6a347807-bce6-4269-8683-bb7572b9a687"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3b132fc4-bc68-7db1-a9c4-8f4965f2eafb"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="a66d0e91-5ea6-a35b-268c-785cfb48b0bf"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf723710-8730-5d15-4625-0371d44cc7cc"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="6a347807-bce6-4269-8683-bb7572b9a687"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3b132fc4-bc68-7db1-a9c4-8f4965f2eafb"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="a66d0e91-5ea6-a35b-268c-785cfb48b0bf"] {-webkit-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf723710-8730-5d15-4625-0371d44cc7cc"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="6a347807-bce6-4269-8683-bb7572b9a687"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3b132fc4-bc68-7db1-a9c4-8f4965f2eafb"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf723710-8730-5d15-4625-0371d44cc7cc"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="a66d0e91-5ea6-a35b-268c-785cfb48b0bf"] {-webkit-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="6a347807-bce6-4269-8683-bb7572b9a687"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="3b132fc4-bc68-7db1-a9c4-8f4965f2eafb"] {-webkit-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(40px, null, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="cf723710-8730-5d15-4625-0371d44cc7cc"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="a66d0e91-5ea6-a35b-268c-785cfb48b0bf"] {-webkit-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-40px, 30px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}
}

/*------------------------------------------------  HEADER ------------------------------------------------*/
body.white-menu .header-main_logo_image { filter: brightness(200); }
body.white-menu .main-link { color: var(--white); }
body.white-menu .main-link:hover, body.white-menu .main-link.w--current { color: var(--color-2); }
body.white-menu .burguer .linia { background-color: var(--white); }
body.absolute-menu header { position: absolute; top: 0; left: 0; right: 0; }
body.single-research-lines .main-link.item-36 { color: var(--color-2); }

@media screen and (max-width: 1279px) {
    body.white-menu .header-main_menu { background-color: var(--background-color-1); }
}

/*------------------------------------------------  FOOTER ------------------------------------------------*/
.eu-link { max-width: 190px; margin-top: 27px; display: block; background-color: var(--white); padding: 8px 10px; }

@media screen and (max-width: 767px) {
    .eu-link { padding: 6px 8px; margin-top: 24px; }
}

/*------------------------------------------------ HOME ------------------------------------------------*/
a.section-video_home_lightbox:hover .section-video_home_logo { scale: 1.15; }
.image_header-left.is-home h1 { font-family: var(--font-2); color: var(--white); margin-top: 0; margin-bottom: 20px; 
    font-size: 22px; font-weight: 600; line-height: 28px; }
.image_header-left.is-home p { font-family: var(--font-2); color: var(--white); margin-bottom: 14px; font-size: 18px;
    font-weight: 400; line-height: 120%; }
.timeline-column p { font-family: var(--font-2); color: var(--white); margin-bottom: 14px; font-size: 18px; font-weight: 400;
    line-height: 120%; }
.w-lightbox-frame { width: 85%; max-width: 800px; }
body.home .dropdown-content p { font-family: var(--font-2); color: var(--color-1); margin-bottom: 10px; font-size: 15px;
    font-weight: 400; line-height: 23px; }
.timeline { grid-row-gap: 60px; }
.timeline-text { max-width: 700px; margin-left: auto; margin-right: auto; }
.timeline-text p { font-family: var(--font-2); color: var(--white); margin-bottom: 14px; font-size: 18px; font-weight: 400; line-height: 120%; }
.video-under-work_text { position: absolute; color: #FFF; font-size: 35px; }

@media screen and (min-width: 1280px) {
    .image_header-left.is-home h1 { font-size: 25px; line-height: 30px; }
    .image_header-left.is-home p { margin-bottom: 14px; font-size: 20px; }
    .timeline-column p { margin-bottom: 14px; font-size: 20px; }
    body.home .dropdown-content p { font-size: 16px; line-height: 24px; }
    .timeline-text p { font-size: 20px; }
}

@media screen and (max-width: 991px) {
    .image_header-left.is-home h1 { font-size: 20px; line-height: 27px; }
    .image_header-left.is-home p { margin-bottom: 12px; font-size: 17px; }
    .timeline-column p { margin-bottom: 12px; font-size: 17px; }
    body.home .dropdown-content p { font-size: 14px; line-height: 21px; }
    .timeline { grid-row-gap: 45px; }
    .timeline-text p { font-size: 17px; }
}

@media screen and (max-width: 767px) {
    .image_header-left.is-home h1 { font-size: 18px; line-height: 25px; }
    .image_header-left.is-home p { font-size: 16px; } 
    .timeline-column p { font-size: 16px; }
    .timeline-text p { font-size: 16px; }
    .video-under-work_text { font-size: 25px; }
}

@media screen and (max-width: 479px) {
    .image_header-left.is-home h1 { font-size: 17px; line-height: 23px; }
    .image_header-left.is-home p { margin-bottom: 10px; font-size: 15px; }
    .timeline-column p { margin-bottom: 10px; font-size: 15px; }
    .timeline-text p { font-size: 15px; }
    .video-under-work_text { font-size: 22px; }
}

/*------------------------------------------------ PEOPLE ------------------------------------------------*/
.paragraph-2 p { font-family: var(--font-2); color: var(--color-1); margin-bottom: 12px; font-size: 16px;
    font-weight: 400; line-height: 130%; }
.dropdown.is-grid.open .dropdown-content div.paragraph-2 { padding-top: 0; margin-bottom: 0; }

.team_image-container { overflow: hidden; }
.open-modal:hover .team_image { scale: 1.1; }
.open-modal.active .team_modal { display: flex; }
.team_modal { z-index: 99999 !important; }
.team_modal-container { width: 100%; max-height: 85vh; }
.team_modal-close { transition: all 0.2s ease; }
.team_modal-close:hover { scale: 1.2; }
.people-text_container a { color: var(--color-1); }
.people-text_container a:hover { text-decoration: none; }

/*------------------------------------------------ MAP ------------------------------------------------*/
.leaflet-popup-content-wrapper { overflow: hidden; padding: 0; }
.leaflet-popup-content { margin: 0; }
.leaflet-popup-content p { margin: 0; }
.popup_image-container { position: relative; overflow: hidden; padding-bottom: 45%; }
.popup_image-container img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.popup_title-container { padding: 20px 20px 0; }
.popup_title-container h2 { font-family: var(--font-2); font-size:18px; line-height: 20px; color: var(--color-1); margin: 0 0 5px; }
.popup_title-container p { font-size:12px; line-height: 14px; }
.popup_text-container { padding: 12px 20px 20px; }
.popup_text-container p { font-size: 12px; line-height: 14px; color: #82888E; }
.leaflet-popup-close-button { color: var(--color-1) !important; }

/*------------------------------------------------ COMUNICATION ------------------------------------------------*/
.paragraph-4 p, .paragraph-4 li { font-family: var(--font-2); color: var(--color-3); margin-bottom: 6px; font-size: 14px; font-weight: 400; 
    line-height: 120%; }
.publications .grid-element:hover .dropdown-toggle_icon_row { filter: brightness(0.3); }

/*----------------------------------------- SINGLE RESEARCH LINES ----------------------------------------*/
body.single-research-lines .image_header-right img { filter: brightness(200%); }
body.single-research-lines .dropdown.is-research .dropdown-content p, body.single-research-lines .dropdown.is-research .dropdown-content li { font-family: var(--font-2);
    color: var(--color-1); margin-bottom: 10px; font-size: 15px; font-weight: 400; line-height: 23px; }
body.single-research-lines .dropdown.is-research .dropdown-content li { margin-bottom: 0 !important; }
body.single-research-lines .dropdown.is-research .dropdown-content h2 { font-size: 24px; }

@media screen and (min-width: 1280px) {
    body.single-research-lines .dropdown.is-research .dropdown-content p, body.single-research-lines .dropdown.is-research .dropdown-content li { font-size: 16px; line-height: 24px; }
    body.single-research-lines .dropdown.is-research .dropdown-content h2 { font-size: 28px; }
}

@media screen and (max-width: 991px) {
    body.single-research-lines .dropdown.is-research .dropdown-content p, body.single-research-lines .dropdown.is-research .dropdown-content li { font-size: 14px; line-height: 21px; }
}

@media screen and (max-width: 767px) {
     body.single-research-lines .dropdown.is-research .dropdown-content h2 { font-size: 20px; margin-bottom: 10px; }
}

/*----------------------------------------------- ARCHIVE -----------------------------------------------*/
body.category { text-transform: none; }

/*------------------------------------------------- 404 -------------------------------------------------*/
.return_home_container { text-align: center; }
.return_home_container a { font-family: var(--font-2); color: var(--color-1); text-transform: uppercase;
    font-size: 24px; font-weight: 400; line-height: 28px; text-decoration: none; transition: color .2s; }
.return_home_container a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) {
    .return_home_container a { font-size: 22px; line-height: 26px; }
}
@media screen and (max-width: 479px) {
    .return_home_container a { font-size: 18px; line-height: 22px; }
}

/*------------------------------------------ MAIN CONCEPT SINGLE -----------------------------------------*/
.image_header.is-concept.with-image { background-position: center; background-size: cover; }
.image_header.is-concept.with-image .overlay { background-color: black; position: absolute;
    left: 0; right: 0; top: 0; bottom: 0; opacity: 0.25; }
.image_header.is-concept.with-image .title-4.text-color-blue, .image_header.is-concept.with-image .category.text-color-blue { color: var(--white); }

/*------------------------------------------------ SINGLE ------------------------------------------------*/
.blocks h2 { font-family: var(--font-1); color: var(--color-1); margin-top: 0; margin-bottom: 20px; font-size: 30px; 
    font-weight: 300; line-height: 120%; margin-top: 50px; }
.blocks h2:first-child { margin-top: 0 !important; }
.blocks a { color: var(--color-1); font-weight: bold; text-decoration: none; }
.blocks a:has(sup) { text-decoration: none; }
.blocks ul, .blocks ol { padding: 0 0 0 16px; margin: 30px 0; } 
.blocks ul li, .blocks ol li { font-family: var(--font-2); color: var(--color-1); margin-bottom: 8px; font-size: 18px;
    font-weight: 400; line-height: 140%; }
.blocks blockquote p { font-family: var(--font-1); color: var(--color-1); font-size: 30px; font-style: italic;
    font-weight: 300; line-height: 120%; }
.blocks blockquote p:last-child, .blocks .text-block p:last-child, .blocks .text-box p:last-child { margin-bottom: 0 !important; }
.paragraph-5.is-figcaption { margin-top: 20px !important; }
.blocks .paragraph-5.is-figcaption p { font-size: 14px; margin-bottom: 0; }
.blocks .wp-block-embed__wrapper { margin: 30px 0; }
.blocks .splide__arrow { background: transparent; }
.blocks .splide__arrow.splide__arrow--prev { left: -29px; }
.blocks .splide__arrow.splide__arrow--next { right: -29px; }
.blocks .people-element .people-text_container p:last-child { margin-bottom: 0; }
.text-color-white p, .text-color-white li, .text-color-white h2, .text-color-white h3 { color: var(--white); }

@media screen and (min-width: 1280px) {
    .blocks h2 { font-size: 35px; }
    .blocks ul li, .blocks ol li { font-size: 20px; }
}

@media screen and (max-width: 991px) {
    .blocks ul li, .blocks ol li { font-size: 17px; }
    .blocks blockquote p { font-size: 28px; } 
}

@media screen and (max-width: 767px) {
    .blocks h2 { font-size: 25px; margin-top: 40px; }
    .blocks ul, .blocks ol { margin: 20px 0; } 
    .blocks ul li, .blocks ol li { font-size: 16px; }
    .blocks blockquote p { font-size: 26px; line-height: 32px; }
    .blocks .paragraph-5.is-figcaption p { font-size: 13px; }
    .blocks .wp-block-embed__wrapper { margin: 20px 0; }
    .blocks .splide__arrow.splide__arrow--prev { left: -27px; }
    .blocks .splide__arrow.splide__arrow--next { right: -27px; }
}

@media screen and (max-width: 479px) {
    .blocks blockquote p { font-size: 22px; line-height: 28px; }
    .blocks .paragraph-5.is-figcaption p { font-size: 12px; }
    .blocks .people-element .people-text_container p { font-size: 15px; }
}