@import "mixin";
@import "fonts";

body {
	opacity: 1 !important;
	font-family: @font-name;
}
/*Fixed de posición del icono de scroll top */
.scroll-to-target span.fa.fa-angle-up {
    margin-top: 18px;
}

#modal_error {
	.modal-title {
		color: #de261f;
	}
	 .modal-content {
	    border-radius: 0px;
	}
	#textoError {
	    min-height: 120px;
	}
}

#seleccion_metodo {
    display: none;
}

.lineaDetalle {
    margin: 15px 0px;
    color: white;
    background: @primary-color;
    padding: 10px;
}
.schedule-details {
	.nav-tabs{
		border: 0px;
	}
}

.cv {
    clear: both;
    border: 1px solid @primary-color;
    padding: 25px;
    margin-top: -21px;
}
.ver_cv {
	cursor: pointer;
	&:focus {
		color: black !important;
	}
}

p {
    margin-bottom: 0.7rem;
}

.main-footer {
	padding: 0px !important;
}

.contact-info {
	padding: 70px 0px !important;
}

.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
    background: @primary-color !important;
}
/* Separación posterior del input al texto*/
input[name="ciclo_1"], input[name="ciclo_2"]  {
	margin-right: 5px;
}

/* Botón con el color elegido para la web.
No puede ser btn-primary porque le da más importancia al de bootstrap */
@btn-primary-color:             #ffffff;
@btn-primary-bg:                darken(@primary-color, 6.5%);
@btn-primary-border:            darken(@btn-primary-bg, 5%);

.btn-primario {
  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
}

/* Ajustes moviles */
@media (max-width: 767px){
	/* Reducción de espacios de la tabla de horarios para que no haya scroll */
	.schedule-section .schedule-area .table {
		.speakers, .time, .venue, .session {
			width: auto !important;
			padding: 5px !important;
			text-align: center;
			font-size: 17px !important;
		}
	}

	/* Aumento de tamaño de rrss de ponentes y separación para que se puedan clickar mejor*/
	.shedule-image-box .social-links {
		li a {
		    font-size: 30px !important;
		    margin-right: 10px !important;
		}
	}
	.sponsor-right-side {
	    margin-top: 50px;
	}
}

section.logos {
    margin: 40px 0;

	.wrapperLogos > * {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		align-content: center;
		margin: 15px 0;
	}
}


@media (max-width: 767px) {
	[data-slide="37909"] {
		// background: @primary-color;
		background: #4f4488;
		background-size: contain !important;
	}
}

.page-title.sin-img {
	padding: 55px 0px;
	background-color: @primary-color;
	&::before {
		content: none;
	}
	h3 {
		padding: 0px;
	}
}
// @pink-color: #de69a7;
// @pink-color: #e4669f;
// @yellow-color: #eebb22;

.wrapper-header-grid {
	background: rgba(60,142,204,1);
	background: -moz-linear-gradient(left, rgba(60,142,204,1) 0%, rgba(60,142,204,1) 29%, rgba(60,142,204,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,142,204,1)), color-stop(29%, rgba(60,142,204,1)), color-stop(49%, rgba(60,142,204,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(60,142,204,1) 0%, rgba(60,142,204,1) 29%, rgba(60,142,204,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(60,142,204,1) 0%, rgba(60,142,204,1) 29%, rgba(60,142,204,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(60,142,204,1) 0%, rgba(60,142,204,1) 29%, rgba(60,142,204,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(60,142,204,1) 0%, rgba(60,142,204,1) 29%, rgba(60,142,204,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8ecc', endColorstr='#ffffff', GradientType=1 );
}

.header-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr auto;

	> * {
		height: 49px;
	}
	.menu {
		background: #3c8dcc;
		color: white;
		nav, .navbar-collapse, ul {
			height: 100% !important;
		}
		ul {
			display: flex;
			justify-content: center;
			align-items: center;
			column-gap: 60px;
		}
		li {
			a {
				text-transform: uppercase;
				// color: white;
				color: black;
				font-weight: bold;
				cursor: pointer;
			}
		}
	}
	.inscripcio {
		// background: #f8bc38;
		background: @yellow-color;
		color: black;
		display: flex;
		justify-content: center;
		align-items: center;
		a {
			font-size: 13px;
			color: black;
			font-weight: bold;
			cursor: pointer;
		}
	}
	.rss {
		background: @pink-color;
		color: black;
		ul {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			column-gap: 15px;
			font-weight: bold;
			font-size: 13px;
			a {
				color: black;
				cursor: pointer;
			}
		}
	}
	.logo {
		a {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			height: 100%;
		
			img {
				max-width: 45%;
				height: auto;
			}
		}
	}
}

.contact-info {
	
	.contact-info-item-one .icon-box {
		background: transparent !important;
	}
	.text {
		color: white;
	}
}

#menu_17282 {
	display: none;
}

.sec-title h2 {
	padding: 0px;
}
.sec-title h2:before {
	content: '';
	position: relative;
}

.about-text .sec-title {
	padding-top: 15px;
	margin-bottom: 35px;
}

.page-title {
	height: 35.5vw !important;
	&.sin-img {
		height: 10.6vw !important;
	}
}
.owl-height, .main-slider .slide {
	height: 40vw;
}

.inscripcion .lineaDetalle {
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 992px) {
	.main-header .container {
		padding: 0 !important;
	}
	#menu_17282 {
		display: block;
	}

	.header-grid {
		/* display: flex;
		align-items: center;
		justify-content: space-between; */
		grid-template-columns: 1fr 1fr 1fr;
		justify-items: center;
		.rss {
			display: none;
		}
		.logo {
			// max-width: 100px;
		}
		.inscripcio {
			width: 100%;
		}

		.menu {

			.main-menu {
				display: flex;
				align-items: center;
				position: inherit;
				.navbar-collapse {
					position: absolute;
					width: 70vw !important;
					// max-width: 540px;
					top: 49px;
					height: 201px !important;
					left: 15vw;				
				}
			}

			ul {
				flex-direction: column !important;
				a {
					text-align: center !important;
				}
			}
		}
		.main-menu .navbar-header .navbar-toggler {
			background: #3b8ecb;
			border-color: #3b8ecb;
		}
	}
}

@media (max-width: 991px) {
	.page-title, .main-slider .slide {
		padding: 200px 0px 154px;
		background-size: 112vw !important;
	}
}

@media (max-width: 767px) {
	.page-title, .main-slider .slide {
		padding: 140px 0px 94px;
	}
	.about-text .sec-title{
		padding-top: 5px;
		margin-bottom: 5px;
	}
	.sec-title h2 {
		padding-bottom: 15px;
	}
}

@media (max-width: 575px) {
	.main-menu .navbar-collapse {
		width: calc(100vw - 65%) !important;
	}
	.page-title, .main-slider .slide {
		background-size: 112vw !important;
		padding: 100px 0px 84px;
	}
}

.not-before::before {
	content: '';
	position: inherit;
}

.sec-title {
	h2 {
		color: @primary-color;
	}
	h6{
		color: @pink-color;
	}
}

ul {
	ol.social-box {
		display: flex;
		flex-direction: row !important;
		gap: 0px !important;
		justify-content: center;
		align-items: center;
		padding: 0 !important;
		li {
			padding: 13px !important;
			line-height: 22px;
			a {
				color: white !important;
			}
		}
	}
}
.info-area .text span {
	color: @secondary-color;
}

.pre-fouter, .main-footer {
	a {
		color: @secondary-color;
	}
}

.social-links a {
	&:hover {
		color: @secondary-color !important;
	}
}

.about-section {

	.franja {
		width: 100%;
		height: 25px;
		margin-bottom: 32px;
		margin-top: 16px;

		&.one {
			background-color: #fa1f56;
		}

		&.two {
			background-color: @yellow-color;
		}

		&.three {
			background-color: @primary-color;
		}

		&.four {
			background-color: @pink-color;
		}
	}
}