/*
CTC Separate Stylesheet
Updated: 2019-07-20 11:44:16
*/
@import url(fonts/encode-sans/css/encode-sans.css);
@import url(fonts/amatic-ts/stylesheet.css);

body {
    hyphens: auto;
}
body.page-two-column:not(.archive) #primary .entry-header {
    float: none;
    width: 100%;
}
body.page-two-column:not(.archive) #primary .entry-content {
    float: none;
    width: 100%;
}
.site-info span, .site-info a {
    display: none;
}
.site-info a.privacy-policy-link {
    display: inline;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    font-family: "Encode Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
    font-family: "Encode Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}

h1, h2, h3 {
    font-weight: 500;
    hyphens: none;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
    font-weight: 300;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul {
    margin-left: 1.5em;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top a {
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 1.5px;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

body:not(.title-tagline-hidden) .site-branding-text {
    display: block;
}
.site-title {
    text-align: center;
}
body.has-header-image .site-title a {
    color: #fff;
    font-family: amatic-ts, "Encode Sans", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 48px;
    font-weight: bold;
}
body.home.has-header-image .site-title a {
    /*@link https://zellwk.com/blog/hide-content-accessibly/#the-snippet*/
    opacity: 0;
    pointer-events: none;
    position: absolute !important;
}

/** Test: Hanging Headline **/
/*.home.blog.has-header-image header .site-branding {
    bottom: unset;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 4rem;
    width: 100vw;
    z-index: 0;
}
body.home.has-header-image .site-title a {
    color: #000;
    font-family: amatic-ts, "Encode Sans", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 8vw;
    font-weight: normal;
    opacity: 1;
    pointer-events: unset;
    position: static !important;
}*/


/*---
OTHER
---*/
/* Instagram / Facebook */
#media_image-3 figcaption,
#media_image-4 figcaption {
    font-style: normal;
    text-align: center;
}
#post-2 figcaption {
    font-style: normal;
    font-size: 38px;
    padding: 20px 10px 10px;
}

/* Gallery previews */
@media (max-width:599px) {
    #post-2 .wp-block-gallery {
        display: block;
        flex-wrap: unset;
    }
    #post-2 .blocks-gallery-item {
        width: 100%;
    }
}
