@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

/*------------VARIABLES CSS------------*/
:root {
  --primaryColor: rgba(20, 1, 82, 1);
  --secondaryColor: rgba(120, 33, 214, 1);
  --tertiaryColor: rgba(13, 0, 164, 1);
}
/*------------VARIABLES CSS------------*/

/*------------GENERAL------------*/
html, body,
h1, h1, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
}
  
p, li, a {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
}

::selection {
	background: var(--primaryColor);
	color: white;
}

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

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

.font-instrument {
	font-family: "Instrument Serif", serif;
	font-size: 28px;
	margin-bottom: 0;
}

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

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

.custom-button,
.dark-button,
.view-articles.view-display-id-block_2 .link-wrap {
	color: white !important;
	border-radius: 180px;
	font-family: "Instrument Serif", serif;
	font-size: 24px;
	display: inline-block;
	transform: scale(1);
	transition: transform 0.3s ease;
}

.custom-button,
.view-articles.view-display-id-block_2 .link-wrap {
	background: linear-gradient(250deg,rgba(120, 33, 214, 1) 0%, rgba(13, 0, 164, 1) 22%);
	background-size: 200% 100%;
	background-position: 100% 50%;
	transition: background-size 0.5s ease;
	padding: 3px 20px;
}

.custom-button:hover,
.view-articles.view-display-id-block_2 .link-wrap {
	background: linear-gradient(290deg, rgba(13, 0, 164, 1) 55%, rgba(120, 33, 214, 1) 90%);
	background-position: 0% 50%;
	background-size: 100% 100%;
	transition: transform 0.3s ease;
	transform: scale(1.05);
}

.dark-button {
	background-color: var(--primaryColor);
	padding: 2px 20px;
}

.dark-button:hover {
	transform: scale(1.05);
}

.blue-title {
	color: var(--tertiaryColor);
	font-weight: 600;
	line-height: 1.3;
}

.title {
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin: 30px 0 50px 0;
}

.top-block-space {
	margin-top: 100px;
}

.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: 38px;
}

.medium-size {
	font-size: 28px;
}

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

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

.button-wrap {
	margin-top: 40px;
}

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

.text-animation-block-wrap *,
.path-frontpage .language-switcher-language-url a,
.banner *,
.custom-breadcrumb *,
.citycesa-wrap *,
.custom-banner  * {
	color: white;
}

ul {
	padding-left: 25px;
}

ul li {
	line-height: 1.4;
	padding-bottom: 5px;
}

.title-bg {
	margin-bottom: 45px;
	font-weight: 600;
	position: relative;
	padding-right: 65px;
	width: fit-content;
}

.title-bg .font-instrument {
	font-size: 34px;
	font-weight: 500;
}

.title-bg.animate-bg::before,
.paint-bg.animate-bg::before {
	position: absolute;
	content: "";
	background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(249, 244, 253, 1) 10%, rgba(227, 209, 246, 1) 50%, rgba(203, 169, 239, 1) 100%);
	width: 0;
	height: 55%;
	top: 50%;
	left: -10px;
	z-index: -1;
	border-radius: 4px;
	animation: paint-background 2.5s forwards;
}

.paint-bg.animate-bg::before {
	height: 86%;
	top: 7%;
}

@keyframes paint-background {
	0% {
      width: 0;
    }

    100% {
      width: 100%;
    }
  }

/*-------------------------*/
/*----------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:not(.user-logged-in.toolbar-icon-10) .sticky-section {
  position: fixed;  
  top: 0;           
  left: 0;          
  width: 100%;      
  z-index: 100; 
  transition: background-color 0.4s ease;
}

body.user-logged-in.toolbar-icon-10 .sticky-section {
	margin-top: 10px;
}

.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:not(.user-logged-in.toolbar-icon-10) .region-breadcrumb {
	margin-top: 85px;
}

/*----------------------------------*/
/*----------SOCIAL NETWORKS---------*/
.social-networks a {
    background-color: var(--tertiaryColor);
    border-radius: 50%;
    padding: 4px 8px;
}

.social-networks {
	list-style: none;
	display: flex;
	gap: 8px;	
	padding-left: 25px;
}

.social-networks img {
	width: 18px;
	height: 18px;
	margin-top: -2px;
	filter: brightness(0) invert(1);
}

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

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

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

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

.path-frontpage:not(.user-logged-in.toolbar-icon-10) .navbar-brand img {
	filter: brightness(0) invert(1);
}

.navbar-brand img {
	height: 80px;
	max-width: 160px;
	margin-bottom: 20px;
	transition: padding-top 0.4s ease;
}

nav .d-flex{
	align-items: baseline;
	width: 100%;
	margin: 10px 0;
}
/*------------------------------*/
/*--------SUPERFISH MENU--------*/
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
	background-color: #f9f9f9;
}

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(--primaryColor);
}

#superfish-main li a{
	color: var(--primaryColor);
}

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(--secondaryColor) !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(--secondaryColor) !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: 2px;
}

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 li[hreflang="en"]::after {
	background-color: white;
}

/*a.language-link[hreflang="en"] {
  font-size: 0; /* hide original text 
}

a.language-link[hreflang="en"]::after {
  content: "EN";  /* replacement 
  font-size: 18px; /* reset font size 
}
*/
/*-----------------------------------*/
/*--------------BANNER---------------*/
.banner {
	min-height: 600px;
	max-height: calc(100vh + 43px);
	height: calc(100vh + 43px);
}

.banner .container {
	display: flex;
    flex-direction: column;
    height: 63%;
    justify-content: space-between;
}

.banner h1 {
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 86px;
	position: relative;
}

.banner h1 .outlined {
  color: transparent;                    
  -webkit-text-stroke: 1.5px white;       
  position: absolute;
  top: 75px;                 
  left: 0;
  font-size: 74px;
}

.bg-banner h2 {
	font-weight: 350;
	font-size: 21px;
}

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

#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: 100%;
	max-height: 100vh;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

.user-logged-in.toolbar-icon-10 #filtervideo {
	min-height: 96%;
}

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

#banner-animation {
	width: 45px;
	height: 45px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.user-logged-in.toolbar-icon-10 #banner-animation {
	bottom: 100px;
}

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

.region-breadcrumb {
	position: relative;
	padding: 35px 15px 45px 15px;
	margin-bottom: 90px;
}

.region-breadcrumb::before {
	position: absolute;
	content: "";
	background-image: url('../images/background/purple-banner.png');
	top: 0;
	left: 0;
	background-size: cover;
	width: 100%;
	min-height: 150px;
	height: -webkit-fill-available;
	z-index: -1;
}

.region-breadcrumb:has(.custom-banner)::before {
	height: 350px;
	max-height: 100%;
}

.region-breadcrumb:has(.custom-banner)::after {
	position: absolute;
	content: "";
	background-image: url('../images/background/circles-icon.svg');
	filter: brightness(0) invert(1);
	right: 0;
	top: 50%;
	width: 400px;
	height: 185px;
	background-size: cover;
}

#node-6 .region-breadcrumb:has(.custom-banner)::after {
	top: 39%;
}

.custom-banner {
	padding: 65px 0;
	overflow: hidden;
}

.custom-banner .font-instrument {
	font-size: 40px;
}

#block-vootstrap-breadcrumbs, #block-vootstrap-page-title {
	margin: 10px auto 0 auto;
}

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

.region-breadcrumb .breadcrumb-item {
	opacity: 0.6;
}

ol.breadcrumb{
	margin-bottom: unset;
}

.breadcrumb-item,
.breadcrumb-item a {
	font-size: 16.5px;
	font-weight: 400;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: "›";
	padding: 0px 5px 0 0;
	margin-left: -2px;
}

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

/*-------------------------*/
/*----------INTRO----------*/
.intro-wrap {
	position: relative;
	padding: 65px 85px;
	margin-bottom: 45px;
	overflow: hidden;
}

.side-img-wrap img {
	position: absolute;
	right: -150px;
	top: 0;
	width: auto;
	height: 100%;
	background-size: cover;
	opacity: 0.4;
}

.paint-bg {
	position: relative;
	display: inline-block;
}

#institutions-bg {
	position: relative;
}

#institutions-bg::after {
	position: absolute;
	content: "";
	background: linear-gradient(270deg, rgba(203, 169, 239, 1) 0%, rgba(227, 209, 246, 1) 50%, rgba(255, 255, 255, 1) 100%);
	width: 80%;
	height: 100%;
	z-index: -1;
	right: -10px;
	top: 0;
	border-radius: 4px;
}

/*----------------------------*/
/*-------TEXT ANIMATION-------*/
.text-animation-block-wrap {
	position: relative;
	padding: 45px 0;
}

.text-animation-block-wrap::before {
	content: "";
	position: absolute;
	background-image: url('../images/background/purple-banner.png');
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	transform: rotate(180deg);
	top: 0;
	left: 0;
	z-index: -1;
}

/*.text-animation-block-wrap::after {
  content: "";
  position: absolute;
  inset: 0; 
  background-image: url('../images/background/noise-effect.png');
  background-size: cover;
  opacity: 0.09; 
  pointer-events: none; 
  z-index: -1;
}*/

.text-animation-block-wrap h2 {
	font-weight: 700;
	margin-bottom: 45px;
}

.text-animation-wrap {
	position: relative;
}

.text-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
}

.text-animation-content {
  overflow: hidden;
  height: 60px;
  position: relative;
}

.text-animation-content * {
	font-size: 38px;
	font-weight: 600;
}

.text-animation-list * {
	font-family: "Instrument Serif", serif;
	font-weight: 400;
	font-size: 42px;
}

.text-animation-text {
  display: inline;
  float: left;
  margin: 0;
}

.text-animation-list {
  margin-top: 0;
  padding-left: 192px;
  text-align: left;
  list-style: none;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.list-item {
  line-height: 57px;
  margin: 0;
}

/* Animations */
@keyframes opacity {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes change {
  0%, 15%, 100% { transform: translate3d(0, 0, 0); }
  25%, 40% { transform: translate3d(0, -33%, 0); }
  50%, 65% { transform: translate3d(0, -66.5%, 0); }
  75%, 90% { transform: translate3d(0, -33.5%, 0); }
}

/*----------------------------------*/
/*-------CITYCESA FRONT BLOCK-------*/
.citycesa-wrap {
	position: relative;
	padding: 45px 25px;
}

.citycesa-wrap .button-wrap {
	margin-top: 15px;
}

.citycesa-wrap .button-wrap a {
	font-size: 20px;
}

#citycesa-video {
  position: absolute;
  top: 0;
  left: 0; 
  width: 100%;
  height: 100%;
  border-radius: 30px;
  z-index: -2;
  object-fit: cover; 
}

#filter-citycesa-video {
	position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    height: unset;
    min-height: 100%;
	border-radius: 30px;
    background: linear-gradient(70deg, black 0%, rgba(2, 1, 10, 1) 47%, rgba(20, 1, 82, 1) 70%, rgba(120, 33, 214, 1) 100%);
	opacity: 0.95;
	z-index: -1;
}

/*------------------------------*/
/*--------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;
}

/*----------------------------*/
/*----------ABOUT US----------*/
.about-us-intro ul {
	padding-left: 20px;
}

.vision-mission-wrap {
	position: relative;
	overflow: hidden;
}

.vision-mission-wrap .side-img-wrap img {
	right: -245px;
	top: 10%;
	height: 80%;
}

.about-values .value {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	padding-bottom: 6px;
	margin-top: 20px;
}

.about-values .number-wrap {
	padding-left: 40px;
	width: 6%;
	font-size: 36px;
	margin-top: -12px;
}

.about-values .title-wrap {
	width: 23%;
	font-size: 20px;
}

.about-values .text-wrap {
	width: 57%;
}

/*----------------------------*/
/*----------PROJECTS----------*/
.project {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
	min-height: 500px;
}

.project .title-wrap,
.project .img-wrap {
	position: absolute;
	top: 0;
}

.project .button-wrap {
	margin-top: 25px;
}

.project.left-side-img .title-wrap {
	left: 80px;
}

.project.left-side-img .img-wrap {
	left: -180px;
}

.project.right-side-img .title-wrap {
	right: 120px;
}

.project.right-side-img .img-wrap {
	right: -180px;
}

.project .img-wrap img {
	max-height: 500px;
}

.project .title-wrap .blue-title {
	font-size: 46px;
	line-height: 1;
}

.project .title-wrap .font-instrument {
	font-size: 60px;
	font-weight: 400;
}

.project .custom-button {
	font-size: 20px;
}

/*----------------------------*/
/*--------PROJECT PAGE--------*/
.project-page .links-wrap a {
	display: block;
	color: var(--tertiaryColor);
	position: relative;
	padding-right: 45px;
	margin-bottom: 10px;
}

.project-page .links-wrap a::after {
	position: absolute;
	content: "";
	background-image: url('../images/icons/open-link.svg');
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
}

.project-page .project .text-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.project-page .project .container {
	margin-top: 13px;
}

.other-project {
	padding: 0 70px;
}

.other-project img {
	margin-bottom: 5px;
}

.other-project p.blue-title {
	line-height: 1;
}

.other-project span.font-instrument {
	font-size: 32px;
}

.project-text-content h4 {
	margin: 30px 0 15px 0;
	color: var(--primaryColor);
}

.project-text-content ul {
	padding-left: 2rem;
}

.project-text-content a {
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.light-color {
	color: #2E5395;
}

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

.content-wrap {
	padding: 25px 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: 30px;
	background-color: #EDEDEE;
	/*height: 100%;*/
}

/*.teaser-event-wrap .content-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}*/

.event .font-instrument {
	font-size: 22px;
}

.event .custom-button {
	font-size: 18px;
}

/*------------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---------*/
.events-wrap .view-events .view-content {
  display: flex;
  flex-wrap: wrap;
}

.events-wrap .view-events .views-row {
  padding: 10px 6px;
}

.load-more-link {
	color: var(--tertiaryColor);
	text-align: center;
}

/*---------------------------*/
/*----------FOOTER-----------*/
footer {
	padding-bottom: unset;
	background: linear-gradient(180deg,rgba(252, 252, 252, 0.4) 0%, rgba(195, 158, 236, 0.95) 45%, rgb(101, 81, 214, 0.95) 90%);
	position: relative;
	z-index: -1;
	padding-top: 65px;
}

footer::after {
	position: absolute;
	background-image: url('../images/background/circles-icon.svg');
	content: "";
	bottom: 110px;
	right: 0px;
	height: 90%;
	min-width: 536px;
	width: auto;
	background-size: cover;
	filter: brightness(0) invert(0.98);
	opacity: 0.1;
	z-index: -2;
}

footer h2 {
	margin-bottom: 65px;
}

footer h2 .font-instrument,
.patron-block-wrap h2 .font-instrument {
	font-size: 34px;
}

footer h3 {
	font-weight: 650;
	margin-bottom: 35px;
}

footer .map-wrap {
	padding-right: 45px;
}

footer .map-wrap img {
	max-width: 100%;
	height: auto;
	max-height: 280px;
	border-radius: 16px;
}

.footer-content {
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	padding-bottom: 45px;
}

.footer-bottom-wrap {
	display: flex;
	justify-content: space-between;
	padding: 25px 0 0;
	margin: 5px auto -15px auto;
}

.footer-menu a,
.copyright a {
	padding: 0 15px;
}

.copyright {
	display: flex;
	align-items: baseline;
	background-color: black;
	margin-top: 25px;
	padding-bottom: 3px;
}

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

.copyright p {
	margin-bottom: 0;
	padding: 10px 15px 7px 6.5px;
	margin-left: auto;
	margin-right: auto;
}

/*---------------------------*/
/*----------COOKIES----------*/
div#sliding-popup, 
div#sliding-popup .eu-cookie-withdraw-banner,
 .eu-cookie-withdraw-tab {
	background: var(--primaryColor);
}


#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;
}


/*----------COOKIES----------*/

.eu-cookie-compliance-content{
	display: flex;
	flex-direction: column;
	padding: 25px 0;
	gap: 5px;
}
.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(--primaryColor);
    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(--primaryColor) !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(--primaryColor);
    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(--primaryColor) !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------------*/
.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 .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: 85%;
	margin-left: auto;
	margin-right: auto;
}

#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-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: 10px;
	hyphens: auto;
}

.card-img-top img {
    height: 280px;
	margin-bottom: 20px;
	object-fit: cover;
	object-position: center;
	border-radius: 30px;
	border: 1px solid rgb(235, 235, 235);
	position: relative;
	aspect-ratio: 16 / 9;
}

.article-teaser {
	padding: 10px; 
	position: relative;
}

.article-teaser a.font-instrument {
	color: var(--secondaryColor);
}

.article-teaser .card-img-top {
	position: relative;
}

.article-teaser .date-wrapper-teaser {
	position: absolute;
	right: 15px;
	top: 15px;
	border: 1px solid var(--primaryColor);
	border-radius: 50px;
	background-color: var(--primaryColor);
	color: white;
	padding: 4px 15px 2px 15px;
}

.article-teaser a {
	font-size: 20px;
}

.article-teaser h2 a {
	font-size: 24px;
}

.article-teaser .date-wrapper-teaser p {
	font-size: 19px;
}

.article-teaser h2 {
	color: var(--primaryColor);
	font-size: 25px;
}

#block-vootstrap-views-block-articles-block-1 .views-row:not(:first-child) .article-teaser h2 a {
	font-size: 20.5px;
} 

/*--------------------------*/
.article-text p, 
.article-text li, 
.article-text a,
.view-articles.view-display-id-block_2 .views-row:first-child p {
	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: 30px;
}

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;
}

/*-------------------------------*/
/*----ACTUAL BLOCK (ARTICLES)----*/
.actual-views {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.latest-img {
	width: 44%;
}

.articles-no-img {
	width: 54%;
}

.view-articles.view-display-id-block_2 .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.view-articles.view-display-id-block_2 .views-row .card-img-top {
	display: none;
}

.view-articles.view-display-id-block_2 .views-row {
	width: 50%;
}

.view-articles.view-display-id-block_2 .views-row:first-child {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.view-articles.view-display-id-block_1 .views-row:first-child p {
	font-size: 18px;
}

.view-articles.view-display-id-block_2 .link-wrap {
	display: none;
	justify-self: end;
	font-size: 18px;
}

.view-articles.view-display-id-block_2 .views-row:first-child .link-wrap {
	display: block;
}

.latest-img .view-articles.view-display-id-block_3 .card-body {
	display: none;
}

.latest-img .view-articles.view-display-id-block_3 img {
	height: 380px;
}

/*-------------------------------*/
/*--------NEWS AND EVENTS--------*/
.latest-article .article-teaser {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.latest-article .card-img-top {
	width: 53%;
}

.latest-article .card-body {
	width: 47%;
	padding-left: 20px;
}

.latest-article .button-wrap {
	padding-right: 30px;
}

.news-events .button-wrap {
	margin-top: 15px;
	text-align: end;
}

.news-events .custom-button {
	font-size: 18px;
}

.news-events .article-teaser .link-wrap {
	display: none;
}

.latest-events .view-content {
	display: flex;
	flex-wrap: wrap;
}

.latest-events .views-row {
	padding: 8px;
}

.latest-events .content-wrap {
	position: relative;
}

.latest-events .icon-text {
	padding-right: 40px;
}

.news-events .plus-icon-link {
	position: absolute;
	right: 15px;
	bottom: 25px;
}

/*-------------------------*/
/*-------SIMPLE LOGIN------*/
.simplelogin-logo {
	margin-bottom: 15px;
}

.simplelogin-form input[type="submit"], 
.simplelogin-form button.form-submit {
	color: white;
	background-color: var(--primaryColor);
}

.simplelogin-form .btn:first-child:active,
.simplelogin-form .btn:first-child:active {
	background-color: var(--primaryColor);
	opacity: 0.8;
}

.user-logged-in .alert.alert-status.alert-success.alert-dismissible,
.messages.messages--status {
	display: none;
}

/*--------------------------*/
/*----------PATRON----------*/
.patron {
	padding: 10px 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius: 30px;
	height: 100%;
}

.patron img {
	border-radius: 24px;
	max-width: 100%;
	max-height: 320px;
	object-fit: cover;
}

.patron .text-wrap {
	padding: 0 5px;
}

.view-patrons .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 3.5%;
}

.view-patrons .views-row {
	width: 31%;
	margin-bottom: 45px;
}

/*--------------------------*/
/*-------LOGOS BLOCK--------*/
.logos-wrap {
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 40px;
	margin-top: 40px;
}

.logos-wrap img {
	max-width: 260px;
    max-height: 110px;
    padding: 15px;
    height: auto;
    width: 230px;
    object-fit: contain;
}

.logos-wrap img[alt="Adventia European College of Aeronatics"] {
	max-width: 400px;
	width: 400px;
	padding-left: 0;
}

.logos-wrap img[alt="CITYCESA"] {
	max-width: 180px;
	width: 125px;
}

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

@media (min-width: 768px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-page-title{
	  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 {
		background-color: #f9f9f9;
		border-radius: 26px;
		padding: 5px 30px 5px 20px;
		display: flex;
		align-items: center;
	}

	.view-articles.view-display-id-block_2 .views-row:not(:first-child) p {
		font-size: 16.2px;
	}
	.view-articles.view-display-id-block_2 .views-row:not(:first-child) .article-teaser h2 a {
		font-size: 20.5px;
	} 
}
  
  @media (min-width: 992px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-page-title{ 
	  max-width: 960px;
	}
  }
  
  @media (min-width: 1200px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-page-title{ 
	  max-width: 1140px;
	}

	.project.right-side-img:has(img[alt="Culture and sport"]) {
		padding-bottom: 145px;
	}

	/*-------------------------------*/
	/*--------NEWS AND EVENTS--------*/
	.news-events {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.latest-article {
		width: 63%;
	}

	.latest-events {
		width: 34%;
	}

	.latest-events .views-row {
		width: 100%;
	}
}

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

@media (min-width: 1650px) {
	.project { 
		max-width: 1600px;
		margin-right: auto;
		margin-left: auto;
		overflow: visible;
	}

	.project.left-side-img .img-wrap {
		left: 0;
	}

	.project.left-side-img .title-wrap {
		left: 100px;
	}

	.project.right-side-img .img-wrap {
		right: 0;
	}

	.project.right-side-img .title-wrap {
		right: 160px;
	}
}

@media (min-width: 1820px) {
	.custom-container {
		max-width: 1800px;
	}

	.intro-wrap,
	.vision-mission-wrap { 
		max-width: 1800px;
		margin-right: auto;
		margin-left: auto;
		overflow: visible;
	}

	.side-img-wrap img {
		right: 0 !important
	}
}
/*----------------------------------------------------------------------------*/
@media (max-width: 1400px) {
	.about-us-intro .title-text .larger-size {
		font-size: 34px;
		padding-right: 70px;
	}

	/*-------------------------*/
	/*----------INTRO----------*/
	.intro-wrap {
		padding: 0;
		padding-bottom: 20px;
		margin: 45px 0 65px 0;
	}

	/*-------------------------*/
	/*---------ABOUT US--------*/
	.vision-mission-wrap .side-img-wrap img {
		right: -265px;
	}

	/*------------------------*/
	/*--------PROJECTS--------*/
	.other-project {
		padding: 10px 25px;
	}
}

@media (max-width: 1200px) {
	.title-text .larger-size {
		font-size: 34px;
		padding-right: 0;
	}

	.title-text .medium-size {
		font-size: 24px;
	}

	.citycesa-wrap .font-instrument br {
		display: none;
	}

	.dividends-reports .dividends,
	.retention {
		padding-right: 25px;
	}

	.dividends-reports .reports,
	.title-text:has(.retention) .col-lg-6:last-child {
		padding-left: 25px;
	}

	/*-----------------------------------*/
	/*------------BREADCRUMBS------------*/
	.region-breadcrumb::after {
		opacity: 0.2;
	}

	/*----------------------------*/
	/*----------ABOUT US----------*/
	.about-us-intro .col-lg-6 {
		padding-right: 35px;
	}

	.about-values .number-wrap {
		padding-left: 10px;
	}

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

	/*----------------------*/
	/*--------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%;
	}

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

	.view-articles.view-display-id-block_2 .views-row {
		width: 100%;
	}

	/*-------------------------------*/
	/*--------NEWS AND EVENTS--------*/
	.latest-events .views-row {
		width: 50%;
	}

	.latest-events .teaser-event-wrap {
		height: 100%;
	}

	.latest-events .teaser-event-wrap .content-wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}

	.latest-article {
		margin-bottom: 35px;
	}

	/*-----------------------------*/
	/*----------PROJECTS-----------*/
	.project {
		padding: 50px 0 0;
	}

	.project .img-wrap img {
		max-height: 400px;
	}

	.project.left-side-img .img-wrap {
		left: -145px;
	}

	.project.right-side-img .img-wrap {
		right: -145px;
	}

	.project .title-wrap .blue-title {
		font-size: 30px;
	}

	.project .title-wrap .font-instrument {
		font-size: 44px;
	}

	/*---------------------------*/
	/*----------FOOTER-----------*/
	footer .address {
		margin-bottom: 20px;
	}

	footer h3 {
		margin-bottom: 10px;
	}

	/*--------------------------*/
	/*----------PATRON----------*/
	.patron h5 {
		font-size: 18px;
	}

	.patron p {
		font-size: 16.5px;
	}

	/*--------------------------*/
	/*-------LOGOS BLOCK--------*/
	.logos-wrap {
    	justify-content: center;
	}

	.logos-wrap img {
		max-width: 210px;
    	width: 210px;
	}

	.logos-wrap img[alt="Adventia European College of Aeronatics"] {
		max-width: 330px;
		width: 330px;
	}

	.logos-wrap img[alt="CITYCESA"] {
		max-width: 160px;
		width: 160px;
	}
}

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

@media (max-width: 991px) {
	.top-block-space {
		margin-top: 45px;
	}

	.region-breadcrumb {
		margin-bottom: 45px;
	}

	.sticky-section {
		height: 97px;
	}

	body:not(.user-logged-in.toolbar-icon-10) .region-breadcrumb {
		margin-top: 61px;
	}

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

	.banner br {
		display: none;
	}

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

	.dividends-reports .reports {
		margin-top: 25px;
	}

	.dividends-reports .dividends,
	.retention,
	.dividends-reports .reports,
	.title-text:has(.retention) .col-lg-6:last-child {
		padding-right: 15px;
		padding-left: 15px;
	}

	/*--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: 26px;
		right: 5px;
	}

	.path-frontpage .navbar-toggler {
		border: 3px solid white;
	}

	.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: 65px;
	}

	.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: -6px;
	}

	/*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;
	}

	.banner h1 {
		line-height: 0.9;
	}

	/*-------------------------*/
	/*----------INTRO----------*/
	.intro-wrap {
		padding-bottom: 0;
	}

	.side-img-wrap img {
		right: -120px;
		opacity: 0.1;
	}

	.banner h1 .outlined {
		top: -34px;
	}

	.about-us-intro .title-text .larger-size {
		padding-right: 0;
	}

	.institutions-front .text-end {
		text-align: left !important;
	}

	.institutions-front .text-wrap {
		margin-bottom: 35px;
	}

	/*------------------------------*/
	/*--------BLUE TITLE BLOCK------*/
	.title-text .button-wrap {
		margin-bottom: 35px;
	}

	/*----------------------------*/
	/*----------PROJECTS----------*/
	.project {
		padding-top: 150px;
	}

	.project .img-wrap {
		z-index: -1;
	}

	.projects-wrap .project .img-wrap img {
		opacity: 0.1;
	}

	.project.left-side-img .button-wrap {
		text-align: end;
	}

	.project.left-side-img .title-wrap,
	.project .title-wrap {
		left: 35px;
	}

	.project.right-side-img:has(img[alt="Culture and sport"]) {
		padding-top: 135px;
	}

	.other-projects {
		justify-content: center;
	}

	/*----------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%;
	}

	.latest-img {
		display: none;
	}

	.articles-no-img {
		width: 100%;
	}

	.view-articles.view-display-id-block_2 .link-wrap {
		display: block;
	}

	.view-articles.view-display-id-block_2 .views-row {
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		padding-bottom: 5px;
		margin-bottom: 15px;
	}

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

	/*----------------------------*/
	/*-------TEXT ANIMATION-------*/
	.text-animation-block .text-wrap {
		padding-left: 40px;
	}

	/*---------------------------*/
	/*----------FOOTER-----------*/
	footer .map-wrap {
		margin-bottom: 30px;
		padding-right: calc(var(--bs-gutter-x) * 0.5);
	}

	.footer-bottom-wrap {
		flex-direction: column;
		gap: 5px;
		margin-top: 0;
	}

	footer .social-networks {
		justify-content: end;
		padding-left: 0;
	}

	.footer-menu a {
		display: inline-block;
		margin-bottom: 8px;
	}

	/*--------------------------*/
	/*----------PATRON----------*/
	.view-patrons .view-content {
		column-gap: 5.5%;
	}

	.view-patrons .views-row {
		width: 47%;
		margin-bottom: 35px;
	}
}

@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) {
	.companies-front br {
		display: none;
	}

	.companies-front .paint-bg {
		display: unset;
	}

	.companies-front .paint-bg.animate-bg::before {
		content: none;
	}

	/*-----------------------------------*/
	/*------------BREADCRUMBS------------*/
	.region-breadcrumb::after {
		width: 260px;
		top: 68%;
	}

	.custom-banner h1 br {
		display: none;
	}

	/*-------------------------*/
	/*----------INTRO----------*/
	.side-img-wrap img {
		right: -95px;
		height: 70%;
		top: 15%;
	}

	/*-------------------------*/
	/*---------ABOUT US--------*/
	.vision-mission-wrap .side-img-wrap img {
		right: -240px;
		top: 20%;
		height: 60%;
	}

	.about-values .value {
		flex-wrap: wrap;
		justify-content: unset;
		align-items: unset;
	}

	.about-values .text-wrap {
		width: 100%;
	}

	.about-values .number-wrap {
		width: 15%;
	}
	
	.about-values .title-wrap {
		width: unset;
	}

	/*------------------------------*/
	/*--------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;
	}

	/*------------------------*/
	/*--------PROJECTS--------*/
	.project .img-wrap img {
		opacity: 0.2;
	}

	.other-project {
		max-width: 80%;
		padding: 30px 15px;
	}

	/*-------------------------------*/
	/*--------NEWS AND EVENTS--------*/
	.latest-article .card-img-top,
	.latest-article .card-body,
	.latest-events .views-row {
		width: 100%;
	}

	/*----------------------------*/
	/*-------TEXT ANIMATION-------*/
	.text-animation-block .text-wrap {
		padding-left: 15px;
		margin-top: 65px;
	}

	.text-animation {
		margin-top: 65px;
	}

	/*--------------------------*/
	/*----------PATRON----------*/
	.view-patrons .view-content {
		column-gap: unset;
	}

	.view-patrons .views-row {
		width: 85%;
	}
}

@media (max-width: 576px) {
	.custom-button {
		padding: 5px 15px;
	}

	.title-text .larger-size {
		font-size: 30px;
	}

	/*-------------------------*/
	/*----------BANNER---------*/
	#video-home {
		display: none;
	}

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

	.small-screen-banner img {
		position: absolute;
    	top: 0;
    	left: 0;
    	min-width: 100%;
    	min-height: 720px;
    	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;
	}

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

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

	.navbar-brand img {
		padding-left: 15px;
	}

	.navbar-toggler {
		right: 15px;
	}

	body:not(.user-logged-in.toolbar-icon-10) .region-breadcrumb {
		margin-top: 97px;
	}

	.region-breadcrumb:has(.custom-banner)::after {
		content: unset;
	}

	.custom-banner {
		padding: 35px 0;
	}

	.region-breadcrumb:has(.custom-banner)::before {
		height: 300px;
	}

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

	/*---------------------------*/
	/*---------PROJECTS----------*/
	.project .img-wrap {
		display: none;
	}

	.project {
		display: flex;
		flex-direction: column;
		padding: 20px 15px !important;
	}

	.project .title-wrap {
		position: unset;
	}

	.project > .container {
		order: 2;
	}

	.project .title-img {
		order: 1;
	}

	.project .title-wrap .blue-title {
		font-size: 36px;
	}

	.project .title-wrap .font-instrument {
		font-size: 40px;
	}

	.project .button-wrap {
		text-align: left !important;
	}

	.project .text-wrap {
		padding: 0;
	}

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

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

	/*-------------------------*/
	/*----------INTRO----------*/
	.side-img-wrap {
		display: none;
	}
}

@media (max-width: 520px) {
	/*------------------------*/
	/*----------FOOTER--------*/
	.copyright a {
		display: inline-block;
		margin-bottom: 8px;
	}

	.copyright {
		padding-bottom: 0;
	}
}

@media (max-width: 500px) {
	.about-values .number-wrap {
		width: 100%;
	}

	/*---------------------------*/
	/*---------PROJECTS----------*/
	.project br {
		display: none;
	}

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

	/*--------------------------*/
	/*----------PATRON----------*/
	.view-patrons .views-row {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.title-text .larger-size {
		font-size: 26px;
	}

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

	.banner h1 .outlined {
		font-size: 41px;
		top: -19px;
	}

	.citycesa .font-instrument {
		font-size: 24px;
	}
}

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

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

/*---------RESPONSIVE HEIGHTS----------*/
@media (max-height: 690px) {
	.bg-banner {
		position: relative;
	}

	#banner-animation {
		bottom: 20px;
	}
}

@media (min-width: 992px) and (max-height: 800px) {
	.bg-banner {
		padding-top: 55px;
	}
}

@media ((max-width: 1400px) or (min-width: 1400px)) and (max-height: 1075px) {
	.banner,
	#video-home,
	#filtervideo {
		min-height: 720px;
	}
}

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

@media (max-width: 576px) and (max-height: 700px) {
	.small-screen-banner img,
	#filtervideo,
	.banner {
		min-height: 650px;
	}

	#banner-animation {
		bottom: 50px;
	}
}


/*  */

.disabled, .disabled:hover {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
	transition: none;
	transform: none;
}

