/*
body {
    background-image: url('/assets/img/cft-home-bg-1.jpg');
}
*/
.HEADER .title a {
    font-size:52px;
}
.HEADER .title {
    /*padding-top:46px;*/
}

.club_free_time_logo {
    width:376px;
}

.MAIN {
    width:100%;
    max-width: 100%;
    min-width:1023px;
}

.CATEGORYNAV {
    margin-bottom: 0em;
}

a:link {
    text-decoration: none;
}


.home-content-top {
    text-align: center;
    background-image: url('/img/cft-top-banner-1-6.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    padding:1.5em;
    margin-bottom: 1em;
    margin-top:11px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4);
}
/*
.home-content-top #main_heading {
    background-color: #fff;
    padding: 0.25em 2em;
    opacity: 0.8;
}
*/

h1, .seoTitle {
    display:inline-block;
    padding:0.25em 0.5em;
    margin-bottom:10px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight:400;
    font-size:29px;
    color:#fff;
    background-color: rgba(0, 0, 0, 0.3);
   /* background: linear-gradient(to right, rgba(0, 0, 0, 2), rgba(0, 0, 0, 0));*/

}

.seoTitle a {
    color:#fff;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight:400;
    text-decoration: underline;
    font-size:18px;
}

h1 {
    font-size:47px;
}


#homepageSeo {
    text-align: left;
    margin: 0 18%;
    padding:1em;
    color:#fff;
    background-color: rgba(0, 0, 0, 0.3);
    font-size:1.2em;
}



/** Fluid 3-column Layout **/

.home-column-container {
    /*position: absolute;*/
    min-width:1023px;
}
.home-col1 {
    width: 33%;
    float:left;
    margin-right:1%;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4);
}
.home-col2 {
    width: 32%;
    float:left;
    overflow:hidden;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4);
}
.home-col3 {
    width: 33%;
    float:right;
    margin-left:1%;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4);
}
/** END OF Fluid 3-column Layout **/


.FOOTER {
    position: relative;
    float:left;
    width:100%;
}


.home-col {
    height:100%;
    background-color: #fff;
}
.home-col-inner {
    font-size:125%;
    padding: 1em;
}

/**
Join the Club Block
**/
.home-join-form {
    text-align: center;
}
.home-join-text {
    padding-top:1em;
}
.home-join-text p {
    line-height:1.7em;
    font-size:1.45em;
}
.home-join-form input {
    height:2.2em;
    font-size:17px;
}

/**
Calendar
**/

.home-col h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 400;
    color: #eb6d26;
    font-size:32px;
}


.home-col .h2-top, .home-col .calendar_h2 {
    font-size:32px;
    line-height:38px;
   /* margin-bottom: 0.5em; */
}
.home-col table {
    width:100%;
    font-weight: 700;
    font-size:1.75em;
}

.home-col .top {
    padding-bottom:1em;
}

.day,.wday {
    padding-top: 4%;
    padding-bottom: 4%;
}

.home-calendar-bottom{
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 400;
    color: #eb6d26;
    line-height:2em;
    font-size:1.45em;
}

.day:hover {
    background-color: #DDD;
}

/** Deals Column**/
.home-col .eventItemInside {
    padding: 0.5em;
    line-height:125%;
    font-size:1.2em;
}

.home-col .col-sub-text {
    text-align:center;
    font-size:1.1em;
}

.buttonContainer {
    margin-top:1em;
}

a.button:link, a.button:visited {
    /*background-image: none;*/
    border-radius: 0;
    margin-top:9px;
    /*padding: 0.5em 0.75em;*/
}

/** END OF Deals Column**/


@media only screen and (min-width: 1700px) {
    .CATEGORYNAV a:link {
        font-size: 28px;
        padding: 15px 17px 15px 18px;
    }

    .home-column-container {
        /*height:540px;*/
    }
    /*.FOOTER {*/
    /*    margin-top:560px;*/
    /*}*/

    .dropdown-content {
        width:300px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:265px;
    }



}
@media only screen and (max-width: 1700px) {
    .CATEGORYNAV a:link {
        font-size: 25px;
        padding: 15px 16px 15px 15px;
    }

    .home-column-container {
        /*height:510px;*/
    }
    .FOOTER {
        /*margin-top:530px;*/
    }

    .home-col h2, h1 {
        font-size:40px;
    }

    .home-join-text p {
        line-height: 1.65em;
        font-size: 1.35em;
    }

    .home-col table {
        font-size:1.5em;
    }

    .home-calendar-bottom{
        font-size:1.15em;
    }

    .dropdown-content {
        width:260px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:229px;
    }
}

@media only screen and (max-width: 1500px) {
    .CATEGORYNAV a:link {
        font-size: 22px;
        padding: 14px 16px 14px 17px;
    }

    .home-column-container {
        /*height:480px;*/
    }
    .FOOTER {
        /*margin-top:500px;*/
    }


    .home-join-text p {
        line-height: 1.6em;
        font-size: 1.3em;
    }

    .home-col table {
        font-size:1.4em;
    }

    .home-col .eventItemInside {
        line-height:120%;
        font-size:1.1em;
    }

    .dropdown-content {
        width:240px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:206px;
    }
}

@media only screen and (max-width: 1400px) {
    .CATEGORYNAV a:link {
        font-size: 20px;
        padding: 14px 15px 14px 16px;
    }

    .home-column-container {
        /*height:460px;*/
    }
    .FOOTER {
        /*margin-top:480px;*/
    }


    .home-join-text p {
        line-height: 1.55em;
        font-size: 1.2em;
    }

    .home-calendar-bottom{

        font-size:1.05em;
    }

    .home-col table {
        font-size:1.3em;
    }

    .dropdown-content {
        width:220px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:188px;
    }
}

@media only screen and (max-width: 1279px) {
    .CATEGORYNAV a:link {
        font-size: 19px;
        padding: 13px 13px 13px 14px;
    }

    .home-column-container {
        /*height:440px;*/
    }
    .FOOTER {
        /*margin-top:460px;*/
    }

    .home-join-text p {
        line-height: 1.5em;
        font-size: 1.1em;
    }

    .home-calendar-bottom{

        font-size:1em;
    }

    .home-col table {
        font-size:1.2em;
    }

    .home-col .eventItemInside {
        line-height:115%;
        font-size:0.9em;
    }

    .dropdown-content {
        width:200px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:173px;
    }
}

@media only screen and (max-width: 1180px) {
    .CATEGORYNAV a:link {
        font-size: 17px;
        padding: 12px 10px 12px 11px;
    }

    .home-column-container {
        /*height:430px;*/
    }
    .FOOTER {
        /*margin-top:450px;*/
    }

    .home-join-text p {
        line-height: 1.45em;
        font-size: 1em;
    }

    .home-col table {
        font-size:1.1em;
    }

    .dropdown-content {
        width:180px;
    }

    .dropdown-content a:hover, .dropdown-content a {
        width:159px;
    }

}

@media only screen and (max-width: 1024px) {
    .MAIN {
        min-height: auto;
    }

    .CATEGORYNAV a:link {
        font-size: 17px;
        padding: 12px 10px 12px 11px;
    }

    .home-column-container {
        /*height:420px;*/
    }
    .FOOTER {
        /*margin-top:440px;*/
    }



    .home-col table {
        font-size:1em;
    }
}



/* Only the three columns become a flex row; footer stays outside */
.home-cols {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;     /* equal heights */
    gap: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;      /* space above the footer strip */
}

.home-cols > .home-col {
    flex: 1 1 30%;            /* ~3 columns, fluid */
    min-width: 280px;         /* wrap sooner on small viewports */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* Make inner content fill height; keep CTA/footer inside the box at the bottom */
.home-cols > .home-col > * { flex: 1 1 auto; min-height: 0; }
.home-cols > .home-col .footer,
.home-cols > .home-col .actions { margin-top: auto; }

/* Tablet -> two columns */
@media (max-width: 900px) {
    .home-cols > .home-col { flex: 1 1 45%; }
}

/* Mobile -> single column */
@media (max-width: 600px) {
    .home-cols > .home-col { flex: 1 1 100%; }
}

/* Neutralize legacy fixed sizing if present */
.home-col { width: auto !important; height: auto !important; max-width: 100%; }
.home-col * { overflow-wrap: anywhere; min-width: 0; }