/*
Theme Name:count
Theme URI: httpss://www.lazyoctopus.com/count/
Author: Tracey Geronimo
Author URI: httpss://www.lazyoctopus.com
Template: twentynineteen
Description: Child of twentynineteen for CountEveryVoteProject
Requires at least: WordPress 4.9.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: count
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/

@font-face {
    font-family: metropolis;
    src: url('fonts/Metropolis-Black.otf');
    font-weight: bold;
}

@font-face {
    font-family: metropolis;
    src: url('fonts/Metropolis-Regular.otf');
    font-weight: regular;
}

body {
    font-family: 'metropolis';
}

#masthead {
    background: #003258;
}

.custom-menu-class li {
    display: inline-block;
    padding: 0 20px;
}


.wp-block-kadence-advancedheading {
    font-family: 'metropolis';
    font-weight: bold;
}

h2:before {
    background: transparent;
}

.inverse ul {
    color: white;
}

.inverse a {
    color: white;
}


.video-full-container {
    position: relative;
    z-index: 1;
}

.envelope-full-container {
    position: relative;
    z-index: 2;
}

.add-resources-full-container {
    position: relative;
    z-index: 3;
}

#video-centered {
    display: none;
}

#spread-panel {
    background: white;
    width: 50%;
    position: relative;
    padding: 3% 0 0 0;
}

#spread-panel-inner {
    border: dashed 4px #003258;
    border-bottom: none;
    margin: 0 8%;
    padding: 6%;
}

.red-text {
    color: #ff3645;
}

#social-icons {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 10px 20px;
    background-image: url('https://counteveryvoteproject.org/wp-content/uploads/2020/10/circle.png');
    background-size: 100% 100%;
}

#social-icons img {
    width: 50px;
}

.envelope {
    position: relative;
    z-index: 1;
}

.envelope-content {
    position: relative;
    z-index: 2;
}

.envelope-content ul {
    list-style-image: url('httpss://www.lazyoctopus.com/count/wp-content/uploads/2020/10/checkbox.png');
    padding-left: 1.5rem;
}

.envelope-front {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: -2.5%;
    right: -2.5%;
    z-index: 3;
}

.envelope-front img {
    height: 120px;
    max-width: none;
    width: 105%;
}

.envelope-back {
    width: 100%;
    position: absolute;
    bottom: 38px;
    left: -2.5%;
    right: -2.5%;
    z-index: 0;
}

.envelope-back img {
    height: 120px;
    max-width: none;
    width: 105%;
}

.add-resources .kt-inside-inner-col {
    border-style: dashed;
}

.kt-row-column-wrap {
    padding: 0 0 0 0;
}

.alignfull .kt-row-column-wrap {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-image {
    margin-bottom: 0;
}

.box-shadow-generic {
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.75);
}

.site-info {
    text-align: center;
}

.site-header {
    padding: 0;
}

.entry-header {
    display: none;
}

.entry-content {
    margin: 0;
}

.entry .entry-content > *,
.entry .entry-summary > * {
    margin: 0;
}

.be-patient {
    color: #003258;
    font-family: 'metropolis';
    font-weight: bold;
    font-size: 2em;
    line-height: 1.4em;
}

#cev-banner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-height: 60px;
    background: white;
    margin: 32px 0;
}

#logo {
    max-width: 180px;
}

.star {
    width: 25px;
}

.state {
    color: white;
    position: relative;
    z-index: 9;
}

#spread-panel-inner .state {
    color: #003258;
    display: none;
    padding-left: 60px;
    background-size: contain;
    background-repeat: no-repeat;

}

#spread-panel-inner.arizona .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/AZ-2.png);
}

#spread-panel-inner.florida .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/FL-2.png);
}

#spread-panel-inner.michigan .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/MI-2.png);
}

#spread-panel-inner.pennsylvania .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/PA-2.png);
}

#spread-panel-inner.north-carolina .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/NC-2.png);
}

#spread-panel-inner.wisconsin .state{
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/WI-2.png);
}

#video-container-align.arizona:before {
    content: "";
    opacity: .5;
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/AZ-2.png);
    background-size: 200px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -150px;
    top: -38px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align.florida:before {
    content: "";
    opacity: .5;
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/FL-2.png);
    background-size: 144px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -144px;
    top: 4px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align.michigan:before {
    content: "";
    opacity: .5;
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/MI-2.png);
    background-size: 158px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -150px;
    top: -38px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align.north-carolina:before {
    content: "";
    opacity: .5;
    background-image: url(https://counteveryvoteproject.org/wp-content/uploads/2020/10/NC-2.png);
    background-size: 158px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -141px;
    top: 5px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align.pennsylvania:before {
    content: "";
    opacity: .5;
    background-image: url('https://counteveryvoteproject.org/wp-content/uploads/2020/10/PA-2.png');
    background-size: 158px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -141px;
    top: 5px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align.wisconsin:before {
    content: "";
    opacity: .5;
    background-image: url('https://counteveryvoteproject.org/wp-content/uploads/2020/10/WI-2.png');
    background-size: 158px;
    width: 500px;
    height: 1000px;
    position: absolute;
    left: -141px;
    top: 5px;
    z-index: 0;
    background-repeat: no-repeat;
}

#video-container-align iframe {
    width: 100%;
    min-height: 360px;
    position: relative;
    z-index: 10;
}

.sa_hover_container iframe {
    width: 100%;
}

.owl-item h3 {
    color: white;
}

@media (min-width: 1200px) {
    .sa_hover_container iframe {
        height: 480px;
    }
}

@media (min-width: 767px) {

    #cev-banner {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        max-height: 100px;
        margin: 20px 0px;
    }

    #logo {
        max-width: 240px;
    }

    .star {
        display: block;
        width: 40px;
    }

    #video-row-container {
        position: relative;
    }

    #video-container-width {
        width: 55%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        z-index: 2;
    }

    #video-container-align {
        justify-content: flex-start;
        position: relative;
    }

    #spread-panel {
        background: white;
        width: 50%;
        right: 0px;
        position: relative;
        margin-left: 50%;
        padding: 3% 0 0 0;
        Z-INDEX: 1;
    }

    #spread-panel-inner {
        border: dashed 4px #003258;
        border-bottom: none;
        margin: 0 8%;
        padding: 2% 6%;
    }

    .spread-panel .wp-block-kadence-rowlayout {
        height: 100%;
    }

    .spread-panel .kt-inside-inner-col {
        height: 100%;
    }

    .video-panel .kt-inside-inner-col {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .spread-panel .kt-row-layout-inner {
        height: 100%;
    }

    .spread-panel .kt-row-column-wrap {
        height: 100%;
    }

    .spread-panel-inner .kt-inside-inner-col {
        border-style: dashed;
    }

    .site-header {
        margin: 0;
        padding: 44px 0;
    }

    .entry .entry-header {
        margin: 0;
    }

    .entry .entry-content > *.alignfull,
    .entry .entry-summary > *.alignfull {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sa_hover_container iframe {
        min-height: 360px;
    }

}

@media (max-width: 1200px) {
    #video-row-container {
        padding: 0 3%;
    }

    #video-container-width {
        display: none;
    }

    #spread-panel {
        width: 100%;
        margin-left: auto;
    }

    #spread-panel-inner {
        margin: 0 3%;
    }

    #video-centered {
        width: 100%;
        display: block;
        margin-bottom: 2em;
        min-height: 400px;
    }

    #spread-panel-inner .state {
        display: block;
    }

}

@media (max-width: 766px) {
    .sa_hover_container iframe {
        height: 300px;
    }
}


@media (max-width: 600px) {
    #video-centered {
        min-height: 300px;
    }
}

@media (max-width: 500px) {

    .be-patient {
        font-size: 1.2em;
    }

    .sa_hover_container iframe {
        height: 240px;
    }

    #social-icons img {
        width: 30px;
    }

    #spread-panel-inner p {
        font-size: .8em;
    }

    .envelope-content p,
    .envelope-content li {
        font-size: .8em;
    }

}