.node--type-gallery.node--view-mode-teaser.teaser div.field--name-field-gallery-photo.field--type-image div.field__label,
.node--type-gallery.node--view-mode-teaser.teaser div.field--name-field-gallery-photo.field--type-image div.field__item {
    display: none;
}

.node--type-gallery.node--view-mode-teaser.teaser div.field--name-field-gallery-photo.field--type-image div.field__item:first-child {
    display: block;
}
.node--type-gallery.node--view-mode-teaser.teaser h2.node__title.teaser__title {
    min-height: 90px;
}
.node--type-gallery.node--view-mode-teaser.teaser div.teaser__top {
    min-height: 90px;
}


nav#block-philsca-mainnavigation {
    position: absolute;
    bottom: -45px;
}

nav#block-philsca-mainnavigation ul {
    list-style: none;
}

nav#block-philsca-mainnavigation ul li {
    position: relative;
    display: inline;
    padding: 10px;
}

nav#block-philsca-mainnavigation ul.menu.menu--level-2 li {
    display: block;
}

nav#block-philsca-mainnavigation ul li a {
    text-decoration: none;
}

div.field.field--name-field-media-oembed-video,
.media-oembed-content {
    width: 85vw;
    height: 50vh;
}

button span.mobile-nav-button__label {
    display: none;
}

/* hide author info for node-14 video */
article[data-history-node-id="15"] div.teaser__meta {
    display: none;
}

.field.field--name-field-gallery-photo.field--type-image img {
    display: inline;
    width: 24vw;
    height: 24vh;
}

div.photo-gallery-image-field-container {
    display: inline-block; 
    width: 100%; 
    height: 180px; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    cursor: pointer;
}

div.modal div.photo-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    width: 100%;
    height: 500px;
    
    justify-content: center;
    align-items: center;
    
    z-index: 10000;
    
    display: flex;
    position: relative;
}

div.modal-header {
    background-color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div.modal-body {
    background-color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
button.close-photo-gallery-modal {
    position: relative;
    right: -94%;
    cursor: pointer;
}

div.modal-body div.photo-content {
    background-size: cover; 
    width: 100%; 
    height: 500px; 
    z-index: 1000; 
    align-items: center; 
    justify-content: center;
}

ul.menu.menu--level-2 {
    display: none;
    position: absolute;
    right: -80px;
    width: 180px;
    
    padding: 3px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    border-top-left-radius: 0px;
}

ul.menu li.menu__item.menu__item--has-children:hover ul.menu.menu--level-2 {
    display: block;
}

div.view.view-photo-gallery.view-id-photo_gallery div.col.col-4 {
    width: 100%;
}


div.prev-photo .fa-chevron-left,
div.next-photo .fa-chevron-right {
    position: absolute;
    left: 4%;
    color: white;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);

    z-index: 10001;
    top: 50%;
    font-size: 24pt;
    font-weight: 600;
    
    cursor: pointer;
    
}
div.next-photo .fa-chevron-right {
    left: 92%;
    
}
em.placeholder {
    background-color: transparent;
}
em.placeholder a {
    color: white;
    font-weight: 600;
    text-decoration: none;
    padding: 0 10px;
    
    position: relative;
    top: -2px;
}
@media (max-width: 512px) and (orientation: portrait) {
    nav#block-philsca-mainnavigation {
        position: absolute;
        bottom: -65px;
        left: -52px;
    }
    
    button span.mobile-nav-button__label {
        display: none;
    }

    div.photo-gallery-image-field-container {
        height: 135px; 
    }

    .field.field--name-field-gallery-photo.field--type-image img {
        display: inline;
        width: 24vw;
        height: 14vh;
    }

    
    
}