/*
Theme Name: PERFECT10
Author: BEATTHEWHITES
Text Domain: perfect10
Version: 1.0
*/

/* .ecosystem_section .eco_animation .eco_link {
    transition: transform 1200ms ease-in-out, opacity 800ms ease-in-out;
    transform: translate(0,0) !important;
    opacity: 0 !important;
}

.ecosystem_section .eco_animation.active .eco_link{
    opacity: 1 !important;
} */


/* .ecosystem_section .eco_animation.active .eco_link:first-child {
    transform: translate(-9px, -163px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(2) {
    transform: translate(177px, -101px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(3) {
    transform: translate(211px, -5px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(4) {
    transform: translate(171px, 109px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(5) {
    transform: translate(-83px, 143px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(6) {
    transform: translate(-187px, 23px) !important;
}

.ecosystem_section .eco_animation.active .eco_link:nth-child(7) {
    transform: translate(-130px, -101px) !important;
} */


.video_is_playing .play_video {
    display: none;
}

.single-post .global_wrapper {
    overflow-x: hidden;
}


.page-template-homepage .home_hero video {
    height: auto !important;
}

.page-template-homepage .scroll_icon {
    display: none !important;
}

@media screen and (min-width: 68.8125em) {
    .page-template-homepage .global_header .header_wrapper {
        max-width: 904px;
    }
}


@media screen and (min-width: 106.313em) {
    .page-template-homepage .global_header .header_wrapper {
        max-width: 1360px;
    }
}




.best_moments_content.play_video {
    padding: 0 120px;
}


.best_moments_content .video_frame {
    width: 100%;
    margin: auto;
    position: relative;
    padding-top: 56.25%;
}

.best_moments_content .video_frame > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.slick-arrow.slick-disabled {
  opacity: 0.5;
}

.best_moments_section .video_title {
    padding-top: 15px;
}

/*.carousel_pagitation {
    display: none !important;
}
*/
.our_eco_load_more {
    margin-right: auto;
    margin-left: auto;
    grid-column: 1/-1;
}

.eco_module .post__img > a:hover img {
    mix-blend-mode: luminosity;
}

.eco_module .post__img > a:before {
    left: 50px;
    right: 50px;
    width: auto;
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
    .eco_module .post__img > a:before {
        left: 50px;
        right: 50px;
    }

/*    .global_header {*/
/*        background-color: #000C3A;*/
/*        height: 136px;*/
/*    }*/
    
    .global_header,
    .page-template-homepage .global_header {
        height: 74px;
        background-color: #000C3A;
    }

    .global_header .header_logo,
    .page-template-homepage .global_header .header_logo {
        display: block;
        top: 17px;
        width: 83px;
    }

    .global_header .header_btn,
    .page-template-homepage .global_header .header_btn {
        width: 47px;
        padding-top: 27px;
    }
}

@media screen and (min-width: 1024px) {
    .eco_module .post__img > a:before {
        left: 10px;
        right: 10px;
    }
}


@media screen and (min-width: 1701px) {
    .year_wrapper .best_moments_section .best_moments_carousel {
        padding: 0 120px;
    }

    .eco_module .post__img > a:before {
        left: 20px;
        right: 20px;
    }
}

@media screen and (max-width: 1700px) and (min-width: 768px) {
   .year_wrapper .best_moments_section .best_moments_carousel .slick-arrow.slick-prev {
            left: -51px;
    }

    .year_wrapper .best_moments_section .best_moments_carousel .slick-arrow.slick-next {
            right: -51px;
    } 
}



@media screen and (max-width: 767px) {
    .year_wrapper .best_moments_section .best_moments_carousel .slick-arrow.slick-prev {
        /* left: -27px;*/
        left: auto;
        top: 0;
        right: 55px;
        top: -34px;
    }

    .year_wrapper .best_moments_section .best_moments_carousel .slick-arrow.slick-next {
        /* right: -27px;*/
        right: 0;
        top: -34px;
    }

    .best_moments_content.play_video {
        padding: 0;
    }

    .magazine_covers_section .magazine_covers_container .magazine_cover {
        padding-right: 14px;
    }

    .magazine_covers_section .magazine_covers_container .slick-list{
        margin-right: -56px !important;
    }


    .best_moments_section .best_moments_carousel .slick-arrow {
        top: calc(50% - 65px);
    }

  /*  .best_moments_carousel {
        padding-top: 35px;
    }*/

    .best_moments_carousel .slick-list {
        margin: 0 -36px;
    }

    .best_moments_section .section_title,
    .magazine_covers_section .section_title {
        margin-bottom: 60px;
    }

    .best_moments_section .video_title {
        padding-left: 36px;
        padding-right: 36px;
    }

    .best_moments_section .carousel_pagitation {
        position: relative;
        top: -5px;
    }

    .eco_module:nth-child(5),
    .eco_module:nth-child(6),
    .eco_module:nth-child(7),
    .eco_module:nth-child(8),
    .eco_module:nth-child(9),
    .eco_module:nth-child(10) {
        display: none;
    }

    .global_header .header_btn {
        width: 39px;
    }

    .page-template-the-story .story_header .post_img img {
        display: none;
    }

    .page-template-the-story .story_header .post_img:after { 
        background: url(assets/img/icons/10-years-fortune-greece-celebration-white.svg) no-repeat scroll center center transparent;
        background-size: contain;
    }
}



@media screen and (min-width: 1101px) and (max-width: 1700px) {
    .voices_carousel_section .voices_carousel .slick-arrow.slick-next {
        left: 467px;
    }

    .voices_carousel_section .voices_carousel .slick-arrow.slick-prev {
        left: 117px;
    }
}


@media screen  and (min-width: 1701px) {
    .page-template-homepage .global_header .main_navigation .menu li {
         font-size: 28px;
    }
}