/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px){

    /* GENERAL */
    .alignwide{margin-right:-30%;}

    /* HEADER IMAGE */
    .header-image:not(.full){margin:0;}
    .header-image .container-fluid{padding:0 15px 15px 30px;}
    .header-image .container-fluid:before{left:12px;}
    .header-image .container-fluid:after{left:15px;}
    .header-image iframe{height:100vh;min-width:110vw;}

    /* CONTENT */
    .content .container-fluid{padding-left:30px;}
    .content .container-fluid:not(.related):before{left:15px;}
    .content .container-fluid:not(.related):after{left:12px;}

    /* TIMELINE */
    .timeline{padding-bottom:100px;}

    /* RESOURCES - filter */
    .filter p{font-size:18px;line-height:22px;}
    .filter a{font-size:16px;line-height:20px;}

    /* FOOTER */
    footer nav ul{margin:50px -30px;}
    footer nav ul li{margin:0 30px;}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px){

    /* GENERAL */
    main{min-height:calc(100vh - 420px);overflow:hidden;}
    .alignwide{margin:0 15px 0 0;}
    .alignfull{margin:0;max-width:calc(100% - 15px);}

    /* FORUM */
    #af-wrapper{margin:0;}
    
    /* WP CLASSES */
    .alignleft{float:none !important;}
    
    /* HEADER */
    header .menu{overflow: auto;}

    /* QUOTES - block */
    .quotes .texts{padding-bottom:30px;padding-left:15px;}

    /* RESOURCES - featured */
    .featured{margin:0;}

    /* RESOURCES - filter */
    .filter{margin:0;padding:15px;}
    .filter form{border:none;padding:30px 0;}

    /* RESOURCES POPUP */
    .resource-popup article,
    .resource-popup aside{padding:60px 30px}

    /* TWITTER */
    .twitter{padding:0;}
    .twitter .date{margin-bottom:40px;}

    /* FOOTER */
    footer form{margin-top:30px;}
    footer p{padding-bottom:30px;}
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px){
    
    /* GENERAL */
    body{font-size:16px;line-height:22px;}
    .max-width-320{max-width:320px;}
    article p{padding-bottom:15px;}

    /* GROUP - block */
    .wp-block-group{margin:15px 0;}

    /* QUOTES */
    .quotes .texts{padding:30px;}
    .quotes .images figure{height:400px;}
    .quotes .photos{margin-bottom:30px;}

    /* HIGHLIGHTS */
    .highlights #hl-scene-2 .text-right{text-align:left !important;}
    .highlights #hl-scene-2 h2{max-width:100%;padding-bottom:15px;}

    /* TEAM */
    .team .item{width:calc(100% / 3 - 60px);}

    /* TEAM - single */
    .single-team .profile-content{margin-top:40px;}
    .profile-header h2{padding-top:100px;}
    .single-team .profile-content article{padding-top:0;}

    /* PROFILE HEADER */
    .profile-header p{font-size:18px;line-height:22px;}

    /* BLOG */
    .blog .page-title{padding-top:0;}

    /* TEMPLATE - Title Below Image */
    .page-template-title-below-image .title{padding: 30px 0;}
    .page-template-title-below-image .title p{font-size:16px;line-height:18px;}
    .page-template-title-below-image .content .container-fluid{padding-left:15px;}
    .page-template-title-below-image .header-image{min-height:300px;}
    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px){

    /* GENERAL */
    body{padding-top:73px;}
    section{padding:40px 0;}

    /* BUTTON */
    .wp-block-button .wp-block-button__link{font-size:18px;line-height:22px;padding:5px 10px;}

    /* QUOTES */
    .quotes .images figure{height:200px;}
    .quotes .texts p{font-size:18px;line-height:22px;}

    /* MEDIA - block */
    .wp-block-media-text{margin:30px 0;}
    .wp-block-media-text .wp-block-media-text__media{margin:30px;}

    /* HEADINGS */
    main h2, .block-editor-writing-flow h2{font-size:30px;line-height:30px;}

    /* TEAM */
    .team .item{width:calc(100% - 60px);}

    /* TEAM - single */
    .single-team .profile-header .title{padding-left:0;}
    .single-team .profile-content article{padding-top:90px;padding-left:0;}
    .single-team .resources{padding:40px 15px;}

    /* PROFILE HEADER */
    .profile-header h2{font-size:40px;line-height:42px;padding-top:30px;}

    /* RESOURCES */
    .resources{padding:40px 0;}
    .resources .box{margin: 61px 0 30px 31px;}

    /* RESOURCES - featured */
    .featured .item:not(:first-child){display:none;}

    /* HEADER */
    header .menu{width:100%;}
    header .bt-menu-wrapper{height:22px;}
    header li a:before{display:none !important;}
    header ul ul{position:relative;left:0;top:10px;margin:0 -30px 20px;width:100vw !important;padding:10px 30px !important;display:none;}
    header ul ul:before{content:'';width:10px;height:10px;background:var(--cyan);position:absolute;top:-5px;left:30px;transform:rotate(45deg);}
    header ul ul li{text-align:left;}
    header li.active ul{display:block;}

    /* BLOG */
    .blog .newsletter{display:none;}

    /* HIGHLIGHTS */
    .highlights #hl-wrapper{height:calc(100vh - 73px);}
    .highlights #hl-trigger{top:calc(50vh - 73px);}
    .highlights .scene .fullheight{height:calc(100vh - 190px);}
    .highlights .container-fluid{padding:30px;}
    .highlights h2{font-size:30px;line-height:32px;}
    .highlights #hl-background iframe{height: 200vh;width: 200vh;max-width:initial !important;top: -50vh;}
    .highlights .text{height:calc(100vh - 130px);}

    /* SLIDER */
    .slider .row{padding:60px 15px;height:80vh;}
    .slider h2{font-size:18px;line-height:20px;}
    .slider .wp-block-button__link{font-size:12px !important;line-height:12px !important;padding:5px;margin-top:0;}
    .slider .navigation a{width:50px;background-size:100%;background-repeat:no-repeat;background-position:center;margin:0;}

    /* BLOG */
    .blog .page-title{padding-top:0;}
    .blog.related .section-title:before{top:100px;}
    .blog.related .section-title:after{top:96px;}

    /* HOME */
    .home .blog{padding-bottom:0;}

    /* HEADER IMAGE */
    .header-image iframe{height: 100vh;width: 318vw;max-width: initial !important;}

    /* PROJECT - single */
    .single-project .resources{padding:40px 0;}

    /* PROJECTS */
    .projects{margin:0;}
    .project.item .box{margin-bottom:15px;margin-right: 0;margin-left: 30px;}

    /* CONTENT */
    .content .container-fluid:not(.related):before,
    .content .container-fluid:not(.related):after{display:none;}

    /* POPUP HOME */
    .popup-home .box{max-width:calc(100% - 30px);}
    .popup-home figure{width:100%;}
    .popup-home article{width:100%;}

    /* FOOTER */
    footer form{margin-right:-15px;}
    footer label .fas{display:none;}
    footer input[type="text"],
    footer input[type="email"]{margin-right:15px !important;max-width:calc(100% - 18px) !important;}
    form[name="newsletter"] input[type="submit"]{right:15px !important;}

}