@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');


/*------------VARIABLES CSS------------*/
:root {
  --primaryColor: #21B5BA;
  --secondaryColor: #0A627C;
  --tertiaryColor: #292458;

  --tertiaryOpacityColor: #292458ed;
}
/*------------VARIABLES CSS------------*/

/*------------GENERAL------------*/
html, body,
h1, h1, h3, h4, h5, h6 {
	font-family: "Source Sans 3", sans-serif;
}
  
p, li, a {
	font-size: 18px;
	font-family: "Source Sans 3", sans-serif;
	color: var(--tertiaryColor);
}

.intro, .section-git {
  overflow-x: hidden;
}

/*-------SCROLL-------*/
html, body, .modal-body {
    scrollbar-width: thin; 
    scrollbar-color: var(--primaryColor) white; 
}
/*--------------------*/
header {
	z-index: 100;
}

body.user-logged-in .contextual * {
	color: black !important;
}

a {
	text-decoration: none;
	color: inherit;
}

#toolbar-bar a, #toolbar-item-administration-tray a {
	font-size: 15px;
}

ul.contextual-links {
	font-size: 15px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--primaryColor) !important;
	border-color: var(--primaryColor) !important;
	font-size: 17px;
	font-weight: bold;
}

.btn-primary:hover {
	opacity: 0.9;
}

.custom-button {
	color: white !important;
	background-color: var(--primaryColor);
	border-radius: 180px;
	padding: 3.5px 20px;
	font-size: 16.5px !important;
	transition: background-color 0.3s ease;
}

.custom-button:hover {
	background-color: #0A195C;
	border-color: #0A195C;
}

/* .title {
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin: 30px 0 50px 0;
}
 */
.top-block-space {
	margin-top: 65px;
}

.bottom-block-space {
	margin-bottom: 65px;
}

.big-bottom-block-space {
	margin-bottom: 100px;
}

.pagination .page-item a,
.pagination .disabled span {
	margin: 5px 3.5px 5px 0;
}

.page-link.active, 
.media-library-view--widget .view-header a.page-link.is-active, 
.media-library-view--widget .view-header a.is-active > .page-link, 
.active > .page-link, 
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-link {
	background-color: unset;
	border: unset;
	border-radius: 0;
	color: black;
}

.pagination .page-item.active a {
	border-bottom: 1px solid var(--primaryColor);
	color: var(--primaryColor);
}

.page-link:hover,
.page-link:focus {
    z-index: 2;
    color: var(--primary-color) !important;
    background-color: var(--bs-pagination-hover-bg) !important;
    border-color: var(--bs-pagination-hover-border-color) !important;
	box-shadow: none;
}

li.page-item a[rel = "next"],
li.page-item a[rel = "prev"] {
	display: none;
}

.page-section-separator {
	padding-bottom: 85px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0px 4px 6px -2px rgb(50 50 93 / 43%);
}

.larger-size {
	font-size: 24px;
}

.small-font {
	font-size: 14.5px;
}

svg, img {
	max-width: 100%;
}

.full-width-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*-------------------------*/
/*----------MODAL----------*/
.modal {
	--bs-modal-width: 90%;
	max-width: 1320px !important;
	justify-self: anchor-center;
}

.modal-dialog-scrollable .modal-content {
	max-height: 700px;
	padding-bottom: 5px;
}

.modal-body > button {
	display: flex;
	justify-self: end;
}

.modal-content {
	border-radius: 15px;
}

/*------------------------------*/
/*-----STICKY MENU SECTION------*/
body .sticky-section {
  position: fixed;  
  top: 0;           
  left: 0;          
  width: 100%;      
  z-index: 100;    
  height: 80px;
  transition: background-color 0.3s ease; /* duración y curva */
}

body.user-logged-in .sticky-section {
  top: 93px;
  background-color: var(--tertiaryColor);         
}

body.path-node.user-logged-in .sticky-section {
	background-color: white;
}

body.user-logged-in .banner {
	margin-top: 82px;
}

.path-node .sticky-section {
	background-color: white;
	box-shadow: 
    rgba(50, 50, 93, 0.15) 0px 2px 5px -1px, /* Top, right, and left shadows */
    rgba(0, 0, 0, 0.1) 0px 1px 3px -1px,    /* Top, right, and left shadows */
    0px 1px 2px 0px rgba(0, 0, 0, 0.1);
} 

body.scrolled .sticky-section {
	background-color: var(--tertiaryOpacityColor);
}

.path-node:not(.user-logged-in).scrolled .sticky-section {
	background-color: white;
}

.region-breadcrumb {
	padding: 0;
	text-align: right;
	background-color: white;
	margin-top: 80px;
}

/*----------------------------------*/
/*------------PRE-HEADER------------*/
.pre-header {
	overflow: hidden;
}

.pre-header-wrap {
	display: flex;
	justify-self: end;
	transform: translateY(0);
	transition: transform 0.4s ease-in-out;
}

.pre-header-wrap .social-networks a {
	background-color: var(--primaryColor);
	border-radius: 50%;
	padding: 4px 8px;
}

.pre-header-wrap .social-networks img {
	filter: brightness(0) invert(1);
}

.social-networks {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 8px;	
	padding-left: 0px;
}

.social-networks img {
	width: 25px;
	height: 25px;
}

.social-networks li {
	padding-right: 10px;
}

img[alt="facebook"] {
	width: 23px;
	height: 23px;
}

img[alt="linkedin"] {
	width: 22px;
	height: 22px;
}

img[alt="twitter"] {
	width: 20px;
	height: 20px;
}

img[alt="youtube"] {
	width: 25px;
	height: 25px;
}

/*------------------------------*/
/*------------HEADER------------*/
/* #block-vootstrap-sitebranding {
	position: absolute;
	top: -33px;
	left: 0;
} */

.navbar-brand img {
	height: 70px;
	max-width: 200px;
	transition: padding-top 0.4s ease;
}

nav .d-flex{
	align-items: center;
	width: 100%;
	padding: 0;
}
/*------------------------------*/
/*--------SUPERFISH MENU--------*/
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
	background-color: transparent;
}

ul.sf-menu.sf-style-default {
	margin-bottom: 0;
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
	color: var(--secondaryColor);
}

#superfish-main li a{
	font-weight: bold;
	font-size: 17px;
}

#superfish-main li a.btn-primary {
	margin-left: 15px;
	padding: 5px 20px;
	display: inline-block;
	color: white !important;
}

#superfish-main li a.btn-primary:hover,
#superfish-main li a.btn-primary:active,
#superfish-main li a.btn-primary:focus {
	color: white !important;
}

.path-frontpage #superfish-main li a {
	color: white;
}

ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, 
ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
	background-color: unset;
	color: var(--primaryColor) !important;
	cursor: pointer;
}

ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul,
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
	background-color: white;
}

ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul,
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
	background-color: unset;
}

ul.sf-menu.sf-style-default li:has(span.nolink):hover,
ul.sf-menu.sf-style-default span.nolink:hover {
	cursor: default !important;
}

.dropdown-toggle::after{
	content: none;
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited,
ul.sf-menu.sf-style-default span.nolink {
	padding: 0.55em 0.5em;
}

#superfish-main .menuparent a {
	margin-left: 15px;
}

li.active-trail > span,
li.active-trail > a {
	color: var(--primaryColor) !important;
}

#superfish-main li:has(span.services-link) {
	display: flex;
}

/*------------------------------*/
/*-------SUPERFISH SUBMENU------*/
#superfish-main .sf-depth-2 {
	padding: 2px 15px 2px 0px;
}

#superfish-main .sf-depth-2:first-child {
	padding-top: 9px;
}

#superfish-main .sf-depth-2:last-child {
	padding-bottom: 9px;	
}

li.sf-depth-2 {
	position: relative;
}

li.sf-depth-2:hover::after {
	content: "";
	background-image: url('../images/icons/chevron-down-solid.svg');
	transform: rotateZ(270deg);
	position: absolute;
	width: 12px;
	height: 12px;
	top: 14px;
	right: 15px;
	background-size: cover;
}

li.sf-depth-2:hover:first-child::after {
	top: 21px;
}
/*-----------------------------------*/
/*----------LANGUAGE SWITCHER--------*/
.language-switcher-language-url ul {
	display: flex;
	list-style: none;
	gap: 16px;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.language-switcher-language-url ul a {
	color: var(--secondaryColor);
}

li[hreflang="en"] {
	position: relative;
}

li[hreflang="en"]::after {
	content: '';
	display: block;
	height: 55%;
	width: 1.3px;
	background-color: black;
	position: absolute;
	background-position: right;
	top: 5.5px;
	left: 27.5px;
}

.path-frontpage .language-switcher-language-url a {
	color: white;
}

.path-frontpage li[hreflang="en"]::after {
	background-color: white;
}

/*-----------------------------------*/
/*--------------BANNER---------------*/
.banner {
	min-height: 600px;
	max-height: calc(100vh + 43px);
	height: calc(100vh + 43px);
}

.banner * {
	color: white;
}

.banner .container {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	position: relative;
}

.banner h1 {
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 55px;
}

.banner h1 span {
	font-weight: bold;
	font-size: 89px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}

.bg-banner {
	height: 100%;
	max-height: 100%;
    display: flex;
    align-items: center;
	padding-top: 132px;
}

.bg-banner h2 {
	font-weight: 400;
	font-size: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}

.banner img[alt="DIGIS3 banner text"] {
	max-width: 65%;
}

#video-home {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 980px;
    width: auto;
    max-width: 100%;
	object-fit: cover;
	max-height: 100vh;
    height: 100%;
    z-index: -1;
    transform: translateY(0%);
    margin: 0;
}

#filtervideo {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    height: unset;
    min-height: 100%;
    opacity: 0.9;
    background: #0A627C;
	background: linear-gradient(170deg, rgba(10, 98, 124, 1) 50%, rgba(41, 36, 88, 1) 100%);
}

.small-screen-banner {
	display: none;
}

.bg-banner .item-banner {
	background-color: var(--tertiaryOpacityColor);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
    align-items: center;
    max-width: 180px;
    text-align: center;
    padding: 15px;
}

.bg-banner .item-banner img {
	padding: 10px;
	max-height: 75px;
}

.bg-banner .item-banner span {
	font-weight: bold;
	font-size: 18px;
}

.bg-banner .funding-banner-row img {
	min-width: 270px;
}


/*-----------------------------------*/
/*------------BREADCRUMBS------------*/
.page-node-type-article .breadcrumb-item:last-child { 
	display: none;
}

.region-breadcrumb {
	position: relative;
	margin-bottom: 20px;
}

#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle {
	margin: 0 auto 0 auto;
}

/* .region-breadcrumb .breadcrumb-item,
.region-breadcrumb h1,
.breadcrumb-item::before {
	color: white !important;
} */

ol.breadcrumb{
	margin-bottom: unset;
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
}

.breadcrumb-item,
.breadcrumb-item a {
	font-size: 16.5px;
	font-weight: 400;
	color: var(--secondaryColor);
}

.breadcrumb-item + .breadcrumb-item::before {
	content: "/";
	padding: 0px 8px 0 1.5px;
	color: var(--secondaryColor) !important;
}

.path-node #block-vootstrap-pagetitle h1 {
    width: 100%;
	font-size: calc(1.325rem + 0.9vw);
	margin-bottom: 0;
}

.custom-breadcrumb {
	padding: 60px 15px 0px 15px;
}

.custom-breadcrumb * {
	color: white;
}

.custom-breadcrumb h1 {
	font-size: calc(1.325rem + 0.9vw);
}

.custom-breadcrumb p {
	font-size: 1.25rem;
	font-weight: 500;
}

/*-------------------------*/
/*----------INTRO----------*/
.intro {
	justify-content: space-around;
}

.intro img {
	max-width: 100%;
	width: 100%;
    object-fit: cover;
	border-radius: 12px;
}

.intro .plus-row .col {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.intro .plus-row .plus {
	text-align: center;
	color: var(--secondaryColor);
	font-weight: bold;
	font-size: 40px;
	line-height: 25px;
}

.intro .plus-row {
	border-bottom: 1px solid var(--secondaryColor);
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.intro .teaser-row {
	text-align: center;
}

/*------------------------------*/
/*--------PARTNERS (LOGOS)------*/
.view-partners .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.view-partners .views-row {
	width: 20%;
}

.view-partners .partner-img img,
.partner-img img {
	padding: 20px 20px 30px 20px;
    transition: transform 0.3s;
    max-width: 215px;
    max-height: 135px;
    width: auto;
    height: auto;
	object-fit: contain;
}

.view-patners .views-row img[src$=".svg"],
.partner-img img[src$=".svg"] {
    width: 100%;
    height: auto;
    max-width: 210px;
    max-height: 135px;
	object-fit: contain;
}

/*------------------------------*/
/*------------EVENTS------------*/
/*------------TEASER----------*/
.full-event .icon-text,
.content-wrap .icon-text {
	display: flex;
	margin-bottom: 10px;
}

.content-wrap {
	padding: 0 15px 15px 15px;
}

.teaser-event-wrap {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius: 12px;
	margin-bottom: 50px;
}

.teaser-event {
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 15px;
	height: 200px;
	background-color: var(--primaryColor);
	display: flex;
	align-items: end;
	color: white;
}

/*------------FULL----------*/
.full-event .icon-text-wrap {
	margin-top: 30px;
}

.full-event .icon-text {
	margin-bottom: 10px;
}

.full-event .img-wrap img {
	border-radius: 15px;
}

.full-event:has(.img-wrap) .text-wrap {
	padding-left: 25px;
}

/*-----------------------------*/
/*--------EVENTS PAGE---------*/
.view-events .view-content {
	display: flex;
	flex-wrap: wrap;
}

.view-events .views-row {
	width: 50%;
	padding: 15px 10px;
}

.view-events .views-row {
	width: 33.3%;
	padding: 20px 10px;
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/*---------------------------*/
/*----------FOOTER-----------*/
footer {
	padding-bottom: unset;
	border-top: 1px solid white;
	box-shadow: 0 0 0px 15px white;
	border-top-right-radius: 30px;
	background: 
    url('../images/bg/bg-footer.svg') no-repeat left bottom,
    linear-gradient(170deg, rgba(10, 98, 124, 1) 50%, rgba(41, 36, 88, 1) 100%);
  	background-size: contain, cover;
	position: relative;
}

footer .container {
	justify-self: center;
	padding-top: 35px;
	padding-bottom: 0;
	justify-content: space-between;
}

footer * {
	color: white !important;
}

footer .footer_second {
	border-left: 1px solid #ffffff33;
	border-right: 1px solid #ffffff33;
}

footer #superfish-main {
	width: 100%;
}

footer #superfish-main .btn {
	background-color: transparent !important;
	padding: 0.55em 0.5em !important;
	margin-left: 0 !important;
}

footer #superfish-main li a.btn-primary:hover {
	color: var(--primaryColor) !important;
}

.copyright {
	display: flex;
	justify-content: center;
	align-items: baseline;
	background-color: var(--tertiaryOpacityColor);
	margin-top: 25px;
	padding-bottom: 3px;
}

.copyright * {
	color: white;
	font-size: 16px;
}

.copyright p {
	margin-bottom: 0;
	padding: 5px 15px 2px 15px;
}

/*---------------------------*/
/*----------COOKIES----------*/
.eu-cookie-compliance-content{
	display: flex;
	flex-direction: column;
	padding: 25px 0;
	gap: 5px;
}

#popup-text h2{
	word-spacing: inherit;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 18px;
}

#popup-text p{
	font-size: 15px;
	font-weight: normal;
}

.decline-button{
	display: none;
}

.agree-button,
.agree-button:hover,
.agree-button:focus,
.agree-button:active,
.agree-button:first-child:active{
	padding: 5px 25px;
	background-color: #ffffff7a;
	font-weight: bold;
	color: black;
	border: none;
}

.agree-button:hover,
.agree-button:focus,
.agree-button:active{
	box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.3);
}

.cookies-page h2{
    font-size: 30px;
    font-weight: bolder;
}
.cookies-page h3{
    font-size: 20px;
    font-weight: bold;
}
.cookies-page h4{
    font-size: 20px;
    font-weight: bold;
    color: var(--primaryColor);
}
.ga-cookies{
    background-color: #0a33ff21;
    border-radius: 25px;
    padding: 20px;
    margin: 20px;
}
/*----------COOKIES----------*/
.eu-cookie-compliance-banner{
 width: 100% !important;
}
.eu-cookie-compliance-content{
	display: flex;
	flex-direction: column;
	padding: 25px 0;
	
}
.eu-cookie-compliance-categories-buttons {
    margin: 1em 0 1em 0 !important;
}
.eu-cookie-compliance-save-preferences-button {
    padding: 5px 25px;
    background-color: #ffffff;
    font-weight: bold;
    color: var(--tertiaryColor);
    border: none;
    background-image: none !important;
    text-shadow: none;
}

.eu-cookie-compliance-save-preferences-button:hover, .eu-cookie-compliance-save-preferences-button:focus{
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.2) !important;
    padding: 5px 25px!important;
    background-color: #ffffff !important;
    font-weight: bold !important;
    color: var(--tertiaryColor) !important;
    border: none !important;
    background-image: none !important;
    text-shadow: none !important;
    
}

.agree-button,
.agree-button:hover,
.agree-button:focus,
.agree-button:active,
.agree-button:first-child:active{
	padding: 5px 25px;
    background-color: #ffffff;
    font-weight: bold;
    color: var(--tertiaryColor);
    border: none;
    background-image: none !important;
    text-shadow: none;
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: var(--tertiaryColor) !important;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
}
#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-withdraw-tab {
    color: #ffffff !important;
}
#sliding-popup h2{
    font-size: 20px;
}
#sliding-popup p, #sliding-popup label{
    font-size: 16px;
}
.agree-button:hover,
.agree-button:focus,
.agree-button:active{
	box-shadow: 5px 6px 9px rgba(0, 0, 0, 0.3);
}

@media (max-width: 696px){
    .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
        position: unset;
        float: right;
        margin-top: 0 !important;
    }
}
@media (min-width: 1000px){
    .eu-cookie-compliance-buttons{
        left: 30%;
    }
}
@media (min-width: 1400px){
    .eu-cookie-compliance-buttons{
        left: 25%;
    }
}
@media (min-width: 2000px){
    .eu-cookie-compliance-buttons{
        left: 20%;
    }
}
@media (min-width: 2750px){
    .eu-cookie-compliance-buttons{
        left: 18%;
    }
}


/*------------------------------*/
/*--------------BLOG------------*/
.view-articles h2 {
	font-size: calc(1.3rem + 0.6vw);
}

.article-full {
	margin-top: 45px;
	margin-bottom: 140px;
}

.article-full img {
	max-width: 100%;
}

.article-full table {
	border-collapse: collapse;
	overflow-x: scroll;
	max-width: 100%;
	display: inline-block;
}

.article-full td, th {
    border: 1px solid #9a9a9a;
    text-align: left;
    padding: 8px 5px;
}

.article-full td p,
.article-full th p {
	margin-bottom: 0;
}

#block-vootstrap-views-block-articles-block-1 {
	margin-bottom: 85px;
}

#block-vootstrap-views-block-articles-block-1 .view-content {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2%;
}

#block-vootstrap-views-block-articles-block-1 .views-row {
	max-width: 31%;
	margin-bottom: 35px;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child {
	max-width: 100%;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .article-teaser {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4%;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body {
	display: flex;
	flex-direction: column;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body .date-wrapper-teaser {
	order: 1;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body h2 {
	order: 2;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body .card-text {
	order: 3;
	margin-top: 0;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body .button-wrap {
	order: 4;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-img-top,
#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body {
	width: 48%;
}

#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-img-top img {
	height: 300px;
}

#block-vootstrap-views-block-articles-block-1 .card-text {
	margin-top: 18px;
	text-align: justify;
	hyphens: auto;
}

.card-img-top img {
    height: 220px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
	border: 1px solid rgb(235, 235, 235);
	position: relative;
}

.node--type-article.node--view-mode-teaser {
	height: 100%;
}

.article-teaser {
	position: relative;
	border: 1px solid rgb(235, 235, 235);
	border-radius: 12px;
}

.article-teaser .card-body {
	padding: 40px 20px 20px 20px;
	margin-top: -20px;
}

/*--------------------------*/
.article-text p, 
.article-text li, 
.article-text a {
	font-size: 17px;
}

.article-title-wrap {
	display: flex;
	gap: 13px;
	margin-bottom: 30px;
}

.article-title-wrap h2 {
	margin-bottom: unset;
}

.article-text img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	padding: 10px 0 35px 0;
}

article figcaption {
	text-align: center;
	color: rgb(145, 144, 144);
	margin-top: -25px;
	font-style: italic;
}

article .card-body h2 {
	line-height: 22px;
}

article .card-body h2:hover {
	color: #0A195C;
}

article .card-text,
article .card-text p,
article .button-wrap a {
	font-size: 16.8px;
}

article .button-wrap {
	margin-top: 30px;
}

/*--------------------------------*/
/*-----------RESPONSIVE-----------*/
@media (min-width: 576px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle{ 
	  max-width: 540px;
	}
}

@media (min-width: 768px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle{
	  max-width: 720px;
	}
  }

  @media (min-width: 991px) {
	
	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
		border-radius: 12px;
		background-color: white;
		top: 2.6em !important;
		width: 13.5em !important;
	}

	ul.sf-menu li.menuparent:nth-child(2):hover > ul,
	ul.sf-menu li.menuparent:nth-child(2).sfHover > ul {
		width: 29em !important;
	}

	.region-nav-main {
		display: flex;
		align-items: center;
	}
  
  @media (min-width: 992px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle{ 
	  max-width: 960px;
	}
  }
  
  @media (min-width: 1200px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle{ 
	  max-width: 1140px;
	}
}
}
  

@media (min-width: 1400px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle { 
	  max-width: 1320px;
	}
}

@media (min-width: 1820px) {
	.custom-container {
		max-width: 1800px;
	}
}
/*----------------------------------------------------------------------------*/
@media (max-width: 1200px) {
	.view-events .views-row {
		padding: 20px 6px;
	}

	/*------------------------------*/
	/*--------PARTNERS (LOGOS)------*/
	.view-partners .partner-img img{
		max-width: 100%;
	}

	/*--BLOG PAGE--*/
	#block-vootstrap-views-block-articles-block-1 .views-row {
		max-width: 32%;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.path-node header {
		margin-bottom: 35px;
	}
}

@media (max-width: 991px) {

	/* .path-node .sticky-section {
		height: 145px;
	} */

	body:not(.user-logged-in) .sticky-section {
		position: absolute;
	}

	.banner br {
		display: none;
	}

	footer .container > .col-lg-4 {
		width: 100%;
	}

	/*--SUPERFISH MENU--*/
	ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar, 
	ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
		background: unset;
		background-color: unset;
	}

	ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
		padding: 0.65em 15px;
	}

	#navbarSupportedContent {
		position: relative;
		height: 0 !important;
	}

	.navbar-toggler {
		border: 3px solid var(--primaryColor);
		border-radius: 12px;
		position: absolute;
        top: 17px;
        right: 0;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.path-frontpage .navbar-toggler-icon {
		filter: brightness(0) invert(1);
	}

	.navbar-toggler-icon {
		width: 1.6em;
		height: 1.6em;
	}

	.region-nav-additional {
		position: relative;
	}

	#superfish-main-accordion {
		background-color: white;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
		border-radius: 12px;
		margin-top: 40px;
	}

	.path-node #superfish-main-accordion {
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}
	
	.sf-accordion-toggle {
		display: none !important;
	}

	#block-vootstrap-sitebranding {
		top: -50px;
	}

	.sticky-section {
		height: 132px;
	}

	/*PARENT MENU DROPDOWN*/
	div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
    	border-radius: 12px;
	}

	ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded > span.nolink {
		color: var(--primaryColor);
		font-weight: normal;
	}

	div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
		background: #cfdeff2b;
	}

	/*--BANNER--*/
	.bg-banner {
		align-items: start;
		padding-top: 222px;
	}

	.banner .container {
		height: unset;
	}

	/*----------------------*/
	/*--------ARTICLES------*/
	#block-vootstrap-views-block-articles-block-1 .views-row {
		max-width: 48%;
	}

	#block-vootstrap-views-block-articles-block-1 .views-row:first-child .article-teaser {
		gap: 7%;
	}

	/*------------------------------*/
	/*--------PARTNERS (LOGOS)------*/
	.view-partners .views-row {
		width: 25%;
	}

	/*-------------------------------*/
	/*---------EVENTS PAGE----------*/
	.view-events .views-row {
		width: 50%;
	}
}

@media (min-width: 991px) and (max-width: 991px) {
	.navbar-toggler {
		top: 25px;
	}

	.region-nav-main {
		background-color: unset;
	}

	#superfish-main-accordion {
		margin-top: 55px;
	}
}

@media (max-width: 767px) {
	/*------------------------------*/
	/*--------PARTNERS (LOGOS)------*/
	.view-partners .views-row {
		width: 32%;
	}

	/*-----------------------*/
	/*--------EVENTS---------*/
	.full-event .img-wrap {
		margin: 15px 0 25px 0;
	}

	.full-event:has(.img-wrap) .text-wrap {
		padding-left: 15px;
	}

	/*-------------------------------*/
	/*---------EVENTS PAGE----------*/
	.view-events .views-row {
		width: 100%;
	}

	/*----------BLOG----------*/
	#block-vootstrap-views-block-articles-block-1 .article-teaser {
		flex-direction: column;
	}

	#block-vootstrap-views-block-articles-block-1 .views-row,
	#block-vootstrap-views-block-articles-block-1 .views-row:first-child,
	#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-img-top,
	#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body {
		max-width: 100%;
		width: 100%;
	}

	#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body .date-wrapper-teaser {
		order: 2;
		margin-bottom: unset;
	}
	
	#block-vootstrap-views-block-articles-block-1 .views-row:first-child .card-body h2 {
		order: 1;
	}
}

@media (max-width: 576px) {
	
	#video-home {
		display: none;
	}

	.small-screen-banner {
		display: block;
	}

	#filtervideo {
		display: none;
	}

	.small-screen-banner img {
		position: absolute;
    	top: 0;
    	left: 0;
    	min-width: 100%;
    	min-height: 981px;
    	width: auto;
    	max-width: 100%;
    	object-fit: cover;
    	max-height: 100vh;
    	height: 100%;
    	z-index: -1;
    	transform: translateY(0%);
    	margin: 0;
	}

	.bg-banner {
		padding-top: 177px;
	}

	.custom-button {
		padding: 5px 15px;
		width: 100%;
	}

	/*--SUPERFISH MENU--*/
	.navbar-toggler {
		top: -29px;
	}

	ul.sf-menu.sf-accordion {
		width: 97%;
		float: unset;
		margin: 0 auto;
	}

	#superfish-main-accordion {
		margin-top: 6px;
	}

	/*-----------------------------*/
	/*------------BLOG-------------*/
	/* .article-teaser {
		padding: 10px 0;
	} */

	.modal {
		--bs-modal-width: calc(100% - 30px);
	}

	.section-git {
		margin: 15px !important;
	}

	.section-git .container > .row {
		flex-direction: column;
	}

	.section-git .container > .row > div {
		width: 100%;
	}

}

@media (max-width: 500px) {
	h1 {
		font-size: 35px !important;
	}

	/*------------------------------*/
	/*--------PARTNERS (LOGOS)------*/
	.view-partners .views-row {
		width: 50%;
	}
}

@media (max-width: 380px) {
	.navbar-toggler {
		right: 80px;
	}

	/*------------------------------*/
	/*--------PARTNERS (LOGOS)------*/
	.view-partners .views-row {
		width: 100%;
	}

	.view-partners .partner-img img {
		max-width: 215px;
	}
}

/*---------RESPONSIVE HEIGHTS----------*/
@media ((max-width: 1400px) or (min-width: 1400px)) and (max-height: 1075px) {
	.bg-banner {
		align-items: start;
		padding-top: 177px;
	}

	.banner,
	#video-home {
		min-height: 600px;
	}

	.banner img[alt="DIGIS3 banner text"] {
		max-width: 50%;
	}
}

@media (max-width: 991px) and (max-height: 700px) {
	.banner,
	#video-home {
		min-height: 680px;
	}
}

@media (max-width: 767px) and (max-height: 780px) {
	.banner,
	#video-home {
		min-height: 720px;
	}
}


/* section */
section.section {
	margin-bottom: 50px;
	padding-top: 50px;
}

section.section p {
	font-size: 19px;
}
/* EOF section */

/* section future */
.section-future {
	background-image: url('../images/bg/bg-future.svg');
	background-repeat: repeat-x;
	background-size: auto;
	padding-top: 300px !important;
	padding-bottom: 100px;
}

.section-future span {
	color: var(--secondaryColor);
	font-weight: bold;
	position: relative;
	font-size: 21px;
}

.section-future span::before {
	content: "";
	background-image: url('../images/icons/icon-secondary.svg');
	position: absolute;
	top: -40px;
	left: -25px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
}

/* EOF section future */


/* section benefits */
.section-benefits h2 {
	text-align: center;
	color: var(--secondaryColor);
	font-weight: bold;	
	position: relative;
	margin-bottom: 40px;
}

.section-benefits h2::before {
	content: "";
	position: absolute;
	left: calc(50% - 35px);
	top: -80px;
	width: 70px;
	height: 70px;
	background-image: url('../images/icons/icon-secondary.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.section-benefits .benefits-items > div > div {
	border-radius: 4px;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	padding: 25px;
	border: 1px solid #f2f2f273;
	height: 100%;
}

.section-benefits .benefits-items > div {
	margin-bottom: 30px;
}

.section-benefits .benefits-items p {
	margin: 0;
	font-size: 19px;
}

.section-benefits .benefits-items h3 {
	font-weight: bold;
	color: var(--tertiaryColor);
}

/* EOF section benefits */


/* section lab */
.section-lab {
	background-image: url('../images/bg/bg-lab.svg');
	background-repeat: repeat-x;
	background-size: auto;
	padding-top: 300px !important;
	padding-bottom: 40px;
}

.section-lab h2.title {
	position: relative;
	font-weight: bold;
	color: var(--secondaryColor);
}

.section-lab h2.title::before {
	content: "";
	position: absolute;
	left: -20px;
	top: -50px;
	width: 50px;
	height: 50px;
	background-image: url('../images/icons/icon-secondary.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.section-lab h2.subtitle {
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
	color: var(--tertiaryColor);
}

.section-lab h2.subtitle span {
	color: var(--primaryColor);
}

.section-lab .lab-items {
	margin-bottom: 40px !important;
}

.section-lab .lab-items > .col-4 {
	margin-right: 100px;
	position: relative;
}

.section-lab .lab-items.justify-content-end > .col-4 {
	margin-right: 0;
	margin-left: 100px;
}

.section-lab .lab-items > .col-4 > div {
	position: relative;
	width: 100%;
	padding: 20px;
}

.section-lab .lab-items > .col-4::before {
	content: "";
	width: 100%;
	height: 10px;
	top:  -30px;
	position: absolute;
	top: 0;
	background-color: var(--primaryColor);
	border-radius: 4px;
}

.section-lab .lab-items h3 {
	font-weight: bold;
}

.section-lab .lab-items * {
	color: var(--tertiaryColor);
}

/* EOF section lab */


/* section-news-events */
.section-news-events h2.title {
	position: relative;
	font-weight: bold;
	color: var(--secondaryColor);
}

.section-news-events h2.title::before {
	content: "";
	position: absolute;
	left: -20px;
	top: -50px;
	width: 50px;
	height: 50px;
	background-image: url('../images/icons/icon-secondary.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

/* EOF section-news-events */



/* news home block */

div[class*="view-news-home-block"] .view-content {
	display: flex;
}

div[class*="view-news-home-block"] .view-content .views-row {
	width: 50%;
	padding: 15px;
}

div[class*="view-news-home-block"] h2 {
	color: var(--secondaryColor);
}

/* EOF news home block */


/* events home block */
div[class*="view-events-home-block"] .content-wrap {

}

div[class*="view-events-home-block"] .content-wrap {
	position: relative;
	padding: 20px;
}


div[class*="view-events-home-block"] .content-wrap img {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	padding: 5px;
}

div[class*="view-events-home-block"] .content-wrap h5 {
	margin-bottom: 0;
	color: var(--secondaryColor);
}

div[class*="view-events-home-block"] .teaser-event-wrap {
	margin-top: 25px;
	margin-bottom: 0;
}

/* EOF events home block */



/* git block */
.section-git .row {
	background: #0A627C;
	background: linear-gradient(170deg, rgba(10, 98, 124, 1) 50%, rgba(41, 36, 88, 1) 100%);
	padding: 30px;
	border-radius: 20px;
	align-items: center;
}

.section-git .row h2,
.section-git .row h3 {
	color: white;
}

.section-git .row h3 span {
	color: var(--primaryColor);
}

.section-git .col-4 {
	position: relative;
}

.section-git .col-4::after {
	content: "";
	position: absolute;
	background-image: url('../images/icons/icon-primary.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	right: 100px;
	top: -30px;
}


/* EOF git block */

.section-contact {
	margin-bottom: 20px !important;
    padding-top: 20px !important;
}

.section-contact h2 {
    font-size: 25px;
    font-weight: bold;
}

/* section-menu */
.section-menu h2 {
	width: 100%;
	font-size: 25px;
    font-weight: bold;
}
.section-menu {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px !important;
    padding-top: 20px !important;
}

.section-menu .air.white {
	filter: brightness(0) invert(1);
	max-width: 120px;
	margin-bottom: 20px;
}

.section-menu ul {
	display: block;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.section-menu ul li {
	width: 50%;
	float: none;
}

.section-menu img {
	max-width: 220px;
}
/* EOF section-menu */

/* section-funding */

.section-funding {
	margin-bottom: 20px !important;
    padding-top: 20px !important;
}

.section-funding h2 {
	font-size: 25px;
    font-weight: bold;
}

.section-funding img {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.section-funding p {
	font-size: 15px !important;
	font-style: italic;
}

/* EOF section-funding */

/* section-architecture */
.section-architecture h1 {
	font-weight: bold;
	color: var(--secondaryColor);
}

.section-architecture h2 {
	font-weight: bold;
}
/* EOF section-architecture */



/* section-pillars */
.section-pillars h1 {
	font-weight: bold;
	color: var(--secondaryColor);
}

.section-pillars h2 {
	font-weight: bold;
}

.content-tabs {
	margin-top: 50px;
}

.content-tabs ul.nav {
	justify-content: center;
}

.content-tabs ul.nav li {
	width: 33%;
	padding: 15px;
}

.content-tabs ul.nav li button {
	width: 100%;
	background-color: var(--secondaryColor);
	color: white;
	border-radius: 20px;
	font-size: 20px;
	font-weight: bold;
}

.content-tabs ul.nav li button:hover {
	opacity: 0.9;
}

.content-tabs ul.nav li button.active {
	background-color: var(--primaryColor);
}

.content-tabs .tab-content {
	padding-left: 50px;
	padding-right: 50px;
}

.content-tabs h2 {
	text-align: center;
}

.section-pillars .pillar-items {
	margin-top: 50px;
}

.section-pillars .pillar-items > div > div {
	border-radius: 4px;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	padding: 25px;
	border: 1px solid #f2f2f273;
	height: 100%;
}

.section-pillars .pillar-items > div {
	margin-bottom: 30px;
}

.section-pillars .pillar-items h3 {
	font-weight: bold;
	font-size: 22px;
}

.section-pillars .pillar-items p {
	margin-bottom: 0;
}

.section-pillars p.semi {
	font-weight: 600;
	font-size: 20px;
}

/* EOF section-pillars */



/* section-documentation */
.section-documentation h1 {
	font-weight: bold;
	color: var(--secondaryColor);
}

.section-documentation .documentation-items {
	margin-top: 50px !important;
}

.section-documentation .documentation-items > div > div {
	border-radius: 4px;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
	padding: 25px;
	border: 1px solid #f2f2f273;
	height: 100%;
	text-align: center;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-documentation .documentation-items > div {
	margin-bottom: 30px;
}

.section-documentation .documentation-items h3 {
	font-weight: bold;
	font-size: 22px;
}

.section-documentation .documentation-items p {
	margin-bottom: 0;
}

.section-documentation .documentation-items .btn {
	margin-top: 10px;
}

/* EOF section-documentation */



/* events page */
div[id*="block-vootstrap-views-block-events"] h2 {
    position: relative;
    font-weight: bold;
    color: var(--secondaryColor);
    margin-top: 50px;
}

div[id*="block-vootstrap-views-block-events"] h2::before {
    content: "";
    position: absolute;
    left: -20px;
    top: -50px;
    width: 50px;
    height: 50px;
    background-image: url(../images/icons/icon-secondary.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
/* EOF events page */



.article-title-teaser {
	position: relative;
	display: block;
}

.article-full {
	position: relative;
}

.type-article {
    position: absolute;
    top: 15px;
    right: 15px;
}

.article-full .type-article {
	left: 0;
	right: inherit;
	top: -35px;
}

.type-article span {
	border-radius: 15px;
    padding: 3px 15px;
    color: #ffffffd1;
}

.type-article span.external {
    background: #0000008f;
}

.type-article span.ai_open_space {
    background: linear-gradient(170deg, rgba(10, 98, 124, 1) 50%, rgba(41, 36, 88, 1) 100%);
}


/* reponsive */

@media (max-width: 1440px) {
	.banner h1 {
		font-size: 43px;
	}

	.banner h1 span {
		font-size: 70px;
	}

	.banner h2 {
		font-size: 25px;
	}

	.bg-banner {
		padding-top: 115px;
	}
}

@media (max-width: 1399px) {
	.intro {
	    align-items: start !important;
	}

	.section-lab .lab-items {
		width: 100%;
	}
}

@media (max-width: 1199px) {
	.bg-banner .funding-banner-row img {
		min-width: auto;
		width: 100%;
		max-width: 270px;
	}

	.bg-banner {
		align-items: center !important;
		padding: 0;
	}

	.banner .col-8 {
		width: 100%;
	}

	.bg-banner .col-2 {
		width: 20%;
	}

	.intro {
		flex-direction: column;
	}

	.intro > div {
		width: 100%;
	}

	.intro > div:nth-child(1) {
		order: 1;
	}

	.intro .img-wrap {
		text-align: center;
	}

	.intro img {
		width: 100%;
		max-width: 500px;
		margin: auto;
	}

	.section-future .col-10 {
		width: 100%;
	}

	.section-lab .lab-items > .col-4 {
		width: 45%;
		margin: 1% !important;
	}

	.section-git .col-4::after {
		content: none;
	}
}

@media (max-width: 991px) {
	.funding-banner-row > div {
		width: 100%;
	}

	.banner h1 {
		font-size: 52px;
	}

	.banner h1 span {
		font-size: 50px;
	}

	.bg-banner .col-2 {
		width: 33%;
	}

	.bg-banner .justify-content-end {
		margin-bottom: 50px !important;
	}

    .section-lab .lab-items > .col-4 {
    	width: 80%;
    }

    .section-lab .lab-items > .col-4 .row {
    	align-items: center;
    	margin-bottom: 20px;
    }

    .section-lab .lab-items > .col-4 .row h3 {
    	margin-bottom: 0;
    }
    .section-lab .col-3 {
    	text-align: center;
    }

    .section-lab .col-7 {
    	width: 75%;
    }

    .section-lab .lab-items > .col-4 br {
    	display: none;
    }

    .section-news-events .container > .row > div {
    	width: 100%;

    }

    .section-news-events .container > .row > div:first-child {
		margin-bottom: 100px;
    }

    footer .footer_second {
	    border-top: 1px solid #ffffff33;
    	border-bottom: 1px solid #ffffff33;
	    border-left: 0;
    	border-right: 0;
    }

    footer .section-menu .col-10 {
    	width: 100%;
    }

    footer .section-menu img {
    	display: none;
    }
 
 	.section-architecture .row > div {
 		width: 100%;
 	}

 	.section-pillars .row > div {
 		width: 100%;
 	}

 	.section-pillars .semi {
 		width: 100%;
 	}

 	.section-documentation .col-5 {
 		width: 100%;
 	}

 	.section-documentation .documentation-items .col-4 {
 		width: 100%;
 	}

 	header .menu .btn-primary,
 	header .menu .btn-primary:hover,
 	header .menu .btn-primary:focus,
 	header ul.sf-menu.sf-style-default a.btn:hover {
 		color: white !important;
 	}

}

@media (max-width: 767px) {

	.path-frontpage header {
		background-image: url('../images/bg/banner.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}

	.navbar-toggler {
		top: 25px;
		right: 0;
	}

	.banner {
	    height: auto;
    	padding-top: 120px;
    	position: relative;
    	max-height: fit-content;
		padding-bottom: 40px !important;
	}

	.banner h1 {
		font-size: 25px;
	}

    .banner h1 span {
        font-size: 40px;
    }

	.sticky-section {
		position: relative;
	}


	.banner h2 {
		font-size: 20px;
	}

	.bg-banner .col-2 {
		width: 100%;
	}

	.bg-banner .col-2 .item-banner {
		margin: auto;
		margin-bottom: 20px;
		max-width: 270px;
	}


	#video-home {
		min-height: inherit;
		display: none;
	}

	body.scrolled .sticky-section {
		background-color: inherit;
	}

	.plus-row .col {
		margin-bottom: 15px;
	}

	.plus-row .col:nth-child(1),
	.plus-row .col:nth-child(3),
	.plus-row .col:nth-child(5),
	.plus-row .col:nth-child(7) {
		min-width: 40%;
	}

	.section-future .col-6 {
		width: 100%;
	}

	.benefits-items > div {
		width: 100%;
	}

	.section-lab .col-3,
	.section-lab .col-8 {
		width: 100%;
	}

	.section-lab h2.title {
		text-align: left;
	}
	.section-lab h2.title br {
		display: none;
	}

	.lab-items .row {
		justify-content: center;
	}


	.section-lab .lab-items > .col-4 {
		width: 100%;
	}

	.section-lab .col-7 {
		width: 100%;
	}

	.section-lab .col-7 h3 {
		text-align: center;
	}

	.lab-items p {
		text-align: center;
	}

	.lab-items > div {
		margin-bottom: 50px;
	}

	.section-lab .lab-items > .col-4::before {
		left: 0;
	}

	div[class*="view-news-home-block"] .view-content {
		flex-direction: column;
	}

	div[class*="view-news-home-block"] .view-content .views-row {
		width: 100%;
	}

	footer {
		background-position: top;
    	background-repeat: repeat-y;
	}

	main {
		max-width: 90% !important;
	}

	/* .region-breadcrumb {
		margin-top: 50px;
	}
 */

	ol.breadcrumb {
		padding-right: 15px;
	}

	.sticky-section nav {
		max-width: 90%;
	}

	#video-home {
		display: none;
	}
	footer {
		background: linear-gradient(170deg, rgba(10, 98, 124, 1) 50%, rgba(41, 36, 88, 1) 100%);
	}

	.path-frontpage section.section {
		padding-top: 70px !important;
		margin-top: 10px !important;
		padding-bottom: 20px;
        margin-bottom: 20px;
	}

	.path-node section.section {
		padding-top: 0;
	}

	.path-node h1 {
		font-size: 30px !important;
	}

	.section-lab h2.title::before,
	.section-future span::before,
	.section-news-events h2.title::before,
	div[id*="block-vootstrap-views-block-events"] h2::before {
		content: none;
	}

	.content-tabs ul.nav li {
		width: 100%;
		padding: 3px;
	}

	.content-tabs .tab-content {
		padding: 0 !important;
	}

	#superfish-main-accordion {
		top: 26px !important;
    	right: 40px;
    	min-width: 150px;
	}

	.path-node .node__content a {
		max-width: 100%;
		white-space: nowrap;
	    overflow: hidden;
    	text-overflow: ellipsis;
	    display: block;
	}

}