.primaryAndSecondaryContainer {
    padding-bottom: 90px;
}

.homeSectionPage .primaryAndSecondaryContainer {
    padding-bottom: 0;
}

/* --- remove padding for header --- */
.homeSectionPage .headerAndNavContainer {
    padding-bottom: 0;
}

/* --- set navigation fixed --- */
.headerAndNavContainer {
    position: fixed;
    width: 100%;
    z-index: 1;
    background-color: white;
    padding-bottom: 20px;
}
/* --- remove arrow from dropdowns --- */
.headerAndNavContainer .dropArrow {
    /*display: none;*/
    position: absolute;
    background: rgba(153, 153, 153, .5);
    width: 100%;
    left: 0;
    opacity: 0;
}

/* --- HomePage image gallery --- */
html {
    overflow: auto;
}
.homeSectionPage .hasGridGallery .galleryWrapper {
    display: flex !important;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: start;
    margin-top: 0 !important;
    margin-left: -1px;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease 0.3s;
    -moz-transition: opacity 0.7s ease 0.3s;
    -o-transition: opacity 0.7s ease 0.3s;
    -ms-transition: opacity 0.7s ease 0.3s;
    transition: opacity 0.7s ease 0.3s;
}
.homeSectionPage .hasGridGallery .galleryWrapper .column {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    top: 0;
}
.homeSectionPage .hasGridGallery .galleryWrapper .column .imgGridItem {
    width: 100%;
    margin: 0;
    padding: 0;
    border-color: white;
    overflow: hidden;
    padding-bottom: 4px;
    padding-right: 4px;
}

.homeSectionPage .hasGridGallery .galleryWrapper .column .imgGridItem img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.homeSectionPage .hasGridGallery .galleryWrapper .column .imgGridItem .imgHover-content {
    left:50%;
    white-space: nowrap;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.homeSectionPage .hasGridGallery .galleryWrapper .column .imgGridItem .imgHover-content .contentTitle {
    border: 1px solid white;
    padding: 6px 10px;
}
.homeSectionPage .hasGridGallery .galleryWrapper .contentImg {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    
}
.homeSectionPage .hasGridGallery {
    padding: 0 !important;
}
.home-loading-message {
    width: 100vw;
    text-align: center;
    color: #6c6c6c;
    text-transform: uppercase;
    font-size: 13px;
}
/* --- END HomePage image gallery --- */


/* --- Video gallery thumb dark hover --- */
.videoGallery .imgGridItem {
    /* ---  THIS LINE EDITED BY LUIS OCT 7 2019 - CUSTOMER DOES NOT WANT BLACK BACKGROUND FOR VIDEO GALLERY BLOCKS
    background-color: #000; --- */
}

.videoGallery-vid {
    opacity: 1;
    -webkit-transition: opacity 350ms ease;
    -moz-transition: opacity 350ms ease;
    -o-transition: opacity 350ms ease;
    -ms-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
}

.videoGallery-vid:hover {
    opacity: .2;
}
/* --- END Video gallery thumb dark hover --- */

/* -- simplyScroll plugin for animation on homepage */
/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
  <div class="simply-scroll-btn simply-scroll-btn-left"></div>
  <div class="simply-scroll-btn simply-scroll-btn-right"></div>
  <div class="simply-scroll-clip">
    <ul class="simply-scroll-list">
      <li>...</li>
      ...
    </ul>
  </div>
</div>
*/

.simply-scroll-container {
  position: relative;
  overflow: hidden;
  margin-right: -1px;
}

.simply-scroll-clip {
    height: 100vh;
    overflow: hidden;
}

/* 
UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element 
*/
.simply-scroll-list { 
    margin: 0;
    padding: 0;
    list-style: none;
}
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.simply-scroll-list li img {
    border: none;
    display: block;
}
/* --- END simplyScroll plugin for animation on homepage --- */

/* --- remove paddings on the images from the last column --- */
.simply-scroll-container:last-child .column .imgGridItem {
    padding-right: 0 !important;
}

.blockImg .galleryWrapper .imgGridItem {
    left: calc(100% + 1px);
}
/* --- END remove paddings on the images from the last column --- */

/* --- navigation popup reposition --- */
.navContent ul li:first-child ul {
    left: -1em;
}
.navContent ul li ul {
    left: -1em;
}
.navContent ul li:nth-child(2) ul {
    left: -1em;
}

/* --- color hover for popup items --- */
.headerAndNavContainer .navLabel:hover, .headerAndNavContainer .subNav a:hover {
    color: #000;
}

/* --- artist label highlight (black) on mobile navigation --- */

/* nav #5755 */
.navContainer.mobileSideNav li .navLabel {
    color: #555 !important;
}

.navContainer.mobileSideNav li a {
    color: #000 !important;
}
/* end nav #5755 */

/* --- footer text size --- */
.footerContainer .scCredit {
    padding-top: 14px;
}

.footerContainer {
    position: fixed;
    bottom: 0;
    height: auto;
    width: 100%;
}

/* footer #5755 */

.mobileNav .footerContainer {
    padding: 0 !important;
}

.mobileNav .socialIcons li a {
    margin: 0 10px 6px 10px;
}

.mobileNav .socialIcons li:first-child a {
    margin: 0 10px 6px 0px;
}

.mobileNav .footerInner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
}

/* end footer #5755 */

/* --- image gallery padding --- */
.customImageGallery {
    padding-top: 30px;
}


/* --- second Navigation --- */
.second-navigation {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    font-family: fftisasanswebpro, Arial, Verdana, sans-serif;
}
.second-navigation  a {
    color: #666;
}
.second-navigation  a:hover {
    color: #000;
}
.second-navigation .navLabel {
    padding-right: 30px;
}

.second-navigation .pageTitleContent {
    padding-right: 15px;
}

.second-navigation .pageTitle {
    width: 100%;
}
.second-navigation a {
    margin-right: 35px;
}
.second-navigation a:last-child {
    margin-right: 0;
}
.second-navigation .underlined {
    color: black;
    border-bottom: 1px solid #ebbc35;
}
/* --- END second navigation --- */

/* --- portfolios styles for text and images --- */
.imageGallery .blockText {
    padding: 20px !important;
}
.imageGallery .contentTitle {
    padding-bottom: 20px;
    text-align: center;
    /*color: #000;*/
}
.customVideoGallery .contentTitle {
    padding-bottom: 20px;
    text-align: center;
    /*color: #000;*/
}
.imageGallery .blockImg {
    padding: 0 !important;
    margin: 0 !important;
}
/* --- END portfolios styles for text and images --- */

/* --- media queries --- */
@media (max-width: 768px) {
    .headerAndNavContainer {
        padding-bottom: 0;
    }
    .second-navigation a {
        display: none;
    }
    .second-navigation .pageTitle {
        padding-right: 0;
    }
    
    .homeSectionPage .galleryWrapper {
        max-height: 100vh;
    }
    
    /* ---
    .homeSectionPage .hasGridGallery .galleryWrapper .column .imgGridItem .imgHover-content .contentTitle {
        font-size: 14px;
    }
    --- */
    
    .cols8 .imgGridItem .imgHover-content {
        display: block;
    }
}
@media (min-width: 767px) {
    .homeSectionPage .primaryAndSecondaryContainer {
        min-height: auto !important;
    }
}


@media (max-width: 768px) {
    .pageContainer.homeSectionPage {
        min-height: auto !important;
    }
    .footerContainer {
        position: relative;
    }
}

/* --- END media queries --- */

/* ------------ IMAGE GALLERY MODAL OVERLAY (start) ------------ */
/* Background overlay: */
.publicModalMask {
    background: #fff;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

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

/* Both NEXT and BACK arrows go on a single PNG: */
.modalImageGallery .imageContainer .imgNav {
    background: transparent url(https://static.livebooks.com/ba5efc0d0fa24f36a1f54ee38555595b/i/cedfc9d29ae54cfa850f1cf8d34eb76b/2/5feFb8zhrk/Modal%20Controls.png) 0 50% no-repeat;
}
.modalImageGallery .imageContainer .nextImg {
    position: fixed;
    background-position: right;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    right: 0;
}
.modalImageGallery .imageContainer .prevImg {
    position: fixed;
    background-position: left;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    left: 0;
}

/* Close button: */
.publicModalClose {
    /*
    top: auto;
    bottom: 14px;
    right: calc(50% - 36px);
    */
    top: 0;
    right: 0;
    
    background: transparent url(https://static.livebooks.com/ba5efc0d0fa24f36a1f54ee38555595b/i/cedfc9d29ae54cfa850f1cf8d34eb76b/2/5feFb8zhrk/Modal%20Controls.png) 50% 50% no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}
/* ------------ IMAGE GALLERY MODAL OVERLAY (end) ------------ */