/*
Theme Name: This is Hulu
Theme URI: https://thisishulu.com
Description: Custom WordPress Theme for This Is Hulu site.
Author: Hulu - Marketing Technology
Author URI: https://hulu.com
Version: 1.0
Text Domain: thisishulu
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'Graphik-Light';
    src:url(assets/fonts/graphik/Graphik-Light-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Light-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik-Light-Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Light.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Extralight';
    src:url(assets/fonts/graphik/Graphik-Extralight-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Extralight-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik-Extralight-Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Extralight.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Medium';
    src:url(assets/fonts/graphik/Graphik-Medium-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Medium-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik-Medium-Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Medium.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Regular';
    src:url(assets/fonts/graphik/Graphik-Regular-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Regular-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik-Regular-Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Regular.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Semibold';
    src:url(assets/fonts/graphik/Graphik-Semibold-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Semibold-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik-Semibold-Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Semibold.otf) format("opentype");
    font-style: normal;
}
@font-face {
    font-family: 'Graphik-Bold';
    src:url(assets/fonts/graphik/Graphik-Bold-Web.eot) format("embedded-opentype"), url(assets/fonts/graphik/Graphik-Bold-Web.woff) format("woff"), url(assets/fonts/graphik/Graphik--Web.woff2) format("woff2"), url(assets/fonts/graphik/Graphik-Bold.otf) format("opentype");
    font-style: normal;
}


video[poster] {
    object-fit: cover;
}

.footer {
    background-color: #16181D!important;
    padding: 1.6875rem 0;
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 2.375rem;
    padding-right: 2.375rem;
    max-width: 90%;
    margin: 0 auto;
}

.footer-inner div {
    flex-basis: 50%;
}

.footer .menu {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    color: #ffffff;
}

.footer ul {
    list-style-type: none;
}

.footer li {
    padding: 1rem 0 1rem 0.95rem;
    margin: 0;
    display: inline-block;
    font-family: 'Graphik-Regular','Helvetica Neue',Helvetica,'Roboto',Arial,sans-serif;
    font-size: 11px;
    line-height: 160%;
    letter-spacing: .01em;
    text-transform: uppercase;
}

.footer a {
    display: block;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    padding: 0;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.footer a:hover {
    color: #E8EAED;
    cursor: pointer;
}

.footer img {
    width: 12px;
    height: auto;
}
.footer-inner .menu-footer-right-menu-container, .footer-inner .menu-footer-right-container {
    flex-basis: 66%;
}
.footer-inner .menu-footer-left-menu-container, .footer-inner .menu-footer-left-container {
    flex-basis: 34%;
}
.menu-footer-left-menu-container {
    justify-content: flex-start;
}

.menu-footer-right-menu-container {
    justify-content: flex-end;
}

@media (max-width: 600px) {
    .footer-innner {
        flex-direction: column;
        justify-content: center;
    }

    .footer-primary-links {
        justify-content: center;
    }

    .footer-secondary-links {
        justify-content: center;
    }
}