/*
Theme Name: Rycroft
Theme URI: https://rycroft.ca/
Description: Custom theme designed for the Village of Rycroft, Alberta.
Author: Karyl Gilbertson, New Harvest Media
Author URI: http://newharvest.ca/
Version: 3.0
License: GPLv2
License URI: https://wordpress.org/about/gpl/
Text Domain: new-harvest
Tags: light, responsive-layout
*/

/* ==== GENERAL ==== */

.wf-loading * {
    visibility: hidden;
}

body {
    margin: 0;
    padding: 0;
    color: #444;
    background: #fff;
    font: 18px 'source-sans-pro', sans-serif;
}

.row-wrapper>* {
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.aligncenter {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 1em auto;
}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img {
    border: 0;
    max-width: 100%;
    height: auto !important;
}

iframe {
    border: 0;
    max-width: 100%;
}

h1, h2, h3, h4 {
    font-family: 'fieldwork', 'source-sans-pro', sans-serif;
}

h2, h3 {
    color: #258;
}

h4, h5, h6 {
    color: #000;
}

a, a:link, a:visited {
    color: #036;
}

a:hover {
    color: #258;
}

/* Remove list styling for menus, widget areas */

ul.menu, ul.widget-area {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ==== HEADER ==== */

.header-wrapper {
    background: url('images/bg_header.jpg') center 65% no-repeat;
    background-size: cover;
}

header {
    display: flex;
    justify-content: center;
}

header>* {
    display: block;
    margin: 1em 0;
}

.home header>* {
    margin: 4em 0;
}

header img {
    display: block;
    max-height: 90px;
    width: auto;
}

.home header img {
    max-height: 130px;
}

/* ==== NAVIGATION ==== */

.nav-wrapper {
    background: #036;
}

nav ul.menu {
    display: flex;
    justify-content: space-between;
    font: normal 1.1em 'fieldwork', 'source-sans-pro', sans-serif;
}

nav ul.menu li.menu-item a {
    display: block;
    padding: 1em 1.5em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .25s ease-in-out, background-color .25s ease-in-out;
}

nav ul.menu li.current-menu-item > a,
nav ul.menu li.current-menu-ancestor > a {
    background: #000;
    color: #FD0;
}

nav ul.menu li.menu-item:hover > a {
    color: #fffdc4;
    background-color: rgba(0, 0, 0, 0.33);
}

nav ul.menu li.menu-item ul.sub-menu {
    font-size: .8em;
    display: none;
    position: absolute;
    background: #036;
    list-style: none;
    padding: .5em 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .67);
    z-index: 2;
}

nav ul.menu li.menu-item:hover > ul.sub-menu {
    display: block;
}

nav ul.menu li.menu-item ul.sub-menu li.menu-item a {
    padding: .5em 1.5em;
}

nav ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu {
	display: none !important; /* Hide third level */
}

/* ==== MAIN CONTENT AREAS ==== */

main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1.5;
}

#content {
    width: 65%;
    padding: 2em 0;
}

.page-title,
.entry-title {
    font-size: 2em;
    margin: 0 0 .75em;
    line-height: 1;
    color: #000;
}

.home .entry-title {
    font-style: italic;
}

abbr {
    text-decoration: none;
}

#content table td {
    vertical-align: top;
}

#content .gallery img {
    border: 2px solid #b4c5d4;
}

/* Agendas & Minutes Page */

table.agenda-minutes-table td {
    padding: .5em;
}

table.agenda-minutes-table thead tr {
    background: #5d82a3;
    color: #fff;
}

table.agenda-minutes-table tbody tr:nth-child(odd) {
    background: #dfe6ed;
}

.sticky {
    background: #fffdc4;
    padding: 1px 1.5em;
    margin: 1em 0;
    border-left: 5px solid #fff400;
}

div.blue-block-50-50 {
    position: relative;
    margin: 1em 0;
    background: #dfe6ed;
    overflow: hidden;
    padding: 2rem;
    line-height: 1.4;
}

div.blue-block-50-50 img.alignleft {
    margin: -2rem 2rem -2rem -2rem;
    width: calc(50% + 2rem);
}

div.blue-block-50-50 img.alignright {
    margin: -2rem -2rem -2rem 2rem;
    width: calc(50% + 2rem);
}

div.blue-block-50-50 > * {
    margin: 1em 0 0;
}

div.blue-block-50-50 > *:first-child {
    margin-top: 0;
}

div.blue-block-50-50 ul {
    overflow: auto;
    padding: 0 0 0 2em;
}

#nav-below {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 1px solid #b4c5d4;
    margin: 1em 0;
}

.mtli_attachment { 
    background-position: center right !important;
}

p.edit-link {
    clear: both;
}

.display-posts-listing {
    overflow: auto;
    margin: 1em 0 2em;
}

/* ==== HOMEPAGE NEWS ==== */

.news-area-title {
    background: #5d82a3;
    color: #fff;
    font-weight: normal;
    padding: .5em 1em;
    border-left: 5px solid #036;
}
.news-item-title,
.tag .entry-title,
.author .entry-title,
.category .entry-title,
.search .entry-title {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 1.25em;
    margin: 1em 0 .25em;
}
.news-item-meta, .entry-meta {
    color: #5d82a3;
    font-size: .8em;
    font-style: italic;
    margin: 0 0 1.25em;
}

/* ==== IMAGES / CAPTIONS ==== */

.wp-caption {
    text-align: center;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 75%;
    margin: 0;
    padding: 0;
    font-style: italic;
    color: #666;
}

/* ==== SIDEBAR ==== */

#sidebar {
    padding: 2em 0;
    width: 30%;
}

#sidebar .widget-container {
    padding: 1.5em;
    margin: 0 0 1.5em;
}

#sidebar .widget-title {
    margin: 0;
    color: #000;
    line-height: 1;
    text-transform: uppercase;
}

#sidebar p {
    margin: .5em 0 0;
}

#sidebar .widget_search {
    padding: 0;
}

#sidebar #text-4 {
    background: #fffdc4;
    border-left: 5px solid #fff400;
    text-align: center;
}

#sidebar #text-5 {
    background: #5d82a3;
    border-left: 5px solid #036;
    color: #fff;
    text-align: center;
}
#sidebar #text-5 .widget-title {
    color: #fff;
}

#sidebar #text-5 a {
    color: #fff;
    text-decoration: none;
}

#sidebar #toc-links ul.pages-list {
    margin: 1em 0 0;
    list-style: none;
    padding: 0;
}

#sidebar #toc-links .current_page_item > a,
#sidebar #toc-links a.current_page_item {
    font-weight: bold;
}

ul#above-content {
    margin: 0 0 2em;
    padding: 0;
    list-style: none;
}

.page-template-page-subnav ul#above-content {
    display: none;
}

/* ==== EVENTS CALENDAR ==== */

/* General */

a.comm-add-button {
    float: right;
    background: #ffdc03;
    text-decoration: none;
    padding: 1em 2em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    transition: opacity .2s ease-in-out;
}

a.comm-add-button:hover {
    opacity: 0.8;
}

#tribe-events .tribe-community-events .tribe-button {
    background: #036 !important;
    border: none;
    border-radius: 0;
}

#tribe-events a.tribe-rss-btn {
    margin: 21px 21px 0;
    float: right;
}

#tribe-events-pg-template.tribe-events-pg-template {
    width: 100%;
    margin: 2em 0;
}

#tribe-events {
    width: 100%;
}

#tribe-events #tribe-events-content {
    margin: 0;
    padding: 0;
    position: static;
}

#tribe-events .tribe-events-back,
#tribe-events .tribe-events-single .tribe-events-nav-pagination,
#tribe-events .tribe-events-tooltip .tribe-events-arrow {
    display: none;
}

#tribe-events .tribe-events-notices {
    background: #dfe6ed;
    color: #036;
    margin: 0 0 2em;
    padding: 1em 1.5em;
    text-shadow: none;
    border: none;
    border-radius: 0;
    border-left: 5px solid #5d82a3;
}

#tribe-events .tribe-events-tooltip {
    padding: 0;
    width: 25vw;
    bottom: .5em;
    background-color: #fffdc4;
    border: none;
    border-left: 5px solid #fff400;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.33);
}

#tribe-events h1 {
    font-weight: bold;
    text-align: left;
    font-size: 2em;
    margin: 0 0 1em;
    color: #000;
}

#tribe-events .tribe-events-tooltip.recurring-info-tooltip {
    left: 1.6em;
    bottom: 1.6em !important;
}

#tribe-events .tribe-events-tooltip .entry-title,
#tribe-events .tribe-events-tooltip .tribe-event-title {
    margin: .5em .75em;
    font-size: 24px;
}

#tribe-events .tribe-events-tooltip .tribe-events-event-body {
    font-size: 13px;
    padding: .5em 1.5em;
}

#tribe-events a.tribe-events-button,
#tribe-events #tribe-bar-form .tribe-bar-submit input[type=submit] {
    background: #036;
    border-radius: 0;
}

#tribe-events a.tribe-events-button:hover,
#tribe-events #tribe-bar-form .tribe-bar-submit input[type=submit]:hover {
    background: #258;
    color: #fff;
}

/* Calendar View */

#tribe-events #tribe-bar-form {
    background: #dfe6ed;
    border-left: 5px solid #5d82a3;
}

#tribe-events #tribe-bar-form .tribe-bar-views-inner,
#tribe-events #tribe-bar-views .tribe-bar-views-list {
    background: #dfe6ed;
}

#tribe-events #tribe-bar-views-toggle:focus, 
#tribe-events #tribe-bar-views-toggle:hover,
#tribe-events #tribe-bar-views .tribe-bar-views-option.tribe-bar-active,
#tribe-events #tribe-bar-views .tribe-bar-views-option:hover {
    background: #b4c5d4;
}

#tribe-events .tribe-events-calendar th,
#tribe-events .tribe-grid-header {
    color: #fff;
    background: #036;
    border: 1px solid #036;
}

#tribe-events .tribe-grid-header {
    border: none;
}

#tribe-events .tribe-grid-header .column a {
    color: #fff;
}

#tribe-events .tribe-grid-header .tribe-week-today {
    background: #fffdc4;
    color: #036;
}

#tribe-events #tribe-events-content .tribe-events-calendar td, 
#tribe-events #tribe-events-content table.tribe-events-calendar,
#tribe-events .tribe-events-grid {
    border: 1px solid #b4c5d4;
}

#tribe-events .tribe-events-grid .tribe-grid-content-wrap .column {
    border-left: 1px solid #b4c5d4;
}

#tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-], 
#tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-] a,
#tribe-events .tribe-grid-allday {
    background: #dfe6ed;
    color: #036;
}

#tribe-events .tribe-grid-allday {
    border-bottom: 1px solid #b4c5d4;
}

#tribe-events .tribe-week-grid-block div {
    border-bottom: 1px dotted #b4c5d4;
    border-top: 1px solid #b4c5d4;
}

#tribe-events .tribe-grid-body div[id*=tribe-events-event-] {
    width: 90%;
}

#tribe-events .tribe-events-calendar div[id*=tribe-events-event-],
#tribe-events .tribe-grid-allday .tribe-events-week-allday-single, 
#tribe-events .tribe-grid-body .tribe-events-week-hourly-single {
    background: #fffdc4;
    margin: .75em 5% !important;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
}

#tribe-events .tribe-events-calendar div[id*=tribe-events-event-].tribe-events-category-council-meetings {
    background: #dfe6ed;
}
#tribe-events .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
    font-family: inherit !important;
    font-size: 13px;
}

/* List/Day View */

#tribe-events .tribe-events-list .type-tribe_events {
    border-bottom: 1px solid #dfe6ed;
    margin: 0;
    padding: 2em 0;
}

#tribe-events .tribe-events-list-separator-month {
    background: #fffdc4;
    font-size: 2em;
    line-height: 1;
    margin: 2em 0 0;
    padding: .33em .67em;
    border-left: 5px solid #fff400;
}

#tribe-events .tribe-events-loop .tribe-events-event-meta {
    margin: 1em 0;
    padding: 1px 1em;
    font-weight: normal;
}

#tribe-events .tribe-events-loop .time-details,
#tribe-events .tribe-events-loop .tribe-event-schedule-details, 
#tribe-events .tribe-events-loop .tribe-events-venue-details {
    line-height: 1.5;
    margin: 1em 0;
}

#tribe-events a.tribe-events-read-more {
    text-decoration: underline;
}

/* Single Event View */

.tribe-events-schedule h2 {
    margin: 0;
}

.tribe-events-divider {
    margin: 0 .5em;
    color: #b4c5d4;
}

#tribe-events #tribe-events-content .tribe-events-content ul li,
#tribe-events .tribe-events-event-meta.secondary .tribe-events-venue-map {
    margin: 0;
}

#tribe-events .tribe-events-event-meta {
    font-size: 1em;
    background: #dfe6ed;
    border: none;
    border-left: 5px solid #5d82a3;
    border-radius: 0;
    margin: 1em 0;
    padding: 2em;
}

#tribe-events .tribe-events-meta-group {
    margin: 0;
    padding: 0;
}

#tribe-events .tribe-events-meta-group dt {
    float: left;
    line-height: 1.5 !important;
    margin: 0 .5em 0 0;
}

#tribe-events .tribe-events-event-meta.primary .tribe-events-meta-group {
    width: 50%;
}

#tribe-events .tribe-events-meta-group h2.tribe-events-single-section-title {
    margin: 0 0 .5em;
}

#tribe-events .tribe-events-meta-group dd.tribe-venue {
    font-size: 1.2em;
    font-weight: bold;
}

/* Widget */

#sidebar .tribe-events-adv-list-widget .widget-title {
    margin: 0 0 1em;
}

#sidebar #toc-links,
.tribe-theme-rycroft .tribe-events-adv-list-widget {
    background: #dfe6ed;
    border-left: 5px solid #5d82a3;
}

.tribe-theme-rycroft .tribe-events-adv-list-widget .type-tribe_events, 
.tribe-theme-rycroft .tribe-mini-calendar-list-wrapper .type-tribe_events {
    margin: .5em 0 0;
}

.tribe-theme-rycroft .tribe-mini-calendar-event {
    padding: 0 0 .5em;
    border-bottom: 1px solid #b4c5d4;
}

.tribe-theme-rycroft .tribe-mini-calendar-event .list-date {
    background: #5d82a3;
}

.tribe-theme-rycroft .tribe-mini-calendar-event .list-date .list-dayname {
    color: #5d82a3;
}

.tribe-theme-rycroft .tribe-events-widget-link {
    margin: 1em 0 0;
    text-align: right;
}
.tribe-theme-rycroft .tribe-events-widget-link a {
    font-size: 0;
}
.tribe-theme-rycroft .tribe-events-widget-link a:before {
    font-size: initial;
    content: "View Calendar »";
    text-decoration: underline;
}

/* ==== SEARCH FORM ==== */

#search-form div>* {
    display: inline-block;
    font: 1em 'source-sans-pro', sans-serif;
    line-height: 2;
    border: 1px solid #777;
    margin: 0;
    padding: 0 .5em;
    border-radius: 0;
    box-shadow: none;
}

#search-form div #search-field {
    border-right: none;
    width: calc(100% - 3.2em);
}

#search-form div #search-field::placeholder {
    color: #b4c5d4;
}

#search-form div #search-submit {
    background: #036;
    border-color: #036;
    color: #fff;
}

/* ==== FOOTER ==== */

.footer-1-wrapper {
    background: #000;
}

.footer-2-wrapper {
    background: #036;
}

footer {
    background: none;
    color: #fff;
    font-size: .9em;
}

footer p,
footer .alignleft,
footer .alignright,
footer .aligncenter {
    margin: 0;
}

footer ul.widget-area {
    display: flex;
    justify-content: space-between;
}

footer ul.widget-area .widget-container {
    max-width: 52%;
    padding: 2em 0;
}

footer ul.widget-area .widget-title, 
footer ul.widget-area ul.menu li.menu-item ul.sub-menu {
    display: none;
}

footer ul.menu {
    display: flex;
    justify-content: space-between;
    font-family: 'fieldwork', sans-serif;
}

footer ul.menu li {
    margin: 0 1.5em 0 0;
}

footer ul.menu li a {
    color: #fff;
    text-decoration: none;
}

footer ul.menu li a:hover {
    text-decoration: underline;
}

footer #custom_html-2 a {
    color: #FD0;
    text-decoration: none;
}

footer #custom_html-2 a:hover {
    text-decoration: underline;
}

footer #custom_html-2 a i {
    margin: 0 .33em 0 0;
}

footer #text-6 {
    color: #5d82a3;
}

/* ==== RESPONSIVE ==== */

@media screen and (max-width: 1200px) {
    .row-wrapper > * {
        margin: 0 1em;
    }
    .nav-wrapper nav {
        margin: 0;
    }
    nav ul.menu li.menu-item a {
        padding: 1em;
    }
}
@media screen and (max-width: 1024px) {
    div.blue-block-50-50 img.alignleft,
    div.blue-block-50-50 img.alignright {
        float: none;
        display: block;
        width: calc(100% + 4rem);
        max-width: calc(100% + 4rem);
        margin: -2rem -2rem 2rem -2rem;
    }
    div.blue-block-50-50 p.empty {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    iframe {
        width: 100%;
    }
    header>* {
        margin: 2em 0;
    }
    .nav-wrapper nav {
        margin: 0 .5em;
    }
    nav ul.menu {
        font-size: 1em;
    }
    nav ul.menu li.menu-item a {
        padding: 1em .5em;
    }
    .tribe-theme-rycroft .tribe-mini-calendar-event .list-date {
        display: none;
    }
    #content .gallery .gallery-item {
        width: 28%;
        margin-right: 5.3333%;
    }
    #content .gallery br {
        display: none;
    }
}
@media screen and (max-width: 425px) {
    header>* {
        margin: 1em 0;
    }
    .nav-wrapper nav {
        margin: 0;
    }
    nav #mobile-menu-btn {
        color: #fff;
        font: normal 1.5em 'fieldwork', sans-serif;
        text-align: center;
        line-height: 1;
        padding: .5em 0 .67em;
        cursor: pointer;
    }
    nav #mobile-menu-btn i {
        font-size: .9em;
        margin: 0 .5em 0 0;
    }
    nav ul.menu {
        display: none;
        flex-wrap: wrap;
        padding: .5em 0;
        background: #024;
    }
    nav ul.menu li.menu-item {
        width: 100%;
        line-height: 1.5;
    }
    nav ul.menu li.menu-item a {
        padding: .5em 1em;
    }
    nav ul.menu li.menu-item ul.sub-menu {
        position: relative;
        padding: .5em 2em;
        box-shadow: none;
        font-size: 1em;
    }
    .main-wrapper main {
        flex-wrap: wrap;
        margin: 0;
        overflow: hidden;
    }
    .page-template-page-subnav .main-wrapper main {
        flex-direction: column-reverse;
    }
    #content,
    #sidebar {
        width: calc(100% - 2em);
        margin: 1em;
        padding: 0;
    }
	table.agenda-minutes-table td, #post-284 .meeting-row div {
        font-size: .8em;
    }
	table.agenda-minutes-table td {
		padding: 1em;
	}
    .page-template-page-subnav #toc-links {
        margin-bottom: 0;
    }
    #content .gallery .gallery-item {
        width: 44%;
        margin: 3%;
    }
    .news-area-title,
    #sidebar .widget-container {
        margin-right: -1em;
        padding-right: 3em;;
    }
    #sidebar .tribe-events-adv-list-widget {
        overflow: hidden;
        box-sizing: border-box;
    }
    #sidebar .tribe-events-adv-list-widget .widget-title:after {
        content: '\f0d7';
        font: bold 1.5em 'Font Awesome 5 Free';
        line-height: .75em;
        color: #5d82a3;
        float: right;
    }
    .tribe-theme-rycroft .tribe-mini-calendar-event .list-date {
        display: block;
    }
    footer ul.widget-area {
        justify-content: center;
        flex-wrap: wrap;
    }
    footer ul.widget-area li.widget-container {
        max-width: 100%;
        padding: 0;
        margin: 1em 0;
        text-align: center;
    }
    #footer-1 ul.widget-area li.widget-container.widget_nav_menu {
        display: none;
    }
    #footer-2 ul.widget-area li.widget-container:last-child {
        margin: 1em 0 2em;
    }
}

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #eee;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .67);
    clip: auto !important;
    color: #036;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}