/* ------------ GENERAL (start) ------------ */

/* Logo: */
.headerContainer, .footerContainer {
    padding-left: 70px;
    padding-right: 50px;
}

.headerContent, .navContent, .footerContent {
    max-width: none;
}


/* Set side padding to be a pixel amount: */
@media only screen and (min-width: 768px) {
    .blockContentBleed .blockText {
        padding-left: 50px;
        padding-right: 50px;
    }
}


/* Max logo size: */
.headerContent h1.logo {
    max-width: 400px;
}

.mobileFullNav #navTopLevel {
    overflow: auto;
}

/* Set bold text to specific setting: */
.blockInnerContent b, .itemInnerContent b, .blockInnerContent strong, .itemInnerContent strong {
    font-size: 20px;
    font-weight: 100;
}


/* ------------ GENERAL (end) ------------ */


/* ------------ LOGO / NAVIGATION (start) ------------ */

@media only screen and (max-width: 767px) { /* phones */
    
    /* Move the logo and hamburger out to the edges: */
    .headerContainer {
        padding: 10px;
        padding-left: 30px;
    }
    .headerContent h1.logo, .headerContent h1.logoAndSiteName a.logo {
        max-width: 80%
    }
    
    
    /* Keep logo flush-left: */
    .headerContent {
        padding-left: 0;
    }
    .headerContent h1.siteName, .headerContent h1.siteName a {
        text-align: left;
    }
    .headerContent h1.siteName, .headerContent h1.logoAndSiteName {
        text-align: left;
    }
    .headerContent h1.logo, .headerContent a.logo {
        float: left;
        margin: 0;
    }
    .headerContent h1.logo img, .headerContent a.logo img {
        margin: 0;
        float: left;
    }
    
    /* Decrease nav font size on mobile view: */
    .navContent li a, .navContent li .navLabel {
        font-size: 30px;
    }
    
    /* Fix social icons: */
    .navContent li .navSocialIcons {
        padding-top: 0;
    }
    .navContent li .navSocialIcons a.zocial {
        font-size: 18px;
        margin: 0 10px;
    }
}


/* Fine-tune activated navigation close "X": */
@media only screen and (min-width: 768px) {
    .mobileFullNav .navClose {
        top: 42px;
        right: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .mobileFullNav .navClose {
        top: 8px;
    }
}



/* ------------ NAVIGATION (end) ------------ */



/* ------------ SPLASH SCREEN (start) ------------ */
html { background-color: #FFF; }
body > .siteWrapper { opacity: 0; }
.not-scrollable {
    overflow: hidden;
}
.lb-splashscreen {
    position: fixed;
    z-index: 9999;
    top: 0; bottom: 0;
    left: 0; right: 0;
    text-align: center;
    background: #FFF;
}
.lb-splashscreen > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.lb-splashscreen > div > img {
    max-width: 300px;
}
@media only screen and (max-width: 767px) {
    /* Only limit size of image on devices smaller than desktops: */
    .lb-splashscreen > div > img {
        max-width: 150px;
    }
}
/* ------------ SPLASH SCREEN (end) ------------ */


/* ------------ HOME PAGE SLIDESHOW (start) --------------- */
#home .primaryAndSecondaryContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#home .fs-item { 
    height: 100vh; 
}

#home .headerAndNavContainer {
    position: relative;
    z-index: 2;
}
#home .flex-direction-nav {
    display: none;
}

#home #navTrigger, #home .logo {
    transition: filter 1s linear;
}

/* ------------ HOME PAGE SLIDESHOW (end) --------------- */




/* ------------ STORIES (start) ------------ */

/* Items block - Remove upper main image: */
.fullDetailsItem .blockContainer:nth-child(1) {
    display: none;
}


/* Text over thumbs appear on devices smaller than standard desktops: */
@media only screen and (max-width: 1024px) {
    .imgEffect-content .contentTitle, .imgHover-content .contentTitle,
    .imgEffect-content p, .imgHover-content p {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 100;
        
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


.item {
    /*margin: 0;*/
}



/* ------------ STORIES (end) ------------ */

/* ------------ Motion (start) ------------ */
.modalVideoGalleryContainer .galleryArrow{
  height:100%

    }
.modalVideoGalleryContainer .galleryArrow .galleryArrow--prev{
    }
/* ------------ Motion (end) ------------ */

/* ------------ IMAGE GALLERY MODAL OVERLAY (start) ------------ */
.modalImageGallery .nextImg {
    position: fixed;
    background-position: right;
    right: 0;
}
.modalImageGallery .prevImg {
    position: fixed;
    background-position: left;
    left: 0;
}


.publicModalClose {
    filter: brightness(0);
    /*filter: brightness(0) invert(1);*/
}

/* Background overlay: */
.publicModalMask {
    background: #fff;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: alpha(opacity=95);
}

/* Set side padding: */
.modalImageGallery .imageContainer {
    max-width: calc(100% - 80px);
}

/* ------------ IMAGE GALLERY MODAL OVERLAY (end) ------------ */