@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: #0a33ff;
}
/*------------VARIABLES CSS------------*/

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

a {
	text-decoration: none;
	color: var(--primaryColor);
}

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

::marker {
	color: var(--primaryColor);
}

.event-full .event-body,
.company-full .company-body,
.companies-view-wrap {
	background-color: #F8F8F8;
	padding: 20px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.event-full .event-body,
.companies-view-wrap {
	margin: 35px 0;
}
.space {
	margin-bottom: 85px;
}

/*------------------------------*/

/*------------HEADER------------*/
nav .d-flex {
	align-items: baseline;
	margin-top: 0;
	margin-bottom: 1px;
}

.nav-item {
	font-size: unset;
}

.navbar-nav li a {
	color: black;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 15px;
	font-size: unset;
}

.navbar-nav li a:hover,
.navbar-nav li a.active, .navbar-nav li a.is-active {
	text-decoration: underline;
}

.dropdown-toggle::after {
	content: "";
	background-image: url('../images/icons/chevron-down-solid.svg');
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	border: unset !important;
}

.dropdown-toggle[aria-expanded="true"]::after,
.dropdown-toggle.chevron-up::after {
	background-image: url('../images/icons/chevron-up-solid.svg');
  }

.navbar-toggler {
	display: none;
}

.collapse:not(.show) {
    display: none !important;
}

/*-----------------------------------*/
/*----------LANGUAGE SWITCHER--------*/
.navbar {
	position: relative;
	overflow-x: hidden;
}

.language-switcher-language-url {
	position: absolute;
	right: 15px;
	bottom: 24px;
}

#block-vootstrap-languageswitcher ul[data-block="nav_additional"] {
	display: flex;
	list-style: none;
	gap: 10px;
	margin-bottom: 0;
}

.language-switcher-language-url ul[data-block="nav_additional"] a {
	display: block;
	color: transparent !important;
	width: 35px;
	height: 35px;
}

.language-switcher-language-url a[hreflang = "en"] {
	background-image: url(../images/icons/en.png);
	background-size: cover;
	border-radius: 50%;
}

.language-switcher-language-url a[hreflang = "es"] {
	background-image: url(../images/icons/es.png);
	background-size: cover;
	border-radius: 50%;
}

/*-----------------------------------*/
/*---------------BANNER--------------*/
.banner {
	background-color: var(--primaryColor);
	padding: 180px 15px;
}

.banner img {
	width: 40%;
}

/*-----------------------------------*/
/*------------BREADCRUMBS------------*/
.region-breadcrumb {
	background: black;
	padding: 27px 15px 15px 15px;
	margin-bottom: 50px;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: var(--bs-breadcrumb-divider, "|");
	margin-top: -1px;
}

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

#block-vootstrap-pagetitle h1 {
	font-size: 30px;
}

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

ol.breadcrumb {
	margin-bottom: unset;
}

.breadcrumb-item,
.breadcrumb-item a {
	font-size: 13px;
	font-weight: 660;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 4px;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 4px;	
}

.path-node #block-vootstrap-pagetitle h1 {
    width: 100%;
}

.path-node #block-vootstrap-pagetitle h1,
.path-node #block-vootstrap-pagetitle .field--name-title {
	text-transform: capitalize;
	font-weight: 700;
}

.page-node-type-page #block-vootstrap-pagetitle h1 .field--name-title { 
	text-transform: uppercase;
}

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

/*---------------------------*/
/*----------FOOTER----------*/
footer {
	background-color: #E6E5E5;
	padding-bottom: 0;
}

footer a {
	color: white;
}

.footer-logo {
	max-width: 100%;
	margin-top: 10px;
}

.copyright {
	text-align: center;
	background-color: black;
	color: white;
	padding: 5px 0;
	margin-top: 35px;
}

.copyright img {
	width: 11px;
	height: 11px;
	filter: brightness(0) invert(1);
	margin: 0 5px 3px 0;
}

.copyright p,
.copyright a {
	font-size: 16px;
}

/*-------------------------*/
/*-------INTRODUCTION------*/
.introduction-wrap {
	margin: 40px 0 55px 0;
}

/*---------------------------*/
/*----------EVENT------------*/
.event-full .event-intro {
	align-items: center;
}

.event-full .event-intro .text {
	font-size: 18px;
}

.event-full .img img {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	border-radius: 5px;
	float: inline-end;
}

.event-full .date-wrap {
	font-size: 20px;
}

.event-full .info {
	display: flex;
}

.event-full .info img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	box-shadow: unset;
	margin-top: 5px;
}

/*--------EVENT VIEW-------*/
.block-views {
	margin-bottom: 50px;
	margin-top: 50px;
}

.block-views h2 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 650;
	margin-bottom: 25px;
}

.event-teaser {
	border: 2px solid var(--primaryColor);
	border-radius: 5px;
	padding: 15px;
}

.event-teaser img {
	transform: rotate(315deg);
	width: 30px;
	height: 30px;
	float: inline-end;
	margin: -10px -12px 0 0;
}

.event-teaser h3 {
	padding-top: 30px;
}

.event-teaser .date-wrap {
	margin-bottom: 10px;
	font-size: 18px;
}

.event-teaser .text p {
	display: -webkit-box;
	-webkit-line-clamp: 4;  
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.view-events .views-row {
	max-width: 33%;
	padding: 2%;
}

/*---------------------------*/
/*----------COMPANY----------*/
.company-full .contact-info {
	margin-bottom: 5px;
}

.company-full .contact-info img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: -3px;
}

.company-full .contact-info span {
	font-size: 18px;
}

.company-full .link a {
	color: var(--primaryColor);
}

.company-full .social-networks {
	display: flex;
	gap: 5px;
	margin-top: 20px;
}

.company-full .icon img {
	width: 32px;
	height: 32px;
}

.company-full .company-intro {
	display: flex;
	justify-content: space-between;
}

.company-full .company-intro .text {
	width: 70%;
}

.company-full .company-intro .img {
	width: 27%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.company-full .company-intro .img img {
	max-width: 240px;
	max-height: 240px;
}

.company-full .company-body {
	margin-top: 0;
	margin-bottom: 0;
}

/*-----COMPANY TEASER------*/
.companies-view-wrap {
	margin-bottom: 85px;
}

.companies-titles-wrap {
	border-bottom: 1px solid black;
	margin-bottom: 5px;
}

.companies-titles-wrap .col-lg-6:first-child h5{
	margin-left: 5px;
}

.view-companies .views-row {
	border-bottom: 1px solid black;
	padding-top: 10px;
}

.view-companies .views-row:first-child {
	padding-top: 7px;
}

.company-teaser a,
.company-teaser-small a {
	color: var(--primaryColor);
	margin-left: 5px;
}

.company-teaser p {
	margin-bottom: 8px;
}

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

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

	.company-full .company-intro .text,
	.company-full .company-intro .img{
		background-color: #F8F8F8;
		padding: 20px;
		margin: 35px 0;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	}
  }
  
  @media (min-width: 992px) {
	#block-vootstrap-breadcrumbs, #block-vootstrap-pagetitle { 
	  max-width: 960px;
	}

	.navbar-brand img {
		height: 70px;
	}
  }
  
  @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 (max-width: 1200px) {
	.event-teaser .text p {
		-webkit-line-clamp: 5;  
	}
}

@media (max-width: 992px) {
	.view-events .views-row {
		max-width: 50%;
		padding: 3%;
	}

	.event-teaser .text p {
		-webkit-line-clamp: 4;  
	}

	.company-full .company-intro .text {
		width: 63%;
	}
	
	.company-full .company-intro .img {
		width: 33%;
	}

	.navbar-brand img {
		height: 55px;
		padding-left: 15px;
	}
	
	.banner img {
		width: 60%;
	}

	nav .d-flex {
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	.event-full .img img {
		float: unset;
		margin-top: 30px;
		width: 100%;
		height: auto;
	}

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

	.company-full .company-intro {
		flex-wrap: wrap;
	}

	.company-full .company-intro .text {
		width: 100%;
		order: 2;
	}
	
	.company-full .company-intro .img {
		width: 100%;
		margin-bottom: 25px;
	}

	.company-full .company-intro .img img{
		max-width: 185px;
	}

	.company-full .company-intro {
		background-color: #F8F8F8;
		padding: 20px;
		margin: 35px 0;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	}

	.companies-titles-wrap,
	.view-companies .views-row {
		border: unset;
	}

	.view-companies .views-row {
		padding-top: unset;
	}

	.view-companies .views-row:first-child .company-teaser-small{
		border-top: 1px solid black;
	}

	.company-teaser-small .col-7 {
		border: 1px solid black;
		border-top: unset;
		padding-top: 10px;
	}

	.company-teaser-small .col-5 {
		border: 1px solid black;
		border-top: unset;
		border-right: unset;
		padding-top: 10px;
	}

	.company-teaser-small p {
		margin-bottom: 4px;	
	}
	
	.banner img {
		width: 65%;
	}
}

@media (max-width: 450px) {
	.banner img {
		width: 85%;
	}

	.event-full .event-body {
		padding: 15px;
	}
}


.event-body *,
.company-body p,
.company-body li {
	font-size: 18px !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.event-body hr {
	opacity: 0.1;
	margin-top: 30px;
}

/*----------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: #0a33ff;
	   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: #0a33ff !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: #0a33ff;
	   border: none;
	   background-image: none !important;
	   text-shadow: none;
   }
   
   div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
	   background: #0a33ff !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);
   }
   
   .eu-cookie-compliance-categories-buttons{
	   position: relative;
   }
 
   @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%;
	   }
   }


/* Contact */
	.contact-form {
		background-color: #F8F8F8;
		padding: 30px;
		margin: 35px 0;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	}
.contact-form h2{
	font-weight: 700;
}

.contact-form .accordion-button,
.contact-form .accordion-collapse {
	padding: 10px 15px !important;
}

.contact-form .accordion-body,
.contact-form .alert {
	padding: 0 !important;
}

   .webform-submission-form {
		width: 650px;
   }

   .webform-button--submit{
		background-color: var(--primaryColor);
		border-color: var(--primaryColor);
   }
   .form-matchmaking {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
   }
   .card-header::marker{
		display: none;
   }

   .js-form-item input {
		color: black;
		font-style: italic;
	
   }

   .alert-info{
		background-color: white;
		border: none;
		color: black;
   }

   .alert-info p {
		font-size: 15px;
		text-align: justify;
   }
   .alert-info a {
		font-size: 15px;
		color: var(--primaryColor);
   }

	.alert-info h2{
		font-size: 24px;
		color: var(--primaryColor);
		font-weight: 600;
		margin-bottom: 15px;
	}
	label.option {
    	font-weight: 600 !important;
	}
	.form-actions{
		display: flex;
    	justify-content: end;
	}
	.form-control {
    	padding: 0.575rem 0.75rem !important;
    	background-color: #f5f5f5 !important;
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); 
		border: 1px solid #eee; 
	}
	.contact-form .accordion-button {
		list-style: none; 
		font-weight: 600;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: transform 0.6s ease;	
	}
	.contact-form .accordion-button::after {
		content: '';
		margin-right: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url('../images/circle.svg');
		background-size: cover;
		background-repeat: no-repeat;
		margin-left: 0.5em;
		vertical-align: middle;
		transition: transform 0.6s ease;
	}
	
	details[open] summary::after {
		transform: rotate(90deg);
	}

	.region-full-width{
		padding: 0 0.5rem;
	}