@import "helpers.css";

#main-cta .site-logo {
    padding:3px;
    border: 3px solid transparent;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    margin: -14px 0px -5px 1px;
    opacity:1 !important;
    filter:none !important;
}

.serif {
    font-family: 'Source Serif Pro', serif !important;
}

/* COLORS */
/*
Primary Color: #4EA9FE;
Secondary Color: #F25827;
Tertiary Color: #0056b3;
*/

.contain {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 600px;
}

a {
    color: #4EA9FE;
}

h1 {
    text-transform: uppercase;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

.hover-link {
    cursor: pointer;
}

.hover-link:hover {
    background: black;
    color: white !important;
}

.hover-link:hover * {
    color: inherit;
}

.hover-link:hover i.fa {
    color: #4EA9FE;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 16px;
}

h1, h2, h3, h4, h5, h6 {}

.primary-color {
    color: #4EA9FE;
}

.secondary-color {
    color: #F25827;
}

.tertiary-color {
    color: #0056b3;
}

.black-color {
    color: black !important;
}

.uppercase {
    text-transform: uppercase;
}

.strong {
    font-weight: bold;
}

.jumbo {
    font-size: 150%;
}

.extra-jumbo {
    font-size: 200%;
}

.extra-small {
    font-size: 70%;
}

.push-top {
    margin-top: 30px;
}

a:hover {
    text-decoration: none;
}

a.link {
    font-size: 9vw;
}

.fa {
    font-family: 'fontawesome', Font Awesome\ 5 Free !important;
}

.contact-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 5vh;
    font-size: 45px;
    color: #F25827;
}

.contact-nav *, .contact-nav a {
    color: inherit !important;
}

.contact-nav a:hover {
    color: #0056b3 !important;
}

.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

/* Large Screens */
@media only screen and (min-width: 650px) {
    a.link {
        font-size: 5rem !important;
    }

    #tag {
        height: 80% !important;
    }
}

/* Small Screens */
@media only screen and (max-width: 660px) {
    .contact-nav a {
        font-size: 13vw !important;
    }

    #tag {
        height: 80% !important;
    }

    .flex-text {
        font-weight: 300 !important;
        line-height: 1.3em !important;
        font-size: 22px !important;
        padding: 0 1.7vw !important;

        // display: block !important;
        margin: 0 auto !important;
        font-size: calc(12px + 2vw) !important;
    }
}

.affiliates h3 + h4 {
    padding-top: 5px !important;
    height: 125px;
    display: grid;
    align-items: center;
    align-content: center;
}

.affiliates .card {
    cursor: pointer;
}

.affiliates .card h3 a {
    opacity: 0;
}

.affiliates .card a {
    top: 0;
    position: relative;
    transition: all .3s ease-in;
    cursor: pointer;
}

.affiliates .card a:active, .affiliates .card a:focus, .affiliates .card:hover a {
    transform: scale(1.2);
    cursor: pointer;
    top: -5%;
    position: relative;
    filter: invert(1) brightness(190%) grayscale(1);
}

.affiliates .card a:active, .affiliates .card a:focus {
    filter: invert(0);
}

.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Brands, 'fontawesome' !important;
}

.fl-rich-text h2, .fl-heading-text h2 > *, .fl-heading-text h1 > *, .fl-heading-text h3 > *, .fl-heading-text h4 > *,  .fl-heading-text h5 > *, .fl-heading > * {
    font-family: 'Source Serif Pro', serif;
    text-transform: capitalize;
}

.byline {
    border-bottom:none !important;
    font-weight: bold;
    font-size: 23px; 
    text-transform: uppercase !important;
    color: #4EA9FE !important;
}