/* Modal box - Pop up */
.iziModal-overlay {
    z-index: 9999 !important;
}

.site-footer .modal {
	display: none;
}

.modal {
	background-color: var(--fondo);
    box-shadow: 0 0 6px 2px #eee;
}

.modal .iziModal-content {
    padding: 20px 10px 10px !important;
}

.modal button.cerrar {
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: 5px !important;
	color: #555;
	margin-top: -7px;
	margin-right: 0px;
	padding: 1px !important;
	float: right;
}

.modal button.cerrar:hover {
	background-color: transparent !important;
	color: #fff;
	box-shadow: 0 0 !important;
	transform: scale(1.3);
    transition: 0.3s all;
}

.modal button.cerrar span {
	box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 40px;
}

.modal button.cerrar span::after,
.modal button.cerrar span::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 3px;
    background: var(--mainColor);
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
}

.modal button.cerrar span::after {
    transform: rotate(-45deg)
}

/* Estilos elaborados */
.modal .newsletter .gf_simple_horizontal {
    margin: 0 auto;
    max-width: 750px;
}

.modal .newsletter.caja .heading {
	background-color: transparent;
	color: #555;
	padding: 0px;
}

.modal .newsletter.caja input,
.modal .newsletter.caja select,
.modal .newsletter.caja .button {
	font-size: .9rem !important;
	width: 100%;
	padding: 8px 30px !important;
}

.modal .gform_body .ginput_container {
	margin-right: 10px;
}

.modal .newsletter.caja .ginput_container input,
.modal .newsletter.caja .ginput_container select {
	background-color: transparent;
	border: 1px solid var(--mainColor);
	border-radius: 35px;
	color: #555;
}

.modal .newsletter.caja .ginput_container select:focus:hover,
.campus.perfil select:focus:hover {
	border: 1px solid var(--mainColor)!important;
}

.modal .newsletter.caja select {
	margin-top: 0px;
}

@media (max-width: 640px) {
	.modal .newsletter.caja select {
		margin-top: 35px;
	}
}

.modal .newsletter.caja .ginput_container input:hover,
.modal .newsletter.caja .ginput_container input:focus {
	box-shadow: 0 0 5px #ddd;
}

.modal ::-ms-input-placeholder {
	color: #555;
    font-size: .9rem;
}

.modal :-ms-input-placeholder {
	color: #555;
    font-size: .9rem;
}

.modal ::placeholder {
	color: #555;
    font-size: .9rem;
    font-weight: 300;
}

.modal select option {
	color: #333;
}

.modal .newsletter.caja .button {
	background-color: var(--mainColor);
	border: 2px solid var(--mainColor);
	color: #fff !important;
	font-weight: 700;
	margin-bottom: 0;
	padding: 8px 40px !important;
    white-space: nowrap;
}

.modal .newsletter.caja .button:hover {
	background-color: transparent !important;
	color: var(--mainColor) !important;
	box-shadow: 0 0 !important;
	transform: translateY(-3px);
    transition: 0.3s all;
}

.modal .newsletter.caja .ginput_container_consent input,
.modal .newsletter .ginput_container_consent,
.modal .newsletter .ginput_container_consent a {
	color: #333;
	width: auto;
    padding-top: 28px;
}

.modal .newsletter .ginput_container_consent a {
	text-decoration: underline;
}

@media (max-width: 650px) {
	.modal .newsletter .ginput_container_consent,
	.modal .newsletter .ginput_container_consent a {
		padding-top: 5px;
	}
}

@media (max-width: 640px) {
	.modal .newsletter.caja .heading h3 {
		font-size: .8rem;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/*.modal .gform_body li.gfield {
		margin-bottom: 50px;
	}

	.modal .gform_body li.gfield label:first-child {
		display: none;
	}*/

	.modal .newsletter .ginput_container_consent, 
	.modal .newsletter .ginput_container_consent a {
		padding-top: 0;
	}

	.modal .newsletter.caja input,
	.modal .newsletter.caja .button {
		font-size: .9rem;
		margin-right: 10px;
		padding: 3px 30px !important;
	}
}