/* colors

* black: #000000
* white: #ffffff
* gray: #818790
* light gray: #c4c4c4
* dark gray: #4a4a4a
*/

/* columns, tablet breakpoint... */
.hm-mobile-only {
	display: none !important;
}
@media only screen and ( min-width: 782px ) {
    .hm-mobile-only {
        display: none !important;
    }
}
@media only screen and ( max-width: 781px ) {
    .hm-mobile-only {

        display: inherit !important;
    }
}    
.hm-desktop-only {
	display: none;
}
@media only screen and ( min-width: 782px ) {
    .hm-desktop-only {
        display: inherit !important;
    }
}
@media only screen and ( max-width: 781px ) {
    .hm-desktop-only {        
        display: none !important;
    }
}

header {
    transition: top 888ms ease-in, opacity 444ms ease-in-out;
    width: 100%;
    top: 0;
    left: 0;   
    opacity: 1;     
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {    
    text-decoration: none;
}

.wp-block-navigation__responsive-container-close {
    scale: 1.5;
}
.wp-block-navigation__responsive-container {
    padding-top: var(--wp--preset--spacing--70) !important;
}

.wp-block-navigation__responsive-container-open::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    /* background-image: url("data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;        
    vertical-align: middle;
}

/* Hide the original SVG if it exists */
.wp-block-navigation__responsive-container-open svg {
    display: none;
}

figure.alignfull figcaption {
    padding-left: var(--wp--style--root--padding-right);
    padding-right: var(--wp--style--root--padding-right);
}

figcaption {
    color: var(--wp--preset--color--accent-2);
}

.wp-block-navigation__responsive-container-open {
    transform: scale(1.5);
}
body.home {
    /* background: transparent !important; */
    background: rgba(129, 135, 148, 0.2);
    transition: background 800ms ease-in-out;  
    transition-delay: 400ms;
}
body.home.loaded {
    background: rgba(129, 135, 148, 0);
}

body.single-post .wp-block-post-title {
    opacity: 0;
}

body.single-post .wp-block-image {
    margin-bottom: var(--wp--preset--spacing--80);
    margin-top: var(--wp--preset--spacing--80);
}
body.single-post .is-layout-flow > :first-child {
    margin-top: 0 !important;
}
    

header,
.header-home {
    position: relative;
    z-index: 100;
}
.hm-quote {
    position: relative;
    transition: background-color .3s ease;  
    transition-delay: 444ms;  
    background-color: rgba(255,255,255,0);
    opacity: 0;

    .wp-block-site-logo,
    .logo { 
        filter: invert(0);
        transition: filter .3s ease;
        transition-delay: 444ms;
    }
    .wp-block-navigation__responsive-container-open {
        transition: filter .3s ease;
        transition-delay: 444ms;
        filter: invert(0);
    }
    .hm-pullquote {
        transition: color .3s ease;
        transition-delay: 444ms;
        color: #000000;
        z-index: 2;
        position: relative;        
        a {
            cursor: default;
            text-decoration: none;
            position: relative;
            display: inline-block;                              
        }
    }
    .image-underlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;        
        z-index: 1;   
        width: 100%;
        height: 100%;     
        .image {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;        
            z-index: 1;   
            width: 100%;
            height: 100%;     
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0;
            transition: opacity 3s ease;
            transition-delay: 444ms;
            background-color: black;
        }
    }
}
.hm-quote.is-hovering {
    /* background-color: #000000; */
    .hm-pullquote {
        color: #ffffff;
        a:before {
            background: #ffffff;            
        }
    }
    header,
    .header-home {
        .wp-block-site-logo,
        .logo {
            filter: invert(1);
        }
        .wp-block-navigation__responsive-container-open {
            filter: invert(1);
        }
    }
}

@media only screen and ( max-width: 781px ) {
    :root {
        --wp--style--global--content-size: 100%;
    }
    .wp-block-post-title {
        max-width: 100%;
    }
    .hm-quote .wp-block-pullquote {
        max-width: 100% !important;
        
    }
    .hm-pullquote {
        min-height: 84vh !important;
        padding-bottom: 14% !important;
    }
    .mark-only.wp-block-site-logo img {
        width: 70px !important;
        height: 70px !important;
    }
    .wp-block-post-navigation-link a {
        font-size: 13px !important;
    }

}

ul.wp-block-navigation__container,
ul.wp-block-navigation__container li,
ul.wp-block-navigation__container li a {
    width: 100%;
}

ul.wp-block-navigation__container li a {

}

ul.wp-block-navigation__container li a:hover {
    color: #818790 !important;
    text-decoration: none;
}

.work-meta {
    opacity: 0;    
}

.wp-block-post-navigation-link a,
.wp-block-post-navigation-link .is-arrow-arrow {
    text-decoration: none;
    color: var(--wp--preset--color--contrast);
}
.wp-block-post-navigation-link a:hover {
    color: var(--wp--preset--color--accent-2);
    text-decoration: none;
}


/* form styles */
.gform-theme {
    width: 50%;
}
#gform_1 {
    width: 100%;
}

#gform_1 input {
    box-shadow: none !important;
    border: none;        
}

#gform_1 .gform_fields {
    column-gap: 0;    
    border-bottom: solid 1px black;   
    grid-template-columns: repeat(24, 1fr); 
    position: relative;
}
#gform_1 .gfield_description {
    position: absolute;
    bottom: -40px;
    left: 0;
}
#gform_1 input {
    padding-left: 0 !important;        
}
#gform_1 .gfield--type-email {
    grid-column: span 20;
}
#gform_1 .gfield--type-submit {
    grid-column: span 4;
    justify-content: flex-end;
    padding: 0;
}
#gform_1 .gfield--type-submit input {
    padding: 0;
}
#gform_1 .gfield--type-submit input:hover,
#gform_1 .gfield--type-email input:focus {
    background: none;
}


/* Modify Envira Gallery styles */
.envira-gallery-wrap.envira-layout-grid {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);    
}
.envirabox-theme-base_dark .envirabox-toolbar {
    top: 0 !important;
    right: 0 !important;
    padding-right: 30px;
    padding-top: 20px;
    height: unset;
}
.envirabox-theme-base_dark .envirabox-caption-wrap {
    background: transparent !important;
}
.envirabox-container .envirabox-bg{
	opacity: 1;
	background:#fff
}

.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--right,
.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--left {
	color: var(--wp--preset--color--contrast) !important;
}

.envirabox-container .envirabox-thumbs > ul > li > img{
	opacity: .8;
}
.envirabox-container .envirabox-thumbs > ul > li.envirabox-thumbs-active.focused > img{
	opacity: 1;
}

.envirabox-navigation .envirabox-arrow--right {
    right: 30px;
}
.envirabox-navigation .envirabox-arrow--left {
    left: 30px;
}

.envirabox-container .envirabox-toolbar .envira-close-button::before,
.envirabox-container .envirabox-navigation .envirabox-arrow span::before{
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
}

.envirabox-container .envirabox-toolbar .envira-close-button::before{
	background: url("../../assets/images/hm-close-wp.svg") no-repeat center/cover;
    width: 36px;
    height: 36px;
    z-index: -1;
}
.envirabox-theme-base_dark .envirabox-toolbar>div,
.envirabox-theme-base_dark .envirabox-toolbar>div a {
    width: 36px;
    height: 36px;
    margin: 0;
}

.envirabox-container .envirabox-navigation .envirabox-arrow--left span::before{
	/* background: url("../../assets/images/hm-arrow-left.svg") no-repeat center/cover; */
    content: '←';
    font-size: 24px;   
    line-height: 1; 
    font-weight: bold;
    display: inline-block;
    color: var(--wp--preset--color--contrast);
}

.envirabox-container .envirabox-navigation .envirabox-arrow--right span::before{
	/* background: url("../../assets/images/hm-arrow-right.svg") no-repeat center/cover; */
    content: '→';
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    display: inline-block;   
    color: var(--wp--preset--color--contrast); 
}

@media only screen and (max-width: 855px) {
    .envirabox-caption-wrap {
        display: none !important;
    }
    .envirabox-navigation {
        display: none !important;
    }
    .envirabox-navigation a {
        top: 80% !important;
    }
    .envirabox-thumbs.envirabox-thumbs-bottom {
        display: none !important;
    }
}