@import 'variables.css';
@import 'theme.css';
@import 'buttons.css';



.ccc-background-default-gradient {
    background-color:var(--ccc-gradient-default);
}



@font-face {
    font-family: Biorhyme;
    src: url("fonts/BioRhyme-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Martin;
    src: url("fonts/MARTIN-Regular.woff2") format("woff2"),url("fonts/MARTIN-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Gibson";
    src: url("fonts/Gibson-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Gibson Bold";
    src: url("fonts/Gibson-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gibson Regular";
    src: url("fonts/Gibson-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gibson Semi Bold";
    src: url("fonts/Gibson-Semibold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fusion-header  img.fusion-standard-logo {
    max-height:54px !important;
}

.ccc-fw-section {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;    
}


.btn, svg .fill {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
} 

.subheader {
    font-family: BioRhyme;
    color: #000;
}
.subheader, .subheader.large {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
}
.subheader.subheader-padding-bottom {
    padding-bottom: 15px;
}

/* CARDS */

h2.ccc-content-cards-title {
    font-weight: 400 !important;
    font-family: Biorhyme !important;
}

.ccc-content-cards-container {
    justify-content: start !important;
}

.ccc-content-cards {

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0 -.75rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .row.center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center !important;
        text-align: center;
    }
    
    .max-width {
        display: block;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
    }

    .btn,
    .btn-knockout  {
        text-transform: uppercase;
     }


}


.ccc-content-cards .col-3 {
    margin-bottom: 24px;

        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;

}
.ccc-content-cards .col-3, .ccc-content-cards.col-4, .ccc-content-cards .col-8 {
    margin-bottom: 24px;
}


@media only screen and (max-width: 1024px) and (min-width: 1px) {
    .ccc-content-cards .col-3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
    .ccc-content-cards .col-3 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}



.ccc-content-cards {

    [class*=col-] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 .75rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .post {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        -webkit-box-shadow: 0 4px 8px rgba(100, 116, 139, .2);
        box-shadow: 0 4px 8px rgba(100, 116, 139, .2);
        height: 100%;
        width: 100%;
        margin-bottom:0px;
    }
    
    .post .thumb {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 100%;
        overflow: hidden;
    }

    .post .thumb a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        text-indent: -9999px;
    }

    .post .content {
        padding: 24px;
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 40px;
    }
    .post .content .date {
        font-family:'Gibson Semi Bold';
        color: #6c7787;
        margin: 0 0 16px;
        font-size: 1rem;        
    }

    .post .content h3 {
        margin: 0 0 8px;
    }

    .post .content h3 a {
        text-transform: none;
        text-decoration: none;
    }
    .post .content h3, .post .content h3 a {
        font-family: Gibson Semi Bold;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 30px;
        line-height: 1.875rem;
        color: #000;
    }

    .post .thumb img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1;
    }

    .post .content .excerpt, .post .content .excerpt p {
        font-family: Gibson;
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
    .post .content .excerpt {
        margin: 0 0 18px;
    }

    .post .content .excerpt p {
        margin: 0;
    }


    .post .cat {
        display: inline-block;
        font-family: Gibson Semi Bold;
        font-size: 14px;
        font-size: .875rem;
        line-height: 20px;
        line-height: 1.25rem;
        border-radius: 4px;
        margin: 0 8px 8px 0;
        padding: 3px 8px 0;
        color: #305aa3;
        background: #eff6ff;
        border: 1px solid #305aa3;
        white-space: nowrap
    }

    .post .cat:hover {
        background: #305aa3;
        color: #fff
    }

    .post .cat:focus {
        outline: none
    }

    .post .cat.focus {
        outline: 2px solid #5e5e5e;
        outline-offset: 4px;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .post .cat.hw-cat {
        color: #b25533;
        background: rgba(178,85,51,.1);
        border: 1px solid #b25533
    }

    .post .cat.hw-cat:hover {
        background: #b25533;
        color: #fff
    }

    .post .cat.kk-cat {
        color: #972d39;
        background: rgba(151,45,57,.1);
        border: 1px solid #972d39
    }

    .post .cat.kk-cat:hover {
        background: #972d39;
        color: #fff
    }

    .post .cat.rjd-cat {
        color: #966531;
        background: rgba(150,101,49,.1);
        border: 1px solid #966531
    }

    .post .cat.rjd-cat:hover {
        background: #966531;
        color: #fff
    }

    .post .cat.ww-cat {
        color: #31737d;
        background: rgba(49,115,125,.1);
        border: 1px solid #31737d
    }

    .post .cat.ww-cat:hover {
        background: #31737d;
        color: #fff
    }

    .post .cat.hst-cat {
        color: #214636;
        background: rgba(33,70,54,.1);
        border: 1px solid #214636
    }

    .post .cat.hst-cat:hover {
        background: #214636;
        color: #fff
    }

    .post .cat.oh-cat {
        color: #52327d;
        background: rgba(82,50,125,.1);
        border: 1px solid #52327d
    }

    .post .cat.oh-cat:hover {
        background: #52327d;
        color: #fff
    }

    .post .cat.mx-cat {
        color: #d03c33;
        background: rgba(208,60,51,.1);
        border: 1px solid #d03c33
    }

    .post .cat.mx-cat:hover {
        background: #d03c33;
        color: #fff
    }


}
.cards-section  {

    .cards_section_card_link {
        text-transform: uppercase;
    }

}


/*END CARDS */