/* instrucciones 
	en features/meno.php reemplazar HELIX_ULTIMATE_SIGN_IN_MENU por My Account
*/


:root {
	--blue:#002d56;
	--orange:#f26531;
	--white:#ffffff;
	--beige:#fff0d6;
	--light-blue:#54bceb;
	--font:'Assistant', sans-serif;
	--font-heading:'Calistoga', sans-serif;
}


/* Override styles theme */
.container {
	padding-left: 34px;
	padding-right: 34px;
}
#sp-header .sp-module {
	margin-left: 0px;
}
.sppb-btn, .rsform-submit-button {
	text-transform: uppercase;
	font-size: 16px;
	min-width: 155px;
	padding: 10px 20px;
	border-radius: 10px;
}
.sppb-btn-sm {
	padding: 5px 15px;
	min-width: 100px;
	font-size: 14px;
	line-height: 1.3;
}
.btn-primary, .sppb-btn-primary {
	border-color: var(--orange);
	background-color: var(--orange);
}
.sppb-btn-secondary {
	color: #fff;
	background-color: var(--light-blue);
	border-color: var(--light-blue);
}
.links-group .sppb-addon-content .sppb-btn {
	width: 100%;
	max-width: calc(25% - 8px);
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.links-group .sppb-addon-content {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
}
.sppb-panel-title {
	font-size: 18px;
}
#hero-page .sppb-addon-title {
	font-size: 42px;
}
.mce-item-table {
	width: 100%;
}
.mce-item-table thead th {
	background:var(--blue);
	color: white;
	text-align: center;
	border: 1px solid white;
}
.mce-item-table thead th, .mce-item-table tbody td {
	padding: 4px 8px;
	border: 1px solid white;
}
.mce-item-table tbody tr:nth-child(odd) {
	background: rgb(84 188 235 / 12%);
}
.mce-item-table tbody tr:nth-child(even) {
	background: rgb(84 188 235 / 25%);
}
.list-programs ul li {
	font-size: 20px;
	background: rgb(84 188 235 / 12%);
	padding: 10px 20px;
	border-radius: 1rem;
	color: var(--blue);
}
.list-programs ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}


/* Global Styles */
.bg-blue {
	background-color: var(--blue);
}
.title-text .sppb-addon-content {
	text-transform: uppercase;
	font-size: 19px;
}
.sp-megamenu-parent li:not(:last-child) {
	margin-right: 10px;
}
.font-heading, .font-heading .sppb-addon-title {
	font-family: var(--font-heading);
}
#sp-component .sub-title .sppb-addon-title {
	font-family: var(--font);
}
.md-wrap .sppb-row-container {
	max-width: 1100px;
}
.sm-wrap .sppb-row-container {
	max-width: 980px;
}


/* Top bar */
#sp-top-bar {
	padding: 4px 0;
}
#sp-top-bar a {
	font-size: 16px;
}
.sp-contact-info li, .custom_date {
	font-size: 16px;
	font-weight: 700;
}
.custom_date {
	position: relative;
}
.custom_date > a > span {
	margin-right: 6px;
}
.hours-dropdown {
	background: white;
	padding: 15px;
	position: absolute;
	top: 100%;
	z-index: 999;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	min-width: 220px;
	font-size: 14px;
	display: none;
}

.hours-dropdown ul {
	margin: 0;
	list-style: none;
	text-align: left;
	color: black;
	font-weight: 400;
	padding: 0;
}


/* Header */
#sp-header {
	height: 133px;
}
#sp-menu {
	height: 40px;
	width: 100%;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	line-height: normal;
	color: var(--white);
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
	color: var(--orange);
	font-weight: 700;
}
li.sp-has-child a {
	display: flex;
	align-items: center;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a, .sp-megamenu-parent>li:hover>a, .sp-has-child .sp-dropdown-items > li:hover > a {
	color: var(--orange)!important;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}
.sp-has-child .sp-dropdown-items > li {
	margin-right: 0;
}
.sp-sign-in {
	background: var(--light-blue);
	color: white;
	padding: 10px 20px;
	display: inline-flex;
	align-items: center;
	height: 40px;
}
.sp-sign-in:hover {
	background: var(--orange);
	color: white;
}
#sp-header-secondary .awesomplete {
	display: block;
}
.form-search {
	min-width: 300px;
}
.form-search .form-control {
	height: 47px;
	border-color: var(--blue);
	border-left: 0;
	border-radius: 0 10px 10px 0;
	padding: 8px 20px 8px 15px;
	font-size: 19px;
	color: var(--blue);
	font-weight: 400;
	background: url(img/icon-search.svg) white no-repeat right 22px center;
	background-size: 28px;
}
.form-search .form-control::-webkit-input-placeholder { color: var(--blue); font-family:var(--font):} /* WebKit */
.form-search .form-control::-moz-placeholder { color: var(--blue); font-family:var(--font):} /* Firefox 18- */
.form-search .form-control::-moz-placeholder { color: var(--blue); font-family:var(--font):} /* Firefox 19+ */
.form-search .form-control::-ms-input-placeholder { color: var(--blue); font-family:var(--font):} /* IE 10+ */
#sp-header-secondary {
	.sp-module-content {
		display: flex;
		align-items: center;
		
		#searchType {
			height: 47px;
			border-color: var(--blue);
			border-radius: 10px 0 0 10px;
			padding: 8px 35px 8px 20px!important;
			background-image: url(img/dropdown.svg);
			background-repeat: no-repeat;
			background-position: right 15px center;
			background-size: 14px;
			appearance: none;
			-webkit-appearance: none;
			-ms-appearance: none;
			-moz-appearance: none;
			-o-appearance: none;
		}
	}
} 



.content-carousel__slider {
	width: 100%!important;
}
.content-carousel__item {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	row-gap: 14px;
	width: 210px;
	padding: 0 15px;
}
.content-carousel__image_container {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	background-position: center;
	max-height: initial !important;
}
.content-carousel__image_container img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: initial !important;
	aspect-ratio: 2 / 2;
	object-fit: contain;
}




/* Carrusel brands */
.carrusel-brands .sppb-gallery:before, .carrusel-brands ul.sppb-gallery:after {
	display: none;
}
#sp-main-body .carrusel-brands .sppb-gallery img {
	width: 122px;
	height: auto;
	margin: 0 auto;
}

/* Branches home */
#sp-main-body .card-branch {
	padding: 1.5rem;
	/* box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 5%); */
	border-radius: 10px;
	background: #f2f2f2;
}
.card-branch .sppb-addon-single-image {
	margin-top: -75px;
	margin-bottom: 15px;
	width: 100%;
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	background: white;
	border-radius: 50%;
	overflow: hidden;
}
.card-branch .sppb-addon-header h4.sppb-addon-title {
	font-family: var(--font);
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
}
.card-branch .sppb-addon-header p.sppb-addon-title {
	font-family: var(--font);
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 14px;
	color: var(--blue);	
}

/* Events */
.events-home .sppb-column-addons {
	height: 500px;
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 15px;
	scrollbar-width: thin;
	scrollbar-color: var(--orange) #f1f1f1;
}
.mod_events_latest_table td {
	padding: 15px 0;
}
.item-meta-event {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.date-event > .icon-calendar, .hour-event .icon-clock {
	margin-right: 5px;
	color: var(--orange);
}
.date-event, .hour-event {
	display: flex;
	align-items: center;
	text-transform: uppercase;
}
.item-title-event h3 {
	font-family: var(--font);
	line-height: normal;
	font-size: 24px;
}
.item-title-event h3 a {
	color: var(--font);
}
.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content {
	margin: 0;
	line-height: normal;
}
span.extra-info p:last-child {
	margin-bottom: 0;
}



/* Footer */
.sp-copyright {
	display: block;
	text-align: center;
}
.menu-footer ul {
	display: flex;
	justify-content: center;
}
.menu-footer ul li a {
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
}
#sp-bottom1 .menu-footer ul li {
	margin-bottom: 0;
}
.menu-footer ul li:not(:last-child) {
	margin-right: 25px;
	padding-right: 25px;
	border-right: 1px solid white;
}
#sp-bottom .sp-module {
	margin-bottom: 0px;
}


/* Form */
.form-site .sppb-addon-form-builder-form {
	margin-left: -8px !important;
	margin-right: -8px !important;
}
.sppb-form-group label, .formControlLabel {
	font-family: var(--font);
	font-weight: 600;
}
.sppb-text-danger {
	padding: 0 8px;
}
.special-list ul {
	margin: 30px -15px 0;
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.special-list ul li {
	width: 100%;
	max-width: 33.33%;
	font-size: 23px;
	padding: 0 15px;
	margin-bottom: 15px;
	line-height: 1.2;
	padding-left: 50px;
	position: relative;
	background: url(img/check_circle.svg) no-repeat left 15px top 3px;
	background-size: 25px;
}
/* .special-list ul li:last-child {
	max-width: 100%;
} */



.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	padding: 0;
	list-style: none!important;
	
	li {
		list-style: none!important;
	}
}
#sp-main-body .slick-dots li:not(:last-child) {
	margin-right: 12px;
}
#sp-main-body .slick-dots li button {
	padding: 0;
	border: 0;
	background: var(--blue);
	border-radius: 50%;
	font-size: 0px;
	width: 12px;
	height: 12px;
}
#sp-main-body .slick-dots li.slick-active button {
	background: var(--orange);
}


.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
	color: var(--blue);
	opacity: 1;
	font-size: 20px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
	color: var(--orange);
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: var(--orange) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li:not(:last-child) {
	margin-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
	font-size: 16px;
}




#sp-main-body .row-b-section {
	position: absolute !important;
	bottom: 25px;
	left: 50px;
}
.card-section-b > .sppb-column-addons > .sppb-addon-wrapper:first-child div img {
	height: 100%;
	object-fit: cover;
}
.card-section-b > .sppb-column-addons > .sppb-addon-wrapper:first-child, .card-section-b > .sppb-column-addons > .sppb-addon-wrapper:first-child div {
	height: 175px;
}
.hour-item > .sppb-column-addons p {
	margin: 0;
}
.hour-item > .sppb-column-addons {
	display: flex;
	align-items: center;
	column-gap: 10px;
	line-height: 1;
}

/*----scrolling-banner---*/


section#intern-scrollsec .sppb-row-container {
	max-width: 100%;
	padding: 0;
}
.scrolling-banner {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  /* margin: 0 auto; */
}

.scrolling-content {
  display: flex;
  white-space: nowrap;
  animation: scrollText 20s linear infinite;
}

.scrolling-content span {
  padding-right: 97px; /* espacio entre repeticiones */
  color: white; /* o el color que prefieras */
  font-weight: 600;
  font-size: 16px;
}

@keyframes scrollText {
  0% {
	transform: translateX(0%);
  }
  100% {
	transform: translateX(-100%);
  }
}
/*-----ACORDEON--SECTION---*/

.custom-accordeon .sppb-nav-modern>li>a {
	background: rgb(84 188 235 / 12%);
	border: none;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 400;
	color: var(--blue);
	border-radius: 1rem;
	margin-bottom: 10px;
	margin-right: 7px;
}
.custom-accordeon .sppb-nav-modern>li.active>a {
	background: var(--orange);
	color: white;
	font-weight: 500;
}
.custom-accordeon .sppb-tab-content {
	border: solid 1px #f26531;
	padding: 20px;
	/* background: #f7f7f7; */
	border-radius: 23px;
	box-shadow: -3px 3px 9px 0px rgb(0 0 0 / 11%);
	margin-top: 10px;
}





#sp-top-bar #sp-top-center .sp-module {
	display: block;
}
.rotador-anuncios-container {
	color: white;
	padding: 12px 20px;
	overflow: hidden;
	position: relative;
	height: 24px;
}

.anuncios-display {
	position: relative;
	height: 100%;
}

.anuncio {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s, transform 0.5s;
}

.anuncio.activo {
	opacity: 1;
	transform: translateY(0);
}

.lista-anuncios {
	display: none;
}

.controles {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	gap: 5px;
}

.control-btn {
	background: none;
	border: none;
	cursor: pointer;
	color: #777;
	font-size: 14px;
	padding: 0 5px;
}

.control-btn:hover {
	color: #333;
}

.indicadores {
	position: absolute;
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}

.indicador {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ccc;
	cursor: pointer;
	transition: background-color 0.3s;
}

.indicador.activo {
	background-color: #555;
}





.sppb-sp-slider-button .sp-slider-btn-text {
	background: var(--orange);
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: var(--font);
}










/* Responsive */
@media (min-width: 992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 1024px;
	}
	#sp-top-bar .container, #sp-header .container {
		max-width: 1280px;
	}
}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1320px;
	}
	.sppb-row-container {
		max-width: 1320px;
		padding-right: 34px;
		padding-left: 34px;
	}
}

@media (max-width: 1280px) {
	
	.scrolling-banner {
		width: 100%;
	}
}
@media (max-width: 1100px) {
	#sp-main-body .card-branch {
		padding: 15px;
	}
	.sp-sign-in {
		font-size: 15px;
	}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
		font-size: 15px;
	}
	.sppb-row-container {
		max-width: 1024px;
		padding-left: 34px;
		padding-right: 34px;
	}
}

@media (max-width: 1024px) {
	
	/*---ROTADOR-ANUNCIOS---*/
	
	.rotador-anuncios-container {
		padding: 18px 20px;
		height: 36px;
	}
	
	#sp-menu {
		height: 81px;
	}
	nav.sp-megamenu-wrapper.d-flex {
		width: 81%;
	}
	section#banner-scrolling {
		padding-top: 48px !important;
	}
	/* .sp-megamenu-parent {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	} */
	
}

@media (max-width: 991px) {
	.links-group .sppb-addon-content .sppb-btn {
		max-width: calc(33.33333% - 8px);
	}
	.special-list ul li {
		max-width: 50%;
	}
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 44px;
	}
	#sp-bottom1 .menu-footer ul {
		flex-wrap: wrap;
	}
	#sp-bottom1 .menu-footer ul li {
		margin-bottom: 25px;
	}
	.card-branch .sppb-addon-header h4.sppb-addon-title {
		font-size: 14px;
	}
	.card-branch .sppb-addon-single-image {
		padding: 4px;
	}
	.header-modules .sp-module {
		width: 100%;
	}
	.form-search {
		min-width: 1px;
		width: 100%;
	}
	.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
		width: 100%;
	}
	.offcanvas-menu {
		width: 460px;
	}
	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -460px;
	}
	.sp-sign-in > span {
		margin: 0 !important;
	}
	.sp-sign-in {
		border-radius: 50%;
		padding: 0;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#offcanvas-toggler {
		height: auto;
		line-height: normal;
	}
	.menu-secondary-mobile {
		display: flex;
		align-items: center;
	}
	#sp-header {
		height: auto;
		padding: 20px 0;
	}
	#sp-logo {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#sp-header-secondary {
		display: none;
	}
	#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
		display: block !important;
	}
	#sp-menu {
		display: none;
	}
	.sp-contact-info li {
		margin: 0px;
	}
	.container, .container-md, .container-sm {
		max-width: 780px;
	}
	#sp-top-bar .row {
		justify-content: space-between;
	}
	#sp-top-bar #sp-top1, #sp-top-bar #sp-top2 {
		width: auto;
	}
	section#banner-scrolling {
		padding-top: 8px !important;
	}
}

@media (max-width: 767px) {
	.rotador-anuncios-container {
		height: 30px;
		text-align: center;
		line-height: 1.2;
		margin-top: 10px;
	}
	#sp-top-bar .sp-module {
		margin: 0;
	}
	#sp-top-bar #sp-top-center {
		order: 3;
	}
	#sp-top-bar #sp-top1, #sp-top-bar #sp-top2 {
		order: 2;
	}
	#sp-top-bar a {
		font-size: 14px;
	}
	.anuncios-display {
		font-size: 12px;
	}
	.list-programs ul li {
		font-size: 14px;
		padding: 6px 14px;
	}
	.links-group .sppb-addon-content .sppb-btn {
		max-width: calc(50% - 8px);
	}
	.special-list ul li {
		max-width: 100%;
	}
	#sp-bottom1 .menu-footer ul li:nth-child(even) {
		padding-left: 15px;
	}
	#sp-bottom1 .menu-footer ul li {
		width: 100%;
		max-width: 50%;
		margin: 0;
		border: 0;
		text-align: left;
		padding-right: 0;
		margin-bottom: 15px;
	}
	#sp-main-body .carrusel-brands .sppb-gallery img {
		width: 92px;
	}
	.h3, h3 {
		font-size: calc(1.1rem + .6vw);
	}
	h2 {
		font-size: 26px;
	}
	h1 {
		font-size: 38px;
	}
	.sppb-row-container {
		padding-left: 16px;
		padding-right: 16px;
	}
	#hero-page .sppb-addon-title {
		font-size: 35px;
	}
	.offcanvas-menu {
		width: 100%;
	}
	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -100%;
	}
	.logo-image {
		height: 36px;
	}
	.sp-contact-info li {
		font-size: 13px;
	}
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media(max-width: 430px) {
	
	.scrolling-content {
		animation: scrollText 10s linear infinite;
	}
}