/*
Theme Name: Core Sixteen
Theme URI: https://www.dreamsedge.ie/themes/coresixteen/
Author: the WordPress team
Author URI: https://www.dreamsedge.ie/
Description: Core Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: coresixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* THE BASICS */
html, body { font-family: 'Open Sans', sans-serif; }
.site {
    background-color: #F2F2F2;
}

.site-content {
    font-size: 16px;
    padding-top: 2em;
}


body .site-branding img { max-height: 65px; max-width: none; margin: 0; transition: all linear 0.3s; }
    body.home.scroll-top .site-branding img { max-height: 50px; }
    body .site.fixed-header header.site-header {
        transition: all linear 0.3s;
        background-color: rgb(204, 34, 107);
    }

/* .menu-item-23, .menu-item-25, .menu-item-26, .menu-item-22 label.collapse-trigger { font-weight: 800; } */

input#menus-open ~ header label[for="menus-open"].collapse-trigger, 
input#menus-close ~ header label[for="menus-close"].collapse-trigger {
    color: #fff;
}
.site-header-main {
    padding-left: 80px;
}
#menu-controls {
    float: left;
}
#menu-controls, .cta {
    margin-left: -80px;
}
body .site-branding {
    text-align: right;
}


    @media screen and (min-width: 1200px) {
        .site-header-main {
            padding-left: 15px;
        }
        body .site.fixed-header header.site-header {
            height: 90px;
        }

        body .site-branding {
            text-align: left;
        }

        body .site-branding img {
            margin: 1em 0;
        }
        body.home.scroll-top .site-branding img {
            max-height: 75px;
        }
        
        body.home.scroll-top .site.fixed-header header.site-header {
            height: 105px;
        }

        .site-header-menu {
            padding: 1.5em 0;
            transition: padding linear 0.3s;
            text-transform: uppercase;
        }

        body.home.scroll-top .site-header-menu {
            padding: 2em 0;
        }

        #menu-controls {
            float: none;
        }
    }

    .entry-title, /* .site-header-menu, */
    .sidebar .widget > .tagged-widget > h1, .tagged-entry .read-more, .entry-content h1, .carousel-hero-caption-layout .carousel-hero-caption .carousel-title, .carousel-indicators .carousel-thumbnail .carousel-title {
        font-family: 'Archivo Black', sans-serif;
        text-transform: uppercase;
        color: #666;
    }

    .carousel-controls {
        display: none;
    }

    .carousel-hero-caption-layout .carousel-hero-caption {
        top: 150px;
        bottom: auto;
        box-shadow: none;
        background-color: #28AC97;
        color: white;
    }

        .carousel-hero-caption-layout .carousel-hero-caption .carousel-title {
            color: white;
        }

    .entry-title a, .entry-title a:hover, .entry-title a:focus {
        color: #666;
        box-shadow: none;
        text-decoration: none;
    }

    .cat-links a {
        background-color: #444;
        color: white;
        padding: 0.125em 0.5em;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.6em;
    }

        .cat-links a:hover {
            background-color: #222;
        }

    .entry-footer a:hover {
        color: white;
    }

    .card {
        background-color: #FFF;
        padding: 1em;
        margin-bottom: 1em;
    }

    .blog article {
        background-color: #FFF;
        padding: 1em;
        margin-bottom: 0.25em;
        padding-left: 100px;
        position: relative;
    }
    .blog.columns-2 article {
        margin-bottom: 1em;
    }
    .blog.columns-2 article:nth-child(2n+1) { margin-right: 0; }
    .blog .entry-footer {
        position: absolute;
        top: 0;
        left: 0;
    }
    body:not(.search-results) .blog article:not(.type-page) .entry-footer {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    .blog .post-thumbnail {
        margin-bottom: 1em;
    }
    .blog .post-thumbnail img {
        width: 100%;
    }
    
    @media screen and (min-width: 61.5625em) {
        .blog h2.entry-title {
            margin-bottom: 0;
        }
    }
    .home .blog article {
        background-color: #d7e8e6;
    }

    @media screen and (min-width: 44.375em) {
        .single article {
            padding-left: 100px;
        }
            .single article footer {
                margin-left: -100px;
            }

    }

    body.single article.type-post .entry-title {
        color: #cc226b;
    }

    .blog article.type-post .entry-title > a {
        font-size: 0.7em;
        line-height: 1.2em;
        display: inline-block;
    }

    @media screen and (min-width: 61.5625em) {
        body.single article.type-post .entry-content {
            width: 100%;
        }
    }

    body.single article.type-post .entry-footer {
        width: auto;
    }

    .home .blog, .home .recent-facebook-posts {
        text-align: left;
        vertical-align: top;
        background-color: #FFF;
        padding: 1em;
    }

    .home .blog > .title-block {
        position: relative;
    }

        .home .blog > .title-block > img {
            width: 100%;
        }

        .home .blog > .title-block > br {
            display: none;
        }

        .home .blog > .title-block > h1 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50%;
            background-color: #28AC97;
            color: white;
            margin: 0;
            padding: 1em;
        }

    .home .blog .entry-summary {
        border-bottom: 1px solid rgb(68, 68, 68);
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    @media screen and (min-width: 1200px) {
        .home .blog, .home .recent-facebook-posts {
            float: left;
            width: 49%;
            margin-right: 2%;
            min-height: 940px;
        }
        .home .recent-facebook-posts {
            margin-right: 0;
        }
        .blog.columns-2 article {
            width: 49%;
            margin-right: 2%;
            float: left;
            height: 319px;
        }
    }

    #header-widget {
        display: none;
    }
    @media screen and (min-width: 1200px) {
        #header-widget {
            display: inline-block;
            padding-right: 15px;
        }
    }

    #header-widget .widget {
        padding-top: 0;
        border: none;
    }

    #header-widget .widget_search button[type='submit'] {
        vertical-align: middle;
        position: relative;
        border: 1px solid rgba(0,0,0,0);
        background-color: transparent;
    }

    #header-widget .widget_search:hover button[type='submit'] {
        margin-left: -8px;
        background-color: #444;
        border-radius: 0 6px 6px 0;
    }

    #header-widget .widget_search > form > label {
        display: inline-block;
        max-width: 0;
        opacity: 0;
        vertical-align: middle;
        margin: 0;
        -webkit-transition: max-width 0.3s;
        transition: max-width 0.3s;
    }

    #header-widget .widget_search:hover > form > label {
        opacity: 1;
        max-width: 150px;
        margin-left: 1em;
    }

    #header-widget .widget_search input[type='search'].search-field {
        width: 100%;
        padding: 0;
        color: #444;
        border-color: #444;
        border-radius: 6px;
    }

    #header-widget .widget_search:hover input[type='search'].search-field {
        padding: 0.4615384615em 0.5384615385em;
    }

    #header-widget .widget_tagged_widget .tagged-widget, #header-widget .widget_tagged_widget .widget {
        display: inline-block;
    }

    #header-widget a {
        font-size: 2em;
    }

    #header-widget p {
        margin-bottom: 0;
        line-height: 1em;
        display: inline-block;
        vertical-align: middle;
    }


    .main-navigation ul.nav-menu > li > .collapse-triggers > label.collapse-trigger {
        line-height: 1.3em;
    }

    .main-navigation ul.nav-menu > li > a, .main-navigation ul.nav-menu > li > .collapse-triggers > label {
        padding: 1em;
    }

        .main-navigation ul.nav-menu > li > a, .main-navigation ul.nav-menu > li > .collapse-triggers > label > a,
        .main-navigation a:hover, .main-navigation a:focus, .main-navigation input.collapse + .collapse-triggers > label.collapse-trigger > i {
            color: white;
        }

    /* FULL WIDTH MENU */
    /*
.site-header-menu {
    background-color: rgb(55, 151, 47);
    color: white;
    clear: both;
    font-size: 23px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 1em 0;
}
.main-navigation ul li { padding: 0 1em; }
    .site-header-menu a, .main-navigation a:hover, .main-navigation a:focus, 
    .main-navigation input.collapse + .collapse-triggers > label.collapse-trigger > i,
    .main-navigation li:hover > a, .main-navigation li.focus > a {
        color: white; text-decoration: none;
    }

    .main-navigation .nav-menu > li > a { padding: 0 1em; display: inline-block; }
    .main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger > a { padding: 0 0 0 1em; }

    .main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger,
    .main-navigation .nav-menu > li:not(.menu-item-has-children), 
    .main-navigation .nav-menu > li > .collapse-triggers > .collapse-trigger > a  { border-radius: 0; }

    .main-navigation .nav-menu > li > .sub-menu.dropdown,
    .main-navigation ul ul li {
        background-color: rgb(55, 151, 47);
    }
    .main-navigation .nav-menu > li > .sub-menu.dropdown {
        border-radius: 0;
        margin-left: -150px; width: 300px;
        left: 50%;
    }
    .main-navigation .nav-menu > li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger:after, 
    .main-navigation .nav-menu > li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger:before, 
    .main-navigation .nav-menu > li.menu-item:hover > input.collapse + .collapse-triggers > label.collapse-trigger:after {
        border-bottom-color: rgb(55, 151, 47);
    }
*/

    .sidebar .widget > .tagged-widget > h1 {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
    }

    time.published, time.modified, .events time {
        background-color: #444;
        color: white;
        display: inline-block;
        padding: 0.5em 1em;
        position: relative;
    }

        time.published:after, time.modified:after, .events time:after {
            content: " ";
            display: block;
            position: absolute;
            top: 50%;
            right: -20px;
            margin-top: -10px;
            border: 10px solid transparent;
            border-left-color: #444;
            z-index: +1;
        }

        time.published > span, time.modified > span, .events time > span {
            display: block;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
            line-height: 1em;
        }

            time.published > span.day, time.modified > span.day, .events time > span.day {
                font-size: 36px;
            }

            time.published > span.month, time.modified > span.month, .events time > span.month {
                font-size: 18px;
            }

            time.published > span.year, time.modified > span.year, .events time > span.year {
                font-size: 18px;
            }

    .events li.event {
        background-color: #FFF;
        list-style: none;
        margin-bottom: 0.25em;
        padding-left: 100px;
    }

    .events time {
        margin-right: 1em;
        margin-left: -100px;
        background-color: #cc226b;
        min-width: 75px;
    }

        .events time:after {
            border-left-color: #cc226b;
        }

    .events time, .events .event-detail {
        display: inline-block;
        vertical-align: top;
    }

    .events .event-detail {
        padding: 1em;
    }

    .events .event .description {
        font-weight: 700;
        line-height: 1.2em;
        font-size: 0.9em;
    }

    .events .event-link {
        font-weight: 700;
        color: #cc226b;
        display: block;
    }

    .blog time, time.published, time.modified {
        background-color: #28AC97;
    }

        .blog time:after, time.published:after, time.modified:after {
            border-left-color: #28AC97;
        }

    .entry-content h2:first-child {
        font-size: 1.75em;
        font-weight: normal;
    }

    body:not(.search-results) .tags-links {
        display: none;
    }

    .rfbp-post {
        border-bottom: 1px solid rgb(68, 68, 68);
        margin-bottom: 1em;
    }

        .rfbp-post:after {
            content: " ";
            display: block;
            clear: both;
        }

    p.rfbp-image-wrap {
        float: left;
        margin-right: 1em;
        max-height: 100px;
        overflow: hidden;
        width: 150px;
    }

    @media screen and (min-width: 56.875em) {
        .sidebar .widget {
            padding-top: 0;
        }

        .site-header-menu {
            display: inline-block;
        }
    }

    @media screen and (min-width: 61.5625em) {
        body.page-template-page_date-sidebar article .entry-content {
            float: right;
            width: 71.42857144%;
        }

        body.page-template-page_date-sidebar article .entry-footer {
            float: left;
            margin-top: 0.1538461538em;
            width: 21.42857143%;
        }

        body.page-template-page_date-sidebar article:not(.sticky) .posted-on {
            display: inline-block;
        }

        .entry-title {
            font-size: 54px;
            font-size: 3.5rem;
        }

        body.page-template-page_date-sidebar article.type-page > .entry-footer {
            /* display: none; */
        }
    }

    @media screen and (min-width: 1200px) {
        .site.fixed-header .site-content {
            padding-top: 140px;
        }
        .site.fixed-header > .site-inner > img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
            width: 100%;
            padding-top: 90px;
        }
            .site.fixed-header > .site-inner > img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image + .site-content {
                padding-top: 50px;
            }
        .home .site.fixed-header .site-content {
            padding-top: 105px;
        }
    }

.facebook {
    background-color: #FFF;
    padding: 15px;
}
@media (min-width: 768px) {
    #carousel-Sliders > .carousel-inner > .carousel-page {
        position: absolute; /* WHEN PAUSED KEEP ASPECT RATIO */
    }
}

body:not(.search-results) article:not(.sticky) .posted-on {
    display: block;
    margin-bottom: 0.5384615385em;
}