/* 
 Theme Name:   YMCA Clubes
 Theme URI:    https://www.subeagenciadigital.com/
 Description:  YMCA Clubes Deperotivos
 Author:       SUBE
 Author URI:   https://www.subeagenciadigital.com/
 Template:     sube
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.info-hover-content .info-icon i {
    color: #ffffff !important;
}

.info-hover-content a {
    color: #fff;
}

.site-header .main-navigation ul li ul li a:hover:before, .site-header .main-navigation ul li ul li a::before {
    display:none;
}

.site-header .main-navigation ul.menu li ul.sub-menu li a:hover {
    color: var(--primary-color);
    padding-left: 0px !important;
}

a.scrollup {
    background-color: #959595 !important;
}
span.hora-top {
    font-size: 12px;
}

.entry-banner {
    background-position: center !important;
}

.joinchat__button {
    bottom: 90px !important;
    right: -2px !important;

}

.class-item .schedule {
    display: none !important;
}

.schedule-meta {
    display: flex;
}
#i-cateogria {
    display: none;
}

div#text-4 {
    margin-bottom: -10px;
}
.soci-1 i {
    font-size: 15px;
}
.soci-1 {
    align-items: center;
    display: flex;
}

.soci-1 a:hover {
    color: #646464 !important;
}
.soci-1 a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    color: #646464;
    width: 40px;
    height: 40px;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
	margin: 0px 5px;
}

.form-content {
    border-radius: 10px 0px 0px 10px;
}

#prec-cot .row {
    border: solid;
    border-width: 1px;
    border-color: #bfbfbf;
}

#prec-cot .col-6 {
    padding: 0px;
    text-align: center;
}

div#bk {
    background: #005186;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    text-align: center;
}

div#prec-cot {
    margin-bottom: 20px;
}

div#prec-cot strong{
	color: #ff0336;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 15px 60px;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    padding: 10px 15px;
    width: 387px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    padding: 10px 15px;
    border: solid;
    border-width: 1px;
    border-color: #d1d1d1;
}

.class-schedule {
    display: none;
}

.class-info-wrap.widget {
    display: none;
}

@import url("https://use.typekit.net/yie4dng.css");

@media (max-width: 991px)
.content-area {
    padding-top: 0px!important;
    padding-bottom: 75px!important;
}



h3.widgettitle {
    font-size: 32px !important;
}
.btn-form {
    position: fixed;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff !important;
    padding: 10px 0px !important;
    background: #ff0336 !important;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    transform: rotate(270deg);
    z-index: 101;
    font-size: 18px !important;
    border-color: #ff0336 !important;
    text-align: center;
    right: -12px;
    width: 250px !important;
    cursor: pointer;
    margin-right: -90px;
    min-width: 235px;
}
.btn-form:hover {
	color:#ff0336 !important;
    background: #fff !important;
}

.btn-wtp {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 90px;
    padding: 5px;
    right: 20px;
    background: #0df053;
    border-radius: 50px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index: 100;
}
.btn-wtp:hover {
    background: #099735;
}
.header-style-1 .header-menu.rt-sticky, .header-style-2 .header-menu.rt-sticky, .trheader .header-area .header-menu.rt-sticky {
    background-color: #005186 !important;
}
.active-breadcumb .breadcrumb-area .entry-breadcrumb {
    background: url(https://ymcaclubes.serviciossube.info/wp-content/uploads/2023/06/section-title.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 95% auto !important;
}
.trheader .entry-banner .entry-banner-content {
    padding-top: 300px !important;
}
.entry-banner .entry-banner-content {
    padding-bottom: 200px!important;
}
.entry-banner .entry-banner-content h1 {
    font-size: 50px;
}
li.shape1.wow.rt-animate.fadeInRight.animated {
    display: none !important;
}
.schedule-meta li span.author {
    display: none;
}

.schedule-meta li span.day {
    display: none;
}

.schedule-meta li span.time {
    display: none;
}

.schedule-meta li span.flaticon-clock-1 {
    display: none;
}
.cta-default.cta-style3 .action-box {
    background-color: #005186 !important;
}

.trheader .entry-banner .entry-banner-content {
    padding-top: 270px !important;
}
.entry-banner .entry-banner-content {
    padding-bottom: 270px!important;
}

.info-box.info-style5 .info-item {
    border-radius: 0px 0px 0px 0px !important;
}

.testimonial-multi-layout .swiper-pagination .swiper-pagination-bullet-active, .testimonial-style4 .swiper-button-next:hover, .testimonial-style4 .swiper-button-prev:hover, .default-testimonial.testimonial-style3::after {
    background-color: #021C2E !important;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-be1762e.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default.rt-parallax-bg-no {
    background-color: #ff0336;
    z-index: 2;
    padding: 5px 0px;
}

body{
    font-family: "futura-pt", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.trheader .header-area {
    background: linear-gradient(180deg, rgba(0,81,134,1) 0%, rgb(255 255 255 / 0%) 100%) !important;
}
h1, h2, h3, h4, h5, h6, strong{
    font-family: "futura-pt-bold", sans-serif !important;
    font-weight: 700;
    font-style: normal;
}
.vertical-center {
    margin: 0;
    position: fixed;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 101;
    right: 0;
}
#ymca-form{
    display:none;
}
.form-content{
    background: #FFF;
    padding: 40px;
    z-index: 105;
    position: relative;
}
.form-overlay{
    position: fixed;
    background: rgb(0 0 0 / 80%);
    width: 100%;
    height: 100%;
    z-index: 100;
    bottom: 0;
    right: 0;
    display: none;
}
#ymca-close{
    padding: 5px 10px;
    background:#000;
    color: #ffffff;
    cursor:  pointer;
}
@media (max-width: 991px){
.content-area {
    padding-top: 0px!important;
    padding-bottom: 75px!important;
}
	
#mis-bkg .elementor-background-overlay {
    background-color: #005186;
}
}