/*

Theme Name: TwentyTwentyOne Child

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Sarah Martin

Author URI: https://sarahm.codes

Template: twentytwentyone

Version: 1.0.1

Text Domain: twentytwentyone-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/
* {
    box-sizing: border-box;
}
body {
    color: #000;
    background-color: #fff;
}
h1, h2, h3, h4 {
    font-family: 'Source Sans Pro', sans-serif;
}
h1 {
    font-size: 52px;
    font-weight: 500;
    margin-bottom: 15px;
}
h2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 15px;
}
.seventyh {
    margin-bottom: 70px;
}
h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
}
h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
}
p, a, li {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
a {
    color: #007bc3;
}
button.navbar-toggler {
    display: none;
}
.btn a {
    text-transform: uppercase;
    width: 450px;
    padding: 15px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #007bc3;
    color: #007bc3;
    font-size: 18px;
}
.btn a:hover {
    color: #fff;
    border: 1px solid #007bc3;
    background-color: #007bc3;
    font-size: 18px;
}
.btnd {
    margin: 40px auto;
}
.btnd a {
	text-transform: uppercase;
    width: 450px;
    padding: 15px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
}
.btnd a:hover {
    color: #000;
    border: 1px solid #fff;
	background-color: #fff;
    font-size: 18px;
}
.site-header {
    padding: 0 50px;
    max-width: unset!important;
    width: 100%;
    background-color: #000;
}
.primary-navigation a {
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 600;
    font-size: 18px;
}
.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
    color: #fff;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
    text-decoration-skip-ink: none;
    background: none;
}
.site-main {
    padding: 0;
}
.site-footer {
    padding: 0 50px;
    max-width: unset!important;
    width: 100%;
    background-color: #f1f1f1;
}
.site-footer ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
}
.site-footer li a {
    padding: 0 20px;
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    text-decoration: none;
}
.foot-logo {
    text-align: center;
}

/***** HEROS *****/

.heroimg {
    max-width: unset!important;
    width: 100%;
    background-size: cover;
    padding: 60px;
    margin-bottom: 0;
}
#home {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/r1400379_51971719900_o-1.jpg');
    background-position: 0 20%;
}
#program {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/51883075027_49cfd0fb8e_o-scaled.jpg');
    background-position: 0 30%;
    min-height: 556px;
}
#video {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/05/Video-Wall-Header-Image.jpg');
    background-position: 0 30%;
    min-height: 556px;
}
#sales {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/47844541361_475bb64651_o-scaled.jpg');
    background-position: 0 70%;
    min-height: 556px;
}
#tvs {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/51887610398_8f2a2a450c_o-scaled.jpg');
    background-position: 0 73%;
    min-height: 556px;
}
#screen {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/tshero.png');
    background-position: 0 73%;
    min-height: 556px;
	margin-bottom: 50px;
}
#audio {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/28807764401_f1dedee6bd_o-scaled.jpg');
    background-position: 0 43%;
    min-height: 556px;
}
#war {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/28807764401_f1dedee6bd_o-scaled.jpg');
    background-position: 0 43%;
    min-height: 556px;
}
#fin {
    background-image: url('http://evolutiondigital.ptgcloud.com/wp-content/uploads/2022/04/unnamed-file-scaled.jpg');
    background-position: 0 88%;
    min-height: 625px;
}
.herocont {
    width: 40%;
    background: rgba(0,0,0,0.75);
    padding: 40px;
    color: #fff;
}
.herocontwhite {
    background: rgba(255, 255, 255, 0.75);
    color: #000;
}
.herocont h1, .herocont h2 {
    text-align: center;
}

/***** PROGRAM OVERVIEW PAGE *****/
.prg-content {
    max-width: unset!important;
    width: 100%;
    padding: 50px 100px;
    margin-top: 0;
}
.services {
    width: 20%;
    float: left;
    padding: 50px 5% 50px 0;
    margin-right: 5%;
    border-right: 1px solid #000;
}
.how {
    width: 75%;
    float: left;
    padding: 50px 0;
}
.people {
    text-align: center;
    width: 100%;
    clear: both;
    padding-top: 50px;
}
.flx {
    display: flex;
    justify-content: center;
}
.person {
    width: 25%;
    padding: 20px;
}

/***** Video Wall PAGE *****/
.vid-cont {
    text-align: center;
    width: 100%;
    max-width: unset!important;
    padding: 50px;
    margin-top: 0;
}
.vid-wall {
    text-align: left;
    clear: both;
    padding: 0 100px;
    min-height: 500px;
}
.colm {
    width: 45%;
    float: left;
}
.colm:first-child {
    margin-right: 10%;
}
.numb {
    font-weight: 600;
}
.extr {
    margin-top: 100px;
}

/***** TVS PAGE *****/
.tv-cont {
    max-width: unset!important;
    width: 100%;
    padding: 50px;
}
.stand {
    width: 30%;
    margin: 0 20px;
    text-align: center;
}
.screen-cont {
    max-width: unset!important;
    width: 100%;
    padding: 10px 100px;
    margin: 0;
}
/***** FINANCING PAGE *****/
.fin-cont {
    padding: 50px 100px;
    max-width: unset!important;
    width: 100%;
    text-align: center;
}
.col-5 {
    width: 45%;
    padding: 20px;
}
.col-5 img {
    max-height: 400px;
}
/***** VIDEO PAGE *****/
.vid-wall img {
    max-width: none!important;
    width: 100%!important;
}
/***** MOBILE *****/
@media only screen and (max-width: 1200px) {
    .site-header {
        display: block;
        flex-wrap: nowrap;
        row-gap: 0;
    }
    .site-name {
        float: left;
    margin-right: 10px;
    }
    .primary-navigation a {
        font-size: 15px;
    }
    .primary-menu-container {
        float: right;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    .primary-navigation > .primary-menu-container, .primary-navigation-open .menu-button-container {
        background-color: #000;
    }
    .menu-button-container #primary-mobile-menu {
        color: #fff;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    h1 {
        font-size: 42px;
        line-height: 1;
    }
    h2 {
        font-size: 32px;
        line-height: 1;
    }
    .seventyh {
        margin-bottom: 20px;
    }
    h3 {
        font-size: 22px;
        line-height: 1;
    }
    h4 {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 0;
    }
    p, a, li {
        font-size: 17px;
    }

    .heroimg {
        padding: 20px;
    }
    .herocont {
        width: 100%;
        padding: 10px;
    }
    .vid-wall {
        padding: 0;
        min-height: unset;
    }
    .site-header {
        padding: 10px;
        max-height: 140px;
        height: 140px;
    }
    .site-name {
        width: 90px;
        float: left;
        position: absolute;
    }
    .site-footer {
        padding: 0 10px;
    }
    .site-footer ul {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    .site-footer li a {
        font-size: 14px;
    }
    .herop {
        text-align: center;
    }
    #program {
        min-height: 400px;
    }
    .prg-content {
        padding: 20px;
    }
    .services {
        width: 100%;
        float: unset;
        padding: 0;
        margin-right: 0;
        border-right: none;
    }
    .how {
        width: 100%;
        float: none;
        padding: 30px 0;
    }
    .people {
        padding-top: 20px;
    }
    .flx {
        display: block;
    }
    .person {
        width: 100%;
        padding: 10px;
    }
    #video {
        min-height: 396px;
    }
    .vid-cont {
        padding: 20px;
    }
    .extr {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .colm:first-child {
        margin-right: 0;
    }
    .colm {
        width: 100%;
        margin: 10px 0;
    }
    .btn a {
        width: 100%;
        padding: 5px;
        margin: 10px auto;
        font-size: 14px;
    }
    #sales {
        min-height: 366px;
    }
    #tvs {
        min-height: 296px;
    }
    .tv-cont {
        padding: 20px;
    }
    .stand {
        width: 100%;
        margin: 0;
    }
    #screen {
        min-height: 405px;
        margin-bottom: 20px;
    }
    .screen-cont {
        width: 100%;
        padding: 20px;
        margin: 0;
    }
    .btnd {
        margin: 20px auto;
        text-align: center;
    }
    #audio {
        min-height: 380px;
    }
    #fin {
        min-height: 467px;
    }
    .fin-cont {
        padding: 20px;
    }
    .col-5 {
        width: 100%;
        padding: 0;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    
}

@media only screen and (max-width: 481px) {
    
}