/*
Theme Name: Scout
Theme URI: https://niteothemes.com/downloads/cmp-scout-theme/
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.0

Scout CMP Theme, Copyright 2020 NiteoThemes
Scout CMP Theme is distributed under the terms of the GNU GPL

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.html

All used scripts are distributed under the terms of the GNU GPL v2 or later or under MIT license. 
Bundled images are distributed under the terms of the GNU GPL v2 or later or under MIT license or Unsplash license.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normaalize.css/
*/

body {
    margin: 0;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background-color: #E8E8E8;
    color: #3E3E3E;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

figure {
    margin: 0;
}

.delay-small {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay-small-1 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay-small-2 {
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.delay-small-3 {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.delay-small-4 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.delay-huge {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 2.5em;
    margin-bottom: .5em;
    margin-top: 0;
}

img {
    max-width: 100%;
    height: auto;
}

input {
    border-radius: 0;
}

.lang-switch-wrapper {
    min-width: 100%;
    margin-top: 2em;
    text-align: right;
}

.cmp-subscribe input::-webkit-input-placeholder {
    font-size: 1rem;
    color: inherit;
}

.cmp-subscribe input::-moz-placeholder {
    font-size: 1rem;
    color: inherit;
}

.cmp-subscribe input:-ms-input-placeholder {
    font-size: 1rem;
    color: inherit;
}

.logo-wrapper img {
    max-width: 100%;
    max-height: 300px;
    vertical-align: bottom;
}

.text-logo {
    margin-bottom: 0;
}

#background-wrapper, #slider-wrapper, #background-image, #background-color, .slide-background, .background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#background-wrapper {
    overflow: hidden;
}

.video-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

#background-image, .slide-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background-image, #slider-wrapper {
    opacity: 0;
    transition: opacity 400ms;
}

#background-image.loaded, .loaded #slider-wrapper {
    opacity: 1;
}

.video-banner iframe, .video-banner video {
    transition: opacity 1500ms;
}

#background-image.pattern {
    background-repeat: repeat;
    background-size: initial;
}

/* #background-image:not(.slide) {
    background-attachment: fixed;
} */

header {
    display: flex;
    margin-bottom: auto;
    align-items: center;
    flex-wrap: wrap;
}

.cmp-title {
    line-height: 1;
}

.content {
    display: flex;
    flex-direction: column;
    text-align: left;
    min-height: 100vh;
    padding: 3em;
    box-sizing: border-box;
    z-index: 1;
}

.content>*:not(header) {
    max-width: min(700px, 50%);
}

.counter-box {
    display: inline-block;
    padding-right: 2em;
    text-align: center;
}

.counter-number {
    font-size: 3em;
}

.counter-label {
    margin-top: 0;
}

.bar-wrapper {
    height: 40px;
    width: 100%;
    border: 2px solid;
    position: relative;
}

.growing-bar {
    width: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    height: auto;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    transition: width 1000ms ease-in-out;
}

.bar-percentage {
    float: right;
    font-size: 3em;
}

footer {
    margin-top: auto;
    max-width: 40%;
}

.copyright {
    flex: 1;
    margin-bottom: 0;
    font-size: 17px;
}

.button-wrapper .button {
    margin-right: 1em;
}

.button {
    display: inline-block;
    padding: 1em 2em;
    margin: 1em 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid white;
    transition: all 300ms ease-in-out;
}

.info-panel {
    display: none;
    visibility: hidden;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 100%;
    width: 50vw;
    bottom: 0;
    color: #000000;
    background: white;
    z-index: 1000;
    transition: all 300ms ease-in-out;
    max-width: 900px;
}

.loaded .info-panel {
    display: block;
}

.info-panel.in-focus {
    visibility: visible;
    left: calc(100% - 900px);
}

.form-wrapper {
    position: absolute;
    padding: 0 150px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
}

.post-wrapper {
    padding: 150px;
}

.post-wrapper * {
    box-sizing: border-box;
}

.close {
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 15px;
}

.info-panel h4 {
    font-size: 2em;
    margin: 0 auto;
    margin-top: auto;
    width: 600px;
    max-width: 100%;
}

.cmp-subscribe {
    display: flex;
    flex-direction: column;
    width: 600px;
    max-width: 100%;
    margin: 0px auto auto;
}

.cmp-form-inputs {
    order: 1;
    display: flex;
    max-width: 400px;
    flex-wrap: wrap;
}

.cmp-form-notes {
    font-size: 20px;
    margin: 50px 0;
}

.cmp-subscribe input {
    line-height: 2;
    font-size: 1.3em;
    padding: 10px;
    outline: none;
    font-weight: 700;
    border: none;
    box-sizing: border-box;
}

.cmp-subscribe input[type="email"] {
    flex: 1;
    padding-left: 0;
    background: transparent;
    border-bottom: 2px solid;
    font-size: 16px;
    padding-bottom: 8px;
    opacity: .44;
}

.cmp-subscribe input[type="email"]:focus {
    opacity: 1;
}

.cmp-subscribe input[type="submit"] {
    min-width: 25%;
    background: white;
    margin-left: 20px;
    color: white;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer;
    background: #000000;
    font-size: 16px;
}

.cmp-subscribe input[type="submit"]:disabled {
    cursor: auto;
}

#subscribe-response {
    margin-top: 1em;
    width: 100%;
}

.social-list {
    display: flex;
    padding: 0;
    margin: 0;
    margin-left: auto;
}

.social-list li {
    list-style: none;
    text-align: center;
}

.social-list a {
    display: block;
    padding: 0 .5em;
    font-size: 1.5em;
}

.social-list li:first-of-type a {
    padding-left: 1em;
}

.social-list li:last-of-type a {
    padding-right: 1em;
}

.social-list i {
    position: relative;
    vertical-align: middle;
    transform: translateY(0);
    transition: transform 300ms ease-in-out;
}

.social-list i:hover {
    transform: translateY(-3px);
}

.social-list i::after {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -8px;
    background-color: #fff;
    transition: width 300ms ease-in-out;
}

.social-list i:hover::after {
    width: 100%;
}

.youtube-play {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 107px;
    right: 25%;
    cursor: pointer;
    z-index: 100;
}

.yt-open .youtube-play {
    display: none;
}

#youtube-player {
    position: absolute;
    width: calc(100% - 200px);
    max-width: 1920px;
    height: 0;
    padding-bottom: 56.25%;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
    display: none;
    z-index: 100;
    right: 100px;
    margin-left: auto;
    margin-right: auto;
}

.yt-open #youtube-player {
    display: block;
}

#youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.close-icon {
    position: absolute;
    right: -64px;
    top: -32px;
    cursor: pointer;
}

.yt-open .content *, .yt-open.loaded .prev, .yt-open.loaded .next {
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}

/* slick slider */

.slick-slide {
    display: block!important;
    min-height: 100vh!important;
    position: relative;
    height: 100%;
}

.slick-list, .slick-slider, .slick-track {
    height: 100%;
}

.prev, .next {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 50px;
    width: 50px;
    height: 50px;
    color: white;
    background-color: transparent;
    border: 2px solid white;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    transition: all 300ms ease-in-out;
}

.loaded .prev, .loaded .next {
    opacity: 1;
}

.prev {
    right: 130px;
}

.next {
    right: 50px;
}

.prev::before, .next::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border-right: 3px solid white;
    border-top: 3px solid white;
}

.prev::before {
    left: 2px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.next::before {
    left: -2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* wpcf7-form */

/* contact form 7 */

.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-validation-errors {
    display: none!important;
}

.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -27px;
    left: 0px;
    text-align: left;
    font-size: 0.7em;
}

div.wpcf7-mail-sent-ng {
    border: none;
}

.wpcf7 .wpcf7-response-output {
    display: block!important;
    border: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 1921px) {
    #youtube-player {
        padding-bottom: 0;
        height: 1080px;
    }
}

@media only screen and (max-width: 1800px) {
    .info-panel.in-focus {
        left: 50%;
    }
}

@media only screen and (max-width: 1620px) {
    .post-wrapper {
        padding: 50px;
    }
    .form-wrapper {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .content {
        padding: 50px 20px;
    }
    header {
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }
    .logo-wrapper img {
        max-width: 60%;
    }
    .social-list {
        justify-content: center;
        line-height: initial;
        margin-top: 50px;
    }
    .cmp-title {
        font-size: 45px;
        margin-bottom: 37px;
        text-align: center;
    }
    #counter {
        text-align: center;
    }
    #progress-bar, #counter {
        margin-bottom: 37px;
    }
    .text-content, .cmp-form-notes {
        font-size: 18px;
    }
    .text-content p:first-of-type {
        margin-top: 0;
    }
    .content>*:not(header) {
        max-width: 100%;
    }
    .youtube-play {
        position: relative;
        top: initial;
        transform: translateY(0);
        right: initial;
        text-align: center;
        margin: 37px 0;
    }
    .info-panel {
        width: 100%;
        max-width: initial;
    }
    .info-panel.in-focus {
        left: 0;
    }
    .post-wrapper, .form-wrapper {
        padding: 50px 20px;
    }
    .copyright {
        text-align: center;
    }
    #youtube-player {
        width: 100%;
        left: 0;
        right: 0;
    }
    .close-icon {
        right: 20px;
        top: -50px;
    }
    .button-wrapper {
        text-align: center;
    }
}

@media only screen and (max-width: 560px) {
    .cmp-form-inputs {
        display: block;
    }
    .content .button {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .cmp-subscribe input[type="email"] {
        width: 100%;
        margin-bottom: 20px;
    }
    .cmp-subscribe input[type="submit"] {
        width: 100%;
        margin: 0
    }
}