@font-face {
font-family: playfair_xtrabold;
src: url(/assets/fonts/Playfair_ExtraBold.woff2);
}
@font-face {
font-family: playfair_xtrabold_italic;
src: url(/assets/fonts/Playfair_ExtraBold_Italic.woff2);
}
@font-face {
font-family: 'inter_medium';
src: url(/assets/fonts/Inter_Medium.woff2);
}
@font-face {
font-family: inter_medium_italic;
src: url(/assets/fonts/Inter_Medium_Italic.woff2);
}
@font-face {
font-family: inter_bold;
src: url(/assets/fonts/Inter_Bold.woff2);
}
@font-face {
font-family: inter_bold_italic;
src: url(/assets/fonts/Inter_Bold_Italic.woff2);
}

body{
font-family: 'inter_medium';
letter-spacing: 2.5px;
}
:root{
--c1: #03271E;
--c2: #F5BE33;
--c3: #0D0D0D;
}

.c1{
color: var(--c1)!important;
}
.c2{
color: var(--c2)!important;
}
.c3{
color: var(--c3)!important;
}

.f1{
font-family: playfair_xtrabold;	
}
.f1-italic{
font-family: playfair_xtrabold_italic;	
}
.i-medium-italic{
font-family: inter_medium_italic;
}
.i-bold-italic{
font-family: inter_bold_italic;
}


.fs1{
font-size: 3.5rem;
}

.title{
margin-bottom: 50px!important;
}

.text-right{
text-align: right;
}

.mb-6{
margin-bottom: 2.5rem;
}

.upper{
text-transform: uppercase;
}

.navbar-custom{
background-color: var(--c1);
text-transform: uppercase;
}

.nav-link{
color: #ffffff;
}

.nav-link:hover, .nav-link:focus{
color: var(--c2);
}

.announcements-section{
background-color: #0D0D0D;
padding: 20px 25px;
text-align: center;
color: var(--c2);
}

.preheader-section{
padding: 100px 0px;
background-color: var(--c1);
}

.green-section{
background-color: var(--c1);
}
.section{
padding-top: 50px;
padding-bottom: 50px;
}



.holes-header{
background-image: url('/assets/images/headers/header_campo_de_golf.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;
}

.hall-header{
background-image: url('/assets/images/headers/header_salones.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px; 
}

.notices-header{
background-image: url('/assets/images/headers/header_avisos.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px; 
}

.about-header{
background-image: url('/assets/images/headers/header_nuestra_historia.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px; 
}
.gym-header{
background-image: url('/assets/images/headers/header_gimnasio.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;   
}

.court-header{
background-image: url('/assets/images/headers/header_cancha_de_tenis.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;    
}

.pool-header{
background-image: url('/assets/images/headers/header_alberca.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;     
}
.children-header{
background-image: url('/assets/images/headers/header_areas_infantiles.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;     
}

.clubhouse-header{
background-image: url('/assets/images/headers/header_casa_club.jpg');
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 150px;     
}

.main-button, .main-button:hover{
background-color: var(--c2);
color: #ffffff;
border-radius: 50px;
text-decoration: none;
padding: 15px 20px;
display: inline-block;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
width: 250px;
}

.paragraph-about{
padding: 70px 30px;
color: #ffffff;
}

.paragraph-container{
padding: 50px 80px;
color: #ffffff;
}

.sm-show{
display: none;
}

.prefooter-section{
background-image: url('/assets/images/golf-prefooter_background.jpg');
background-repeat: no-repeat;
background-size: cover;
}

.review-card{
background-color: var(--c3);
padding: 50px;
border-radius: 10px;
max-width: 350px;
margin: auto;
min-height: 335px;
}

.review-author{
color: var(--c2);
font-size: 10px;
}

.footer{
background-color: var(--c3);
padding-top: 50px;
padding-bottom: 50px;
}

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

.list-footer li{
list-style: none;
padding-left: 0px!important;
}

.list-footer a{
text-decoration:none;
color: #a9a9a9;
}

.back-dark{
background-color: var(--c3);
}

.back-green{
background-color: var(--c1)!important;
}

.table>:not(caption)>*>*{
border-bottom: none;
padding: 2px 5px;
font-size: 15px;
}


tr:nth-child(odd) {
background-color: #f2f2f212;
color: #ffffff;
}

tr:nth-child(even) {
color: #ffffff;
}

.holes-body{
background-color: var(--c1);
color: #ffffff;
padding: 10px 10px;
border-radius: 0px 0px 4px 4px;
margin-bottom: 30px;
}

.txt-right{
text-align: right;
}

.txt-left{
text-align: left;
}

.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #f5be33;
}

.no-link{
text-decoration: none;
}

a .holes-card{
    transition: transform .2s;
}

a .holes-card:hover{
    transform: scale(1.05);
}


th{
    font-weight:400;
}

@media only screen and (max-width: 992px) {
    .navbar-nav{
        align-items: center;
    }
    .review-card {
        padding: 25px;
        border-radius: 10px;
        max-width: 100%;
        margin: auto;
    }    
    .review-card h2{
        font-size: 20px;
    }    
} 
 
@media only screen and (max-width: 767px) {
    .footer {
    text-align: center;
    }
    .review-card{
    margin: auto auto 20px auto;
    }
    .list-footer{
    margin-bottom: 30px!important;
    }
    .logo-footer{
    margin-bottom: 30px;
    }
    .review-card h2{
    font-size: 20px;
    }
    .splide__slide{
    text-align: center;
    }
    .paragraph-container{
    padding: 0px 30px;
    }
    .main-button, .main-button:hover{
    display: block;
    margin: auto;
    } 
    .golf-about-image{
    padding-top: 50px;
    }
    .prefooter-section{
    padding-top: 50px!important;
    padding-bottom: 50px!important;
    }
    .sm-show{
    display: block;
    }
    .sm-hide{
    display: none!important;
    }
}