/*
Theme Name: Divi - Child
Theme URI: https://www.elegantthemes.com/preview/Divi/
Version: 4.27.6
Description: Divi Child Theme - Igniting Youth Futures
Author: Rodrigo Rodríguez
Author URI: https://iyfutures.ymca.es
Template: Divi
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: Divi-child
*/


/*-------------------------------------------*/
/*		Custom CSS | Igniting Youth Futures		*/
/*-------------------------------------------*/


/*** Glogal Classes ***/

/*Pseudo-elemento selection*/
 ::selection {
	color: #fff;
	background-color: rgba(30, 58, 138, .9);
}
::-moz-selection {
	color: #fff;
	background-color: rgba(30, 58, 138, .9);
}

/*** End Glogal Classes ***/


/*** YMCA Classes ***/

/*Font Colors*/
.ymca_txt-blue {
	color: #002a50;
}
.ymca_txt-magenta {
	color: #de0242;
}
.ymca_txt-white {
	color: #fff!important;
}

.iyf_txt-blue {
	color: #1e3a8a;
}
.iyf_txt-lightblue {
	color: #3b82f6;
}

/*Font Weights*/
.ymca_txt-normal {
	font-weight: 500;
}
.ymca_txt-semibold {
	font-weight: 600;
}
.ymca_txt-bold {
	font-weight: bold;
}
.ymca_txt-uppercase {
	text-transform: uppercase;
}

/*Links*/
.ymca_link-blue {
	color: #002a50;
}
.ymca_link-blue:hover {
	color: #de0242;
}
.ymca_link-magenta {
	color: #de0242;
}
.ymca_link-magenta:hover {
	color: #002a50;
}

/*YMCA Button*/
.ymca_btn {
	color: #fff;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	background-color: #de0242;
}
.ymca_btn:hover {
	background-color: #002a50;
}

/*Custom Pulse Button*/
.ymca_pulse-button {
	transition: all 0.3s ease-in-out;
	transform: scale(1.3);
	animation: pulse 1s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
/*------------------------------*/

/*Image background zoom on hover effect*/
.ymca_zoom-img-bg {
	position: relative;
	overflow: hidden;
}

.ymca_zoom-img-bg::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	z-index: 1;
	transition: transform 0.5s cubic-bezier(.25,.8,.25,1);
	will-change: transform;
}

.ymca_zoom-img-bg:hover::before {
	transform: scale(1.1);
}

.ymca_zoom-img-bg > * {
	position: relative;
	z-index: 2;
}
/*------------------------------*/

/*** End YMCA Classes ***/


/*** Divi Classes ***/

/*Menu & Sub Menu*/
.et-fixed-header#main-header .nav li ul {
	background-color: #fff!important;
}

.et-fixed-header ul#top-menu li ul.sub-menu li a {
	color: #002a50!important;
}

#top-menu li a {
	font-weight: 500!important;
}

#main-header .nav li ul a {
	font-size: 16px!important;
}

.mobile_menu_bar:before {
	color: #fff!important;
}

.et_mobile_menu li a {
	color: #002a50!important;
}


/*Mobile Menu*/
.et_mobile_menu {
	border-color: #3b82f6!important;
	background-color: #fff!important;
}

/*Hide Slider Selectors & Controllers*/
.et-pb-controllers {
	display: none!important;
}
.et-pb-arrow-prev:before, .et-pb-arrow-next:before {
	content: none!important;
}
/*------------------------------*/

/*Slider Gallery: maintain correct display, avoid any visual "Jump" during transition, especially on mobile devices.*/
.et_pb_gallery .et_pb_gallery_item.et_slide_transition {
	display: block!important;
}
/*------------------------------*/

/*Show Slider Selectors & Controllers*/
/*Bullets*/
.iyf_show-controls-gallery .et-pb-controllers {
	display: block!important;
}

.iyf_show-controls-gallery .et-pb-controllers a {
	background-color: #002a50!important;
	/* background-color: rgba(0,42,80,1)!important; */
}
.iyf_show-controls-gallery .et-pb-controllers a.et-pb-active-control {
	background-color: #fff!important;
}

/*Left arrows*/
/* .iyf_show-controls-gallery .et-pb-arrow-prev:before {
	content: '\34'!important;
	color: #fff!important;
} */
/*Right arrow*/
/* .iyf_show-controls-gallery .et-pb-arrow-next:before {
	content: '\35'!important;
	color: #fff!important;
} */
/*------------------------------*/


/*Remove blurb icon animation*/
#iyfutures .iyfIcons .et_pb_blurb .et-pb-icon {
	opacity: 1!important;
	transform: none!important;
	animation: none!important;
}
/*------------------------------*/

#iyfutures .et_pb_blurb {
  display: inline-block!important;
}


/*** Custom Back To Top ***/
/*Button BTT*/
.et_pb_scroll_top.et-pb-icon {
	right: 14px;
	bottom: 120px;
	color: #fff;
	padding: 10px;
	/*background-color: rgba(0, 42, 80, .8);*/
	background-color: rgba(59, 130, 246, .8);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
/*Button BTT Hover*/
.et_pb_scroll_top.et-pb-icon:hover {
	color: #fff;
	bottom: 123px;
	/*background-color: #002a50;*/
	background-color: #1e3a8a;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	box-shadow: 0 2px 4px rgba(52, 52, 52, .5);
}
/*Icon BTT*/
.et_pb_scroll_top:before {
	content: "\21";
	font-size: 24px;
	display: block;
}
/*fadeInBottom Animation BTT*/
.et_pb_scroll_top.et-visible {
	opacity: 1;
	-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
	-moz-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
	-ms-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
	-o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
	animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
/*fadeOutBottom Animation BTT*/
.et_pb_scroll_top.et-hidden {
	opacity: 0;
	-webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
	-moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
	-ms-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
	-o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
	animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
/*------------------------------*/

/*** End Divi Classes ***/




/* CTA Menu Button */
#top-menu .iyf_cta-btn {
	display: inline-block !important;
	vertical-align: middle !important;
	line-height: normal !important;
}

.iyf_cta-btn a {
	display: inline-block !important;
	background-color: #DE0242 !important;
	border: 2px solid #DE0242 !important;
	border-radius: 2em !important;
	color: #ffffff !important;
	font-family: 'Poppins', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	padding: 0.3em 1em !important;
	line-height: 1.7em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all 300ms ease 0ms !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	vertical-align: middle !important;
	margin: 0 !important;
	}

/* Icono con movimiento */
.iyf_cta-btn a::after {
	content: none !important;
	transition: all 300ms ease 0ms !important;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

@media (min-width: 981px) {
	/* DESKTOP - Hover con MOVIMIENTO icono */
	.iyf_cta-btn a:hover {
		background-color: transparent !important;
		border-color: #ffffff !important;
		color: #ffffff !important;
		transform: translateY(-1px);
		padding-right: 2.2em !important;
	}

	.iyf_cta-btn a:hover::after {
		content: "→" !important;
		margin: 0 !important;
		font-size: 18px;
		font-weight: bold;
		right: 0.8em;
		transform: translateY(-50%) scale(1.1);
	}
}

/* TABLET/MOBILE - Hover azul oscuro */
@media (max-width: 980px) {
	.iyf_cta-btn a:hover {
		background-color: #002a50 !important;
		border-color: #002a50 !important;
		color: #ffffff !important;
		transform: none !important;
	}

	.iyf_cta-btn a:hover::after {
		content: none !important;
	}

	#top-menu .iyf_cta-btn {
		margin-left: auto !important;
	}

	#top-menu .iyf_cta-btn a {
		font-size: 16px !important;
	}
}

/* Mobile hamburguesa */
#et_mobile_nav_menu .iyf_cta-btn a {
	color: #fff !important;
	display: flex !important;
	justify-content: center;
	margin: 10px 0 !important;
	width: 100% !important;
	font-size: 16px !important;
}

#et_mobile_nav_menu .iyf_cta-btn a:hover {
	background-color: #002a50 !important;
	border-color: #002a50 !important;
}

@media (max-width: 767px) {
	.iyf_cta-btn a {
		font-size: 16px !important;
	}
}




/*** Plugins Classes ***/

/***Custom CSS Buttons Cookies GDPR***/
#moove_gdpr_cookie_info_bar {
	padding: 10px 0!important;
}

/*Buttons: Aceptar todas y Rechazar todas*/
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn {
	background-color: #de0242!important;
}
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn:hover {
	background-color: #002a50!important;
}

/*Button: Configurar cookies*/
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-settings-btn {
	background-color: #002a50!important;
	opacity: 1!important;
	color: #fff!important;
}
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-settings-btn:hover {
	background-color: #de0242!important;
}

/*Sticky Button: Configurar cookies*/
#moove_gdpr_save_popup_settings_button {
	box-shadow: none!important;
	border-color: #002a50!important;
	background-color: #002a50!important;
	bottom: 100px!important;
	left: 10px!important;
}
#moove_gdpr_save_popup_settings_button:hover {
	background-color: #de0242!important;
}

/* Modal buttons */
/*Buttons: Aceptar todas y Rechazar todas*/
#moove_gdpr_cookie_modal button.moove-gdpr-modal-allow-all,
#moove_gdpr_cookie_modal button.moove-gdpr-modal-reject-all {
	border-color: #de0242!important;
	background-color: #de0242!important;
}
#moove_gdpr_cookie_modal button.moove-gdpr-modal-allow-all:hover,
#moove_gdpr_cookie_modal button.moove-gdpr-modal-reject-all:hover {
	color: #fff!important;
	border-color: #002a50!important;
	background-color: #002a50!important;
}

/*Button: Guardar mis preferencias*/
#moove_gdpr_cookie_modal button.moove-gdpr-modal-save-settings {
	border-color: #002a50!important;
	background-color: #002a50!important;
}
#moove_gdpr_cookie_modal button.moove-gdpr-modal-save-settings:hover {
	color: #fff!important;
	border-color: #de0242!important;
	background-color: #de0242!important;
}

/*Cookie Info Bar*/
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
	background-color: #f7f7f7!important;
	border-top: 2px solid #002a50!important;
}
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
	box-shadow: none!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
	color: #121212!important;
	font-size: 13px!important;
	font-weight: 500!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p a {
	color: #de0242!important;
}
/*------------------------------*/

/*** End Plugins Classes ***/



/***Responsive Web Design***/

/*Laptop intermediate*/
@media (min-width: 1025px) and (max-width: 1439px) {

}

@media (min-width: 981px) {
	/*Container Logo + Main Menu*/
	.et_fullwidth_nav #main-header .container {
		width: 80%!important;
	}
}

/*Laptop*/
@media (max-width: 1024px) {

}

/*Tablet*/
@media (max-width: 768px) {

}

/*Mobile*/
@media (max-width: 480px) {

}

/*Ultra Desktop 4K*/
@media (min-width: 1920px) {

}

/***End Responsive Web Design***/