/* TEST TIMESTAMP: 1765474366 - FILE UPDATED */
/* ===== IF YOU SEE THIS THE FILE IS LOADING ===== */
/*
Theme Name: JKC-v2
Theme URI: http://xtremelysocial.com/wordpress/flat/
Author: XtremelySocial
Author URI: http://xtremelysocial.com
Description: Flat Bootstrap by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both us and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/.
Version: 99.9
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background

Flat Bootstrap WordPress theme, Copyright (C) 2014 XtremelySocial
Flat Bootstrap WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/


/* Importing other CSS */

/*@import url('css/wp-playlist.css');
@import url('css/event.css');
@import url('css/media-queries.css');
@import url('css/facetwp.css');
@import url('css/navbar.css');
@import url('css/sidebar.css');
@import url('css/footer.css');
@import url('css/sidebar-pagebottom.css');
@import url('css/sidebar-pagetop.css');
@import url('css/tgchat.css');
@import url('css/user-submitted-posts.css');
@import url('css/header.css');*/


/* @group ROOT */

:root {
    --brand-color: #66C3FF;
    --brand-color-hover: #2EABFF;
    --button-color: #66C3FF;
    --button-color-hover: #2EABFF;  
/*    --button-color: hsla(120, 100%, 30%, 1);
    --button-color-hover: hsla(120, 100%, 20%, 1);*/
}

/* @end */

/* @group THEME: FLAT */

    /* @group OVERALL STYLES */

        /* COPIED FROM SPOT THEME

        /* OVERRIDDEN styles from the parent theme's stylesheet(s) */

        /* Need room for fixed navbar at the top. If you change the height of it, change it 
         * here as well. Make sure the navbar doesn't wrap on tablets or this won't work 
         * right.
         */
            body {
                font-family: "Droid Sans", Sans-serif;
                /*font-family: "Lato", "Helvetica Neue", Arial, sans-serif;*/
                font-size: 18px;
                font-weight: 300;

                min-width: 320px;
                padding-top: 50px;
                padding-top: 0;

                color: #222;
                /*color: #555;*/
                background-color: #EFEFEF;

                -webkit-font-smoothing: antialiased;
                -webkit-overflow-scrolling: touch;
            }

        /* @end */

        a {
            -webkit-transition: color .1s ease-in, background .1s ease-in;
               -moz-transition: color .1s ease-in, background .1s ease-in;
                -ms-transition: color .1s ease-in, background .1s ease-in;
                 -o-transition: color .1s ease-in, background .1s ease-in;
                    transition: color .1s ease-in, background .1s ease-in;
            word-wrap: break-word;

            color: #16A085;
        }

        a:hover,
        a:focus {
            text-decoration: none;

            color: #19B798;
            outline: 0;
        }

        a:before,
        a:after,
        a:hover i:before,
        a:focus i:before {
            -webkit-transition: color .1s ease-in, background .1s ease-in;
               -moz-transition: color .1s ease-in, background .1s ease-in;
                -ms-transition: color .1s ease-in, background .1s ease-in;
                 -o-transition: color .1s ease-in, background .1s ease-in;
                    transition: color .1s ease-in, background .1s ease-in;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: "Raleway", Arial, "Helvetica Neue", sans-serif;
        }

        h1,
        h2,
        h3 {
            font-weight: 300;
        }

        p {
            line-height: 28px;
        }

        blockquote {
            border-color: #16A085;
        }

        hr {
            display: block;

            height: 1px;
            margin: 1em 0;
            padding: 0;

            border: 0;
            border-top: 1px solid #CCC;
        }

    /* @end */

    /* @group NAVBAR */

        .navbar-default
        .navbar-brand {
            color: #16A085;
        }
        .navbar-default
        .navbar-brand:hover,
        .navbar-default
        .navbar-brand:focus {
            color: #19B798;
        }

    /* @end */

/* Tone down field labels in the comments section and wherever else */
label {
    font-weight: 300;
}

/* @group FULL-WIDTH SECTIONS */
.section {
    padding-top: 35px;
    padding-bottom: 35px;
}

/* Bootstrap grids (rows) need this if not in a container */
.section.fullwidth {
    padding-left: 15px;
    padding-right: 15px;
}
.section.nopadding {
    padding-top: 0;
    padding-bottom: 0;
}
.section.nopadding-top {
    padding-top: 0;
}
.section.nopadding-bottom {
    padding-bottom: 0;
}
.section.padding-top {
    padding-top: 35px;
}
.section.padding-bottom {
    padding-bottom: 35px;
}
.section.border-bottom {
    border-bottom: #bdc3c7 solid 1px;
}
.section.border-bottom-thick {
    border-bottom: #bdc3c7 solid 5px;
}

/* @end */

/* @group COLORED BACKGROUNDS FOR SECTIONS */

.white, 
.bg-white {
    background-color: #fff;
}
.color-white {
    color: #fff;
}

.offwhite, 
.bg-offwhite {
    background-color: #f2f2f2;
}
.color-offwhite {
    color: #f2f2f2;
}

.lightgray, 
.bg-lightgray {
    background-color: #ebebeb;
}
.color-lightgray {
    color: #ebebeb;
}

.gray, 
.bg-gray {
    background-color: #e7e7e7;
}
.color-gray {
    color: #e7e7e7;
}

.darkgray, 
.bg-darkgray {
    background-color: #e0e0e0;
}
.color-darkgray {
    color: #e0e0e0;
}

.lightgreen, 
.bg-lightgreen {
    background-color: #1abc9c;
    color: #fff;
}
.color-lightgreen {
    color: #1abc9c;
}
.lightgreen h1, 
.lightgreen h2, 
.lightgreen h3, 
.lightgreen h4, 
.lightgreen h5, 
.lightgreen h6, 
.bg-lightgreen h1, 
.bg-lightgreen h2, 
.bg-lightgreen h3, 
.bg-lightgreen h4,
.bg-lightgreen h5, 
.bg-lightgreen h6 {
    color: #fff;
}

.darkgreen, 
.bg-darkgreen {
    background-color: #16a085;
    color: #fff;
}
.color-darkgreen {
    color: #16a085;
}
.darkgreen h1, 
.darkgreen h2, 
.darkgreen h3, 
.darkgreen h4, 
.darkgreen h5, 
.darkgreen h6, 
.bg-darkgreen h1, 
.bg-darkgreen h2, 
.bg-darkgreen h3, 
.bg-darkgreen h4, 
.bg-darkgreen h5, 
.bg-darkgreen h6 {
    color: #fff;
}

.brightgreen,
.bg-brightgreen {
    background-color: #2ecc71;
    color: white;
}
.color-brightgreen {
    color: #2ecc71;
}
.brightgreen h1, 
.brightgreen h2, 
.brightgreen h3, 
.brightgreen h4, 
.brightgreen h5, 
.brightgreen h6, 
.bg-brightgreen h1, 
.bg-brightgreen h2, 
.bg-brightgreen h3, 
.bg-brightgreen h4, 
.bg-brightgreen h5, 
.bg-brightgreen h6 {
    color: #fff;
}

.darkbrightgreen,
.bg-darkbrightgreen {
    background-color: #27AE60;
    color: white;
}
.color-darkbrightgreen {
    color: #27AE60;
}
.darkbrightgreen h1, 
.darkbrightgreen h2, 
.darkbrightgreen h3, 
.darkbrightgreen h4, 
.darkbrightgreen h5, 
.darkbrightgreen h6, 
.bg-brightgreen h1, 
.bg-brightgreen h2, 
.bg-brightgreen h3, 
.bg-brightgreen h4, 
.bg-brightgreen h5, 
.bg-brightgreen h6 {
    color: #fff;
}

.yellow, 
.bg-yellow {
    background: #f1c40f;
    color: #fff;
}
.yellow h1, 
.yellow h2, 
.yellow h3, 
.yellow h4, 
.yellow h5, 
.yellow h6, 
.bg-yellow h1, 
.bg-yellow h2, 
.bg-yellow h3, 
.bg-yellow h4, 
.bg-yellow h5, 
.bg-yellow h6 {
    color: #fff;
}
.yellow p, .bg-yellow p {
    font-weight: 500
}

.lightorange, 
.bg-lightorange {
    background-color: #F39C12;
    color: #fff;
}
.color-lightorange {
    color: #F39C12;
}
.lightorange h1, 
.lightorange h2, 
.lightorange h3, 
.lightorange h4, 
.lightorange h5, 
.lightorange h6, 
.bg-lightorange h1, 
.bg-lightorange h2, 
.bg-lightorange h3, 
.bg-lightorange h4, 
.bg-lightorange h5, 
.bg-lightorange h6 {
    color: #fff;
}
.lightorange p, .bg-lightorange p {
    font-weight: 500
}

.orange, 
.bg-orange {
    background-color: #E67E22;
    color: #fff;
}
.color-orange {
    color: #E67E22;
}
.orange h1, 
.orange h2, 
.orange h3, 
.orange h4, 
.orange h5, 
.orange h6, 
.bg-orange h1, 
.bg-orange h2, 
.bg-orange h3, 
.bg-orange h4, 
.bg-orange h5, 
.bg-orange h6 {
    color: #fff;
}

.darkorange, 
.bg-darkorange {
    background-color: #D35400;
    color: #fff;
}
.color-darkorange {
    color: #D35400;
}
.darkorange h1, 
.darkorange h2, 
.darkorange h3, 
.darkorange h4, 
.darkorange h5, 
.darkorange h6, 
.bg-darkorange h1, 
.bg-darkorange h2, 
.bg-darkorange h3, 
.bg-darkorange h4, 
.bg-darkorange h5, 
.bg-darkorange h6 {
    color: #fff;
}

.blue, 
.bg-blue {
    background-color: #3498db;
    color: #fff;
}
.color-blue {
    color: #3498db;
}
.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6, 
.bg-blue h1, 
.bg-blue h2, 
.bg-blue h3, 
.bg-blue h4, 
.bg-blue h5, 
.bg-blue h6 {
    color: #fff;
}

.darkblue,
.bg-darkblue {
    background-color: #2980b9;
    color: #fff;
}
.color-darkblue {
    color: #2980b9;
}
.darkblue h1, 
.darkblue h2, 
.darkblue h3, 
.darkblue h4, 
.darkblue h5, 
.darkblue h6, 
.bg-darkblue h1, 
.bg-darkblue h2, 
.bg-darkblue h3, 
.bg-darkblue h4, 
.bg-darkblue h5, 
.bg-darkblue h6 {
    color: #fff;
}

.purple, 
.bg-purple {
    background-color: #9B59B6;
    color: #fff;
}
.color-purple {
    color: #9B59B6;
}
.purple h1, 
.purple h2, 
.purple h3, 
.purple h4, 
.purple h5, 
.purple h6, 
.bg-purple h1, 
.bg-purple h2, 
.bg-purple h3, 
.bg-purple h4, 
.bg-purple h5, 
.bg-purple h6 {
    color: #fff;
}

.darkpurple,
.bg-darkpurple {
    background-color: #8E44AD;
    color: #fff;
}
.color-darkpurple {
    color: #8E44AD;
}
.darkpurple h1, 
.darkpurple h2, 
.darkpurple h3, 
.darkpurple h4, 
.darkpurple h5, 
.darkpurple h6, 
.bg-darkpurple h1, 
.bg-darkpurple h2, 
.bg-darkpurple h3, 
.bg-darkpurple h4, 
.bg-darkpurple h5, 
.bg-darkpurple h6 {
    color: #fff;
}

.midnightblue, 
.bg-midnightblue {
    background-color: #34495e;
    color: #fff;
}
.color-midnightblue {
    color: #34495e;
}
.midnightblue h1, 
.midnightblue h2, 
.midnightblue h3, 
.midnightblue h4, 
.midnightblue h5, 
.midnightblue h6, 
.bg-midnightblue h1, 
.bg-midnightblue h2, 
.bg-midnightblue h3, 
.bg-midnightblue h4, 
.bg-midnightblue h5, 
.bg-midnightblue h6 {
    color: #fff;
}

.darkmidnightblue, 
.bg-darkmidnightblue {
    background-color: #2C3E50;
    color: #fff;
}
.color-darkmidnightblue {
    color: #2C3E50;
}
.darkmidnightblue h1, 
.darkmidnightblue h2, 
.darkmidnightblue h3, 
.darkmidnightblue h4, 
.darkmidnightblue h5, 
.darkmidnightblue h6, 
.bg-darkmidnightblue h1, 
.bg-darkmidnightblue h2, 
.bg-darkmidnightblue h3, 
.bg-darkmidnightblue h4, 
.bg-darkmidnightblue h5, 
.bg-darkmidnightblue h6 {
    color: #fff;
}


.red, .bg-red {
    background-color: #ff7878;
    color: #fff;
}
.color-red {
    color: #ff7878;
}
.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6, 
.bg-red h1, 
.bg-red h2, 
.bg-red h3, 
.bg-red h4, 
.bg-red h5, 
.bg-red h6 {
    color: #fff;
}

.brightred, .bg-brightred {
    background-color: #E74C3C;
    color: #fff;
}
.color-brightred {
    color: #E74C3C;
}
.brightred h1, 
.brightred h2, 
.brightred h3, 
.brightred h4, 
.brightred h5, 
.brightred h6, 
.bg-brightred h1, 
.bg-brightred h2, 
.bg-brightred h3, 
.bg-brightred h4, 
.bg-brightred h5, 
.bg-brightred h6 {
    color: #fff;
}

.darkred, .bg-darkred {
    background-color: #C0392B;
    color: #fff;
}
.color-darkred {
    color: #C0392B;
}
.darkred h1, 
.darkred h2, 
.darkred h3, 
.darkred h4, 
.darkred h5, 
.darkred h6, 
.bg-darkred h1, 
.bg-darkred h2, 
.bg-darkred h3, 
.bg-darkred h4, 
.bg-darkred h5, 
.bg-darkred h6 {
    color: #fff;
}

.almostblack, 
.bg-almostblack {
    background-color: #2f2f2f;
    color: #fff;
}
.color-almostblack {
    color: #2f2f2f;
}
.almostblack h1, 
.almostblack h2, 
.almostblack h3, 
.almostblack h4, 
.almostblack h5, 
.almostblack h6, 
.bg-almostblack h1, 
.bg-almostblack h2, 
.bg-almostblack h3, 
.bg-almostblack h4, 
.bg-almostblack h5, 
.bg-almostblack h6 {
    color: #fff;
}

.notquiteblack, 
.bg-notquiteblack {
    background-color: #222;
    color: #fff;
}
.color-notquiteblack {
    color: #222;
}
.notquiteblack h1, 
.notquiteblack h2, 
.notquiteblack h3, 
.notquiteblack h4, 
.notquiteblack h5, 
.notquiteblack h6, 
.bg-notquiteblack h1, 
.bg-notquiteblack h2, 
.bg-notquiteblack h3, 
.bg-notquiteblack h4, 
.bg-notquiteblack h5, 
.bg-notquiteblack h6 {
    color: #fff;
}

.black, 
.bg-black {
    background-color: #000;
    color: #fff;
}
.color-black {
    color: #000;
}
.black h1, 
.black h2, 
.black h3, 
.black h4, 
.black h5, 
.black h6, 
.bg-black h1, 
.bg-black h2, 
.bg-black h3, 
.bg-black h4, 
.bg-black h5, 
.bg-black h6 {
    color: #fff;
}

/* Set the icons to white for all dark-colored sections */
.lightgreen i, 
.bg-lightgreen i, 
.darkgreen i, 
.bg-darkgreen i, 
.brightgreen i, 
.bg-brightgreen i, 
.darkbrightgreen i, 
.bg-darkbrightgreen i, 
.blue i, 
.bg-blue i, 
.darkblue i, 
.bg-darkblue i, 
.purple i, 
.bg-purple i, 
.darkpurple i, 
.bg-darkpurple i, 
.midnightblue i, 
.bg-midnightblue i, 
.darkmidnightblue i, 
.bg-darkmidnightblue i, 
.yellow i, 
.bg-yellow i,
.lightorange i, 
.bg-lightorange i,
.orange i, 
.bg-orange i,
.darkorange i, 
.bg-darkorange i,
.red i, 
.bg-red i, 
.brightred i, 
.bg-brightred i, 
.darkred i, 
.bg-darkred i, 
.almostblack i, 
.bg-almostblack i, 
.black i, 
.bg-black i {
    color: #fff;
}

/* Set the link color to white and underlined for certain background colors */
.lightgreen a:not(.btn), 
.bg-lightgreen a:not(.btn), 
.darkgreen a:not(.btn), 
.bg-darkgreen a:not(.btn), 
.brightgreen a:not(.btn), 
.bg-brightgreen a:not(.btn), 
.brightdarkgreen a:not(.btn), 
.bg-brightdarkgreen a:not(.btn), 
.yellow a:not(.btn), 
.bg-yellow a:not(.btn), 
.lightorange a:not(.btn), 
.bg-lightorange a:not(.btn), 
.orange a:not(.btn), 
.bg-orange a:not(.btn), 
.darkorange a:not(.btn), 
.bg-darkorange a:not(.btn), 
.blue a:not(.btn), 
.bg-blue a:not(.btn), 
.darkblue a:not(.btn), 
.bg-darkblue a:not(.btn), 
.red a:not(.btn), 
.bg-red a:not(.btn),
.brightred a:not(.btn), 
.bg-brightred a:not(.btn),
.darkred a:not(.btn), 
.bg-darkred a:not(.btn) {
    color: #fff;
    text-decoration: underline;
}

.lightgreen a:hover:not(.btn), 
.bg-lightgreen a:hover:not(.btn), 
.darkgreen a:hover:not(.btn), 
.bg-darkgreen a:hover:not(.btn), 
.brightgreen a:hover:not(.btn), 
.bg-brightgreen a:hover:not(.btn), 
.darkbrightgreen a:hover:not(.btn), 
.bg-darkbrightgreen a:hover:not(.btn), 
.yellow a:hover:not(.btn), 
.bg-yellow a:hover:not(.btn), 
.lightorange a:hover:not(.btn), 
.bg-lightorange a:hover:not(.btn), 
.orange a:hover:not(.btn), 
.bg-orange a:hover:not(.btn), 
.darkorange a:hover:not(.btn), 
.bg-darkorange a:hover:not(.btn), 
.blue a:hover:not(.btn), 
.bg-blue a:hover:not(.btn), 
.darkblue a:hover:not(.btn), 
.bg-darkblue a:hover:not(.btn), 
.red a:hover:not(.btn), 
.bg-red a:hover:not(.btn) {
    color: #7b7b7b;
}

/* @end */

.form-control {
    color: #555;
}

/* @group INPUT */

/* Set input field focus color to green */
/*.form-control:focus,
textarea#comment:focus {*/
/*input:focus,
textarea:focus {
    border-color: #1abc9c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(109, 233, 102, 0.6); */
   /*-webkit-appearance: none !important;*/
/*   outline: 0;
}*/

/* Force search field to not be rounded on iOS devices */
input.search-field {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* 
 * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN)
 */
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
    background-image: none;
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
    outline: 0;
}

/* @end */

/* @group PAGINATION */

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */
.pagination>li>a, 
.pagination>li>span, 
span.page-numbers.current {
    color: #16a085;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus, 
span.page-numbers.current {
    z-index: 2;
    color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}

/* @end */

/* @group CAROUSEL */

    /* Get rid of gradient on carousel left and right */
    .carousel-control.left,
    .carousel-control.right {
        background-image: none;
        background-repeat: none;
    }
    .carousel-caption,
    .carousel-caption h4,
    .carousel-caption p {
        font-weight: bold;
    }
    .carousel-caption {
        font-weight: bold;

        opacity: .75;
        color: #FFF;
        background-color: #16A085;
        text-shadow: none;
    }
    .carousel-caption a {
        text-decoration: underline;

        color: #FFF;
    }
    .carousel-caption a:hover,
    .carousel-caption a:focus {
        color: #BDC3C7; /*silver*/
    }

    /* Push the carousel indicators down below the image or content */
    .carousel-indicators {
        bottom: -35px;
    }

    .carousel-inner img {
        margin-right: auto;
        margin-left: auto;
    }
    .carousel-caption {
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;

        text-shadow: none;
    }

    .carousel-indicators {
        position: relative;
        top: 100%;
    }

    .carousel {
        font-size: 2.5em;
        font-weight: bold;
        line-height: 1.2em;

        height: 400px;
        padding: 1em 1.5em;

        color: white;
    }

    .carousel-inner {
        padding: 0 30px;
    }

/* @end */

.sticky .entry-title:after {
    background-color: #1abc9c;
    color: #fff;
}

.bypostauthor {
}

/* @group USER PROFILE PICS */

    /* Make user profile pics (avatars) circles */
    .avatar {
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
    }
    img.avatar.thumbnail {
        padding: 0;

        border: none;
    }

/* @end */

/* @group BUTTONS */

    /* 
     * NEW STUFF ADDED, SUCH AS ADDITIONAL BUTTONS
     */

    /* New button that is inverted (hollow) so works on any dark background */
    a.btn.btn-hollow,
    button.btn.btn-hollow {
        color: #FFF;
        border: 2px solid #FFF;
        background-color: transparent;
    }
    /*.btn-hollow:hover, a.btn.btn-hollow:hover {*/
    .btn-hollow:hover,
    btn.btn-hollow:hover,
    button.btn.btn-hollow:hover {
        color: #2F2F2F;
        background-color: #FFF;
    }

    .white button.btn.btn-hollow,
    .white .btn.btn-hollow,
    .bg-white button.btn.btn-hollow,
    .bg-white .btn.btn-hollow,
    .offwhite button.btn.btn-hollow,
    .offwhite .btn.btn-hollow,
    .bg-offwhite button.btn.btn-hollow,
    .bg-offwhite .btn.btn-hollow,
    .lightgray button.btn.btn-hollow,
    .lightgray .btn.btn-hollow,
    .bg-lightgray button.btn.btn-hollow,
    .bg-lightgray .btn.btn-hollow,
    .gray button.btn.btn-hollow,
    .gray .btn.btn-hollow,
    .bg-gray button.btn.btn-hollow,
    .bg-gray .btn.btn-hollow,
    .darkgray button.btn.btn-hollow,
    .darkgray .btn.btn-hollow,
    .bg-darkgray button.btn.btn-hollow,
    .bg-darkgray .btn.btn-hollow {
        color: #1ABC9C;
        border: 2px solid #1ABC9C;
        background-color: transparent;
    }
    button.btn.btn-hollow:hover,
    .btn.btn-hollow:hover {
        color: #2F2F2F;
        background-color: #FFF;
    }

    /* New button that is partially transparent to let background color show through */
    .btn-transparent {
        display: inline-block;

        color: inherit;
        background-color: rgba(0, 0, 0, .35);
    }

    .btn-transparent:hover,
    .btn-transparent:focus {
        text-decoration: none;

        color: #FFF;
        background-color: rgba(0, 0, 0, .5);
    }

/* @end */

/* @end */

/* @group THEME: BASE */

/** 
 * SET SOME REASONABLE DEFAULT WORDPRESS STYLES. MOST OF THESE ARE REQUIRED BY ALL
 * WORDPRESS THEMES
 */
 
    /* @group SCREEN READERS */
     
        /* Text meant only for screen readers. Required only for WordPress as Bootstrap uses
         * .sr-only and we apply that in this theme.
         */
         .screen-reader-text {
            position: absolute !important;

            clip: rect(1px, 1px, 1px, 1px);
        }
        p.screen-reader-text {
            margin-bottom: 0;
        }
        .screen-reader-text:focus {
            font-size: 14px;
            font-weight: 700;
            line-height: normal;

            position: absolute;
            z-index: 100000; /* Above WP toolbar */
            top: 5px;
            left: 5px;

            display: block;
            clip: auto;

            width: auto;
            height: auto;
            padding: 15px 23px 14px;

            text-decoration: none;
            text-transform: none;

            color: #21759B;
            -webkit-border-radius: 4px;
               -moz-border-radius: 4px;
                    border-radius: 4px;
            background-color: #F1F1F1;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
        }

    /* @end */
 
    /* @group TABLES */

        /* Style tables like TwentyEleven theme with lines between entries */
        .entry-content table,
        .comment-content table {
            width: 100%;
            margin: 0 0 1.625em;

            border-bottom: 1px solid #DDD;
        }
        .entry-content th,
        .comment-content th {
            font-weight: 500;
            line-height: 2.6em;

            letter-spacing: .1em;
            text-transform: uppercase;
        }
        .entry-content td,
        .comment-content td {
            padding: 6px 10px 6px 0;

            border-top: 1px solid #DDD;
        }

    /* @end */
 
    /* @group CLEARING FLOATS */

        .clear:before,
        .clear:after,
        .entry-content:before,
        .entry-content:after,
        .entry-meta:before,
        .entry-meta:after,
        .pager:before,
        .pager:after,
        .comment-content:before,
        .comment-content:after,
        .site-header:before,
        .site-header:after,
        .site-content:before,
        .site-content:after,
        .site-footer:before,
        .site-footer:after {
            display: table;

            content: "";
        }

        .clear:after,
        .entry-content:after,
        .entry-meta:before,
        .entry-meta:after,
        .pager:after,
        .comment-content:after,
        .site-header:after,
        .site-content:after,
        .site-footer:after {
            clear: both;
        }

    /* @end */

    /* @group ALIGNMENTS */

        /* Required WordPress Alignment */
        .alignleft,
        .align-left {
            display: inline;
            float: left;

            margin-right: 10px;
            margin-bottom: 10px;
        }
        .alignright,
        .align-right {
            display: inline;
            float: right;

            margin-bottom: 10px;
            margin-left: 10px;
        }
        .aligncenter,
        .align-center {
            display: block;
            clear: both;

            margin-right: auto;
            margin-bottom: 10px;
            margin-left: auto;

            text-align: center;
        }
        .nocenter {
            text-align: left;
        }

    /* @end */

    /* @group WP-CAPTIONS */

        /* Normal WordPress captions */
        .wp-caption {
            max-width: 100%;
        }
        .wp-caption-text,
        .gallery-caption {
            font-size: 16px;

            text-shadow: none;
        }


    /* @end */

/* Center the thumbnails since WordPress centers the caption text */
.gallery-icon img {
    margin: auto;
}

/* @group STICKY POSTS */

/* Mark "sticky" (featured) posts as "Featured" */
.sticky .entry-title:after {
    content: "Featured";
    display: inine-block;
    font-size: 20px;
    margin-left: 15px;
    padding: 10px;
    vertical-align: middle;
}

/* @end */

.bypostauthor {
}

/* Come on now, of course we need a margin before their name and comment */
.avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* For standard WordPress slideshow, get rid of black background. We want to leave 
 * whatever color background we have 
 */
.slideshow-window {
    background-color: transparent !important; 
    border: none !important;
}

/** 
 * STYLE THE CORE COMPONENTS OF THIS THEME. MOST OF THESE CLASSES ARE FROM THE UNDERLYING
 * _S (STARTER) THEME.
 */

/* Limit the page for really wide screens, such as an iMac */
#page, .navbar, .after-footer {
    max-width: 1600px;
    margin: 0 auto;
}

.custom-header-image {
    margin: 0 auto;
    background-repeat: none;
    background-position: center center; 
    max-width: 100%;
    padding: 30px 0;
}

.site-title {
    margin-top: 25px;
}
.site-description {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 24px;
}

.site-title a, .site-title a:hover, .site-title a:active {
    text-decoration: none;
}
.custom-header-text-color a:hover,
.custom-header-text-color a:focus {
    opacity: 0.75;
}
 .custom-header-image h1 {
    font-weight: 700;
}
.custom-header-image h2 {
    font-size: 24px;
}

/*.site-logo {
    display: inline-block;
    vertical-align: middle;
    float: left;
    max-height: 100px;
    width: auto;
    margin: 20px 20px 20px;
}*/

a.scroll-down,
a.scroll-down:hover span,
a.scroll-down:focus span,
.carousel-control:hover,
.carousel-control:focus {
    font-size: 20px;

    color: #FFF;
}


/* @group CONTENT HEADER */

.content-header {
    padding-top: 35px;
    padding-bottom: 35px;
}
header.content-header {
    min-height: 170px;
}
.content-header i {
    font-size: 35px;
    text-align: center;
}

/* @end */

.content-area {
    padding-top: 35px;
    padding-bottom: 35px;
}
.content-area-wide .comments-area {
    padding-bottom: 35px;
}

.page .entry-content {
    padding-top: 0;
}

.entry-summary {
    margin-bottom: 25px;
}

article.post {
    margin-bottom: 25px;
}

/* @group SIDEBAR: FOOTER */

/* Let's get some whitespace before the footer nav and credits */
.sidebar-footer {
    padding-top: 35px;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3, 
.sidebar-footer h4, 
.sidebar-footer h5, 
.sidebar-footer h6 {
    margin-top: 0;
    padding-bottom: 15px;
}
.sidebar-footer aside.widget {
    margin-bottom: 35px;
}

footer.entry-meta, 
div.entry-meta, 
.edit-link {
    font-size: 16px;
}
.edit-link a {
    color: #7f8c8d;
}
.edit-link a:hover, 
.edit-link a:focus {
    color: #3bc492;
}

.after-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Let's put dividers between footer menu items */
#footer-navigation ul.dividers > li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}

/* Since footer nav has screen reader text, need to pad site credits to line them up */
#site-credits {
    padding-top: 10px;
}

/* @end */

/* @group SIDEBAR */

/* For sidebar, add some whitespace */
#secondary {
    padding-top: 35px;
    padding-bottom: 35px;
}
#secondary aside.widget {
    margin-bottom: 10px; /* Heading will add 25px */
}

/* @end */

/* Center the text after the footer for smartphones */
/* Make sure no content breaks the layout */
img, embed, iframe, media, swf, pre, code, container, select, .videopress-placeholder {
    display: block;
    max-width:100%;
    /*height: auto;*/ /* this messes up embedded videos */
    overflow:hidden;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
img, .videopress-placeholder {
    height: auto;
}

/* Get rid of bullets on comment <ul> and set some padding and indenting */
.comment-list,
.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-list .children {
    margin-left: 25px;
}

.reply {
    margin-bottom: 25px;
}

/* Get rid of the word "says" from comments */
.says {
    display: none;
}

li.pingback {
    margin-bottom: 15px;
}

.cat-links, .tags-links {
    margin-right: 10px;
}

.posted-on {
    margin-right: 5px;
}
.by-line, .comments-link {
    margin-left: 5px;
    margin-right: 5px;
}

/* Get rid of bullets on sidebar lists and in our footer columns */
#secondary ul, 
footer#colophon.site-footer ul {
    list-style: none;
    padding-left: 0;
}
#secondary ul ul, 
footer#colophon.site-footer ul ul {
    list-style: none;
    padding-left: 25px;
}

#secondary ul li, 
footer#colophon.site-footer ul li {
    margin-top: 10px;
}

/* Style comments */
.comment-list .children {
    margin-left: 5%;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
    float: left;
    width: 80px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    max-width: 310px;
    width: 70%;
}

.comment-form, 
.comment-textarea, 
textarea {
    max-width: 100%;
    border-color: #ccc;
}

/* Styles for default WordPress comments */
textarea#comment {
    max-width: 743px; /*largest width of content area w/sidebar*/
    width: 100%;
    /*max-height: 70px;*/
    max-height: 140px;
}
/*
textarea#comment:active,
textarea#comment:focus {
    max-height: 140px;
}
*/

/* Hide the label "Comment" above the comment box as its pretty obvious already */
.comment-form-comment label {
    display: none;
}
p.comment-subscription-form {
    margin-bottom: 10px;
}

/* Style the WordPress calendar widget because Bootstrap doesn't even add a 'table'
 * class to tables
 */
#calendar_wrap {
    font-size: 14px;
    max-width: 300px;
}
.widget_calendar #wp-calendar {
    color: #555;
    width: 95%;
    text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
}
.widget_calendar #wp-calendar caption {
    font-weight: 500;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/**
 * SET SOME BOOTSTRAP STYLES AS A BASE FOR ALL THEMES
 */

/* When full-width pages are changed back to sidebar, fix the layout */
.content-area .entry-content .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.content-area .entry-content .container .row {
    margin-left: 0;
    margin-right: 0;
}
 
.lead {
    font-size: 22px;
}

/* @group NAVBAR */

#masthead {
    min-height: 80px;
}

/* Remove margin at bottom of navbar because content header already has padding */
.navbar {
    margin-bottom: 0;
}

/* Bolder text for site name in navbar */
.navbar-brand {
    font-weight: 500;
    height: 50px; /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* Line up the navbar with the header and page content (it's in a container, but not a row) */
div.navbar-collapse.collapse {
    margin-left: -15px;
    margin-right: -15px;
}

/* Set a hover effect for the custom header image (logo) */
/*.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus, 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
    opacity: 0.75; 
}*/

/* @end */

header.site-header.page-header {
    border-bottom: 0;
}



/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary 
 * button color. 
 */
/*
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus, 
span.page-numbers.current {
  background-color: #16a085; /*darkgreen*/
  /*border-color: #16a085;
}
*/

.jumbotron {
    margin-bottom: 0;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: inherit;
    font-weight: 500;   
}

/* Style <code> tag like <pre> tag so its white instead of red */
    code {
        word-wrap: break-word;
        /*font-weight: 300;
        font-size: 15px;
        line-height: 1.428571429;*/
        word-break: break-all;

        color: #2F2F2F;
        border: 1px solid #CCC;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        background-color: #F5F5F5;
    }


    /**
     * ADD NEW STYLES TO HANDLE THEME FEATURES, SUCH AS HEADER IMAGES AND FEATURED IMAGES
     */
    .section-image,
    .cover-image {
        position: relative;

        display: table;

        width: 100%;

        text-align: center;
        vertical-align: top;

        background-color: #E7E7E7; /*gray*/
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top center;
        -webkit-background-size: 100%;
        -webkit-background-size: cover;
           -moz-background-size: 100%;
           -moz-background-size: cover;
             -o-background-size: 100%;
             -o-background-size: cover;
                background-size: 100%;
                background-size: cover;
    }
    .section-image-overlay,
    .cover-image-overlay {
        z-index: 2;

        display: table-cell;
        overflow: hidden;

        padding: 50px;
        padding: 5%;

        vertical-align: middle;
    }
    .cover-image,
    .cover-image-overlay {
        height: 100%; /* For at least Firefox */
        min-height: 480px;
    }
    .section-image,
    .section-image-overlay {
        min-height: 340px;
    }
    .section-image h1,
    .cover-image h1 {
        font-size: 42px;
        line-height: 1.1;

        color: #FFF;
    }
    .section-image h2,
    .cover-image h2 {
        font-size: 30px;
        line-height: 1.1;

        color: #FFF;
    }
    .section-image h3,
    .section-image h4,
    .section-image p,
    .cover-image h2,
    .cover-image h3,
    .cover-image h4,
    .cover-image p {
        color: #FFF;
    }

    .cover-image .spacer {
        margin-top: 100px;
    }

    .section-featured h1 {
        font-size: 42px;
        line-height: 1.1;
    }
    .section-featured h2 {
        font-size: 30px;
        line-height: 1.1;
    }
    .section-featured {
        padding-top: 60px;

        border-bottom: #BDC3C7 solid 5px;
    }


/* For larger screens, increase font size and spacing */
@media (min-width: 768px) {
    .cover-image h1,
    .section-image h1,
    .section-featured h1,
    .wp-caption-text-fullwidth h1 {
        font-size: 70px;
        letter-spacing: 3px;
    }
    .cover-image h2,
    .section-image h2,
    .section-featured h2,
    .wp-caption-text-fullwidth h2 {
        font-size: 42px;
        letter-spacing: 2px;
    }
    .cover-image .spacer {
        margin-top: 200px;
    }
    .cover-image, .cover-image-overlay {
        min-height: 700px;
    }
    .section-image, .section-image-overlay {
        min-height: 400px;
    }
}

/* use <span> tags for glpyicons because WordPress visual editor strips empty <i> tags.
 * to make them large as in using for icons, add "icon-lg" class. 
 */
span.icon-lg,
i.icon-lg {
    font-size: 50px;

    padding: 20px;
}

span.icon-xlg,
i.icon-xlg {
    font-size: 50px;

    padding: 20px;
}

/* @group PADDING */
    .padding {
        padding: 25px;
    }

    .padding-top {
        padding-top: 25px; /* Match Hx tag top margins */
    }

    .padding-bottom {
        padding-bottom: 25px;
    }

    .padding-top-bottom {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .padding-right {
        padding-right: 35px; /* Match grid gutters */
    }

    .padding-left {
        padding-left: 35px; /* Match grid gutters */
    }

    .padding-left-right {
        padding-right: 35px; /* Match grid gutters */
        padding-left: 35px; /* Match grid gutters */
    }

    .nopadding-nomargin {
        margin: 0;
        padding: 0;
    }

/* @end */

.centered {
    text-align: center;
}

/* 
 * STYLE SOME COMMON WORDPRESS PLUGINS, SUCH AS JETPACK
 */

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (always hidden)
 * Theme Footer and Page Bottom widget area (when set to scrolling) 
 */
.infinite-scroll .paging-navigation, 
.infinite-scroll.neverending .site-footer,
.infinite-scroll.neverending .sidebar-pagebottom { 
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that
 * were hidden before (via .neverending) 
 */
.infinity-end.neverending .site-footer,
.infinity-end.neverending .sidebar-pagebottom {
    display: block;
}

/* Get rid of the smiley face when using Jetpack stats */
img.wp-smiley {
     display: inline-block;
}

/* Format Jetpack contact form with Bootstrap's form-control tag */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}

/* @end */

/* @group ACCORDIONS */

/*    details > summary {
        list-style-type: none;
        cursor: pointer;
    }*/
    details > summary {
        list-style-type: none;
        cursor: pointer;
        display: block;
        outline: 0;
    }    

    details > summary::-webkit-details-marker {
        display: none;
    }

    details > summary::before {
        /*content: "▶️";*/
        content: "\f105";
        position: relative;
        will-change: transform;
        transition: transform 300ms ease;
        font-family: "FontAwesome";
        color: #222;
        font-size: 1em;
        /*content: "\f125";*/
        left: 3px;
        display: inline-block;
        /*width: 1.6rem;*/
        text-align: center;        
    }

    details > summary h4 {
        display: inline-block;
        margin-left: 8px;
        margin-top: 5px;
        margin-bottom: 5px;        
    }
    details[open] > summary::before {
        /*content: "🔽";*/
        transform: rotate(90deg);
    }

    .top-filters details[open] > summary::after,
    .top-filters .dropdown.open button::after  {
        /*content: "🔽";*/
        transform: rotate(180deg);
    }

    details {
        /*border: 1px solid gray;*/
        /*border-radius: 0.2rem;*/
        /*padding: 0.5rem;*/
    }

    details[open] > summary {
        margin-bottom: .5rem;
    }

    .facetwp-sidebar details > summary::before,
    .facetwp-sidebar details[open] > summary::before,
    .facetwp-flyout details > summary::before,
    .facetwp-flyout details[open] > summary::before {
        display: none;
    }

    .facetwp-sidebar details > summary h4, 
    .facetwp-flyout details > summary h4 {
        display: inline-block;
        margin-left: 0;
        width: 90%;
    }

    .facetwp-flyout details > summary h4 {
        width: 95%;
    }    

    .facetwp-sidebar details > summary::after,
    .facetwp-flyout details > summary::after {
        /*content: "▶️";*/
        content: "\f105";
        position: relative;
        will-change: transform;
        transition: transform 300ms ease;
        font-family: "FontAwesome";
        color: #222;
        font-size: 1em;
        /*content: "\f125";*/
        left: 3px;
        display: inline-block;
        /*width: 1.6rem;*/
        text-align: center;        
    }

    .facetwp-sidebar details[open] > summary::after,
    .facetwp-flyout details[open] > summary::after {
        /*content: "🔽";*/
        transform: rotate(90deg);
    }    

    .top-filters details > summary::before {
      display: none;
    }

    .top-filters details > summary::after,
    .top-filters button::after  {
      /*content: "▶️";*/
      content: "\f107";
      position: relative;
      will-change: transform;
      transition: transform 300ms ease;
      font-family: "FontAwesome";
      color: #222;
      font-size: 1em;
      /*content: "\f125";*/
      left: 3px;
      display: inline-block;
      width: 1.6rem;
      text-align: center;
    }

    .top-filters button {
        background-color: transparent !important;
    }

/* @end */

/* @group ADMIN-BAR TWEAK */

    /* When WordPress admin bar is displayed, move theme menu down below it. Note that the
     * media query here uses the exact breakpoint in WordPress not the breakpoint in this
     * theme. */
    .navbar-fixed-top {
        top: 0;
    }

    body.admin-bar .navbar-fixed-top {
        top: 32px !important;
    }

/* @end */

/* @group ALIGN: HEADER TEXT */

    .right-header-text,
    .center-header-text {
        margin-top: 5px;
    }

    .center-header-text {
        text-align: center;
    }

    .right-header-text {
        text-align: right;
    }

/* @end */

/* @group ALIGN: TEXT */

    .centered {
        text-align: center;
    }

/* @end */

/* @group ANIMATION: TILT */

    /* TILT ANIMATION */
    .tilt {
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
    }

    .tilt:hover {
        -webkit-transform: rotate(-10deg);
           -moz-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
             -o-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }

/* @end */

/* @group ARTICLE */

    article {
        margin-top: 0;
        /*border: 1px solid black;*/
        /*box-shadow: 1px 1px teal;*/
        /*border-bottom: 5px #efefef solid;*/
        padding: 10px;
        /*background-color: white;*/

        background-color: #FBFBFB;
    }

    article hr {
        display: none;
    }

    article:hover {
        /*cursor: pointer;*/
        /*transform: scale(1.005);*/
    }

    article.page {
        padding: 20px 40px;
    }

    article.audio {
        /*margin-bottom: 10px !important;*/
        margin-bottom: 15px !important;
        /*margin-bottom: 0px !important;*/
    }

/* @end */

/* @group BUTTONS */

	.btn-success {
	    background-color: #43A531;
	    border-color: #43A531;
	    color: #fff;
	}
	
	.btn-success:hover,
	.btn-success:focus,
	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
	    background-color: var(--brand-color-hover);
	    border-color: var(--brand-color-hover);
	    color: #fff;
	}
	
	.btn-hollow {}
	
	button.btn.btn-hollow {
	    border: none;
	}
	
	.btn-hollow:hover,
	btn.btn-hollow:hover,
	button.btn.btn-hollow:hover {
	    background-color: #fff;
	    color: #fff;
	}
	
	button,
	a.btn,
	html input[type="button"],
	input[type="submit"] {
	    background-color: var(--button-color) !important;
	    color: white !important;
	    font-weight: 700;
	    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	    font-size: 15px;
	    /*padding: 12px 24px;*/
	}

	button:hover,
	button:focus,
	a.btn:hover,
	html input[type="button"]:hover,
	html input[type="button"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus {
	    background-color: var(--button-color-hover) !important;
	    color: white !important;
	}

    .button {
        font-size: 14px;
        font-weight: 700 !important;
        line-height: 1.428571429;

        display: inline-block;

        margin-bottom: 0;
        padding: 6px 12px;

        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;

        color: white !important;
        border: 1px solid transparent;
        border-radius: 4px;
        /*background-color: hsla(128, 100%, 30%, 1);*/
        background-color: green;
        background-image: none;

             -o-user-select: none;
    }

    .button:hover,
    .button:focus {
        text-decoration: none !important;

        color: white !important;
        background-color: hsla(128, 100%, 20%, 1) !important;
    }

    .button:active {
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .button:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }
    
    .btn.unlock {
        font-size: 18px;

        position: absolute;
        z-index: 500;
        top: 50%;
        left: 50%;

        display: inline-block;

        margin: 0 auto;

        transform: translateX(-50%) translateY(-50%);

        background-color: green !important;
    }

    .btn.unlock:hover {
        text-decoration: none !important;

        color: white !important;
        background-color: hsla(128, 100%, 20%, 1) !important;
    }

    .alert button {
        margin-left: 5px;
    }

    .alert button span {
        font-family: Arial;

        padding: 0 5px;
    }

    .btn.google:hover {
        color: #222;
        border: 1px solid #C6C6C6;
        background-color: #F8F8F8;
        background-image: linear-gradient(top, #F8F8F8, #F1F1F1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }

    .btn.google {
        font-family: arial, sans-serif;
        font-size: 14px;
        line-height: 27px;

        min-width: 54px;
        height: 36px;
        margin: 11px 4px;
        padding: 0 16px;

        cursor: pointer;
        user-select: none;
        text-align: center;

        color: #5F6368;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        background-color: #F2F2F2;
    }


/* @end */

/* @group CONTACT FORM */

    .speaker-form,
    .contact-form-7 {
        margin: 0 auto;

        text-align: center;
    }

    .speaker-form input,
    .speaker-form label,
    .speaker-form textarea,
    .contact-form-7 input,
    .contact-form-7 label,
    .contact-form-7 textarea {
        width: 100%;
        max-width: 100%;
    }

    .checkbox-wrapper input {
        width: 20px;
    }

    .speaker-form label,
    .contact-form-7 label,
    .checkbox-wrapper {
        font-size: 16px;
        font-weight: 500;

        text-align: left;
    }

    .contact-form-7 label span {
        font-color: inherit !important;
    }

    /*.contact-form label {
      font-weight: 500;
      font-size: 16px;
    }*/

    .speaker-form input,
    .speaker-form textarea,
    .contact-form-7 input,
    .contact-form-7 textarea {
        font-size: 16px;

        padding: 4px;
    }

    .speaker-form__submit {
        width: auto !important;
        padding: 6px 12px !important;
    }

    .phone__country-wrapper {
        display: inline-block;
    }

    .phone__country-number {
        display: inline-block;

        width: 50px;
    }

    .phone__country-label {
        font-size: 14px;

        display: inline-block;

        width: 50px;
    }

    .phone__number-wrapper {
        display: inline-block;
    }

    .phone__number {
        display: inline-block;

        width: 100px;
    }

    .phone__number-label {
        font-size: 14px;

        display: inline-block;

        width: 100px;
    }
	
	form.contact-form textarea {
        height: 108px;
    }
	
	.email-form {
	    height: 200px;
	    width: 100%;
	}
	
	.subscription-confirmed {
	    padding-top: 50px;
	}
	
	.subscription-confirmed .row {
	    /*font-size: 20px;*/
	}
	
	/* @end */

/* @group CONTENT-HEADER */

    /* Adjust the content (page) header */
    .content-header {
        color: #FFF;
        /*background-color: #3498db;*/
        /*background-color: #ff8822;*/
        background-color: #222;
    }

    .content-header h1,
    .content-header h2,
    .content-header h3,
    .content-header h4,
    .content-header h5,
    .content-header h6 {
        text-align: center;

        color: #FFF;
    }

    /*
    ** THEME-SPECIFIC STYLES HERE TO OVERRIDE BOOTSTRAP, THEME-BASE, AND THEME-FLAT CSS
    */

    /* Set page header to dark blue */
    .content-header {
        color: #FFF;
        background-color: #34495E;
    }

    .content-header h1,
    .content-header h2,
    .content-header h3 {
        color: #FFF;
    }

    /* Set initial image background so light text is readable before image loads */
    .content-header-image {
        background-color: #E7E7E7;
    }

.search .content-header {
        padding-bottom: 10px;
    }

/* @end */

/* @group COVER-IMAGE */

    .cover-image,
    .cover-image-overlay,
    .section-image,
    .section-image-overlay {
        height: 480px;
        /* cross-browser */
        min-height: 480px;
    }

    /* Change cover (front page) and section image crop to center. Bold the h1 tag. */
    .section-image,
    .cover-image {
        background-position: center center;
    }

    .cover-image-overlay h1,
    .cover-image-overlay h2,
    .section-image-overlay h1,
    .section-image-overlay h2 {
        text-transform: none;
    }

    .cover-image-overlay h1 {
        font-weight: 700;
    }

    /*.cover-image {
        background-color: #689abd;
    }*/    

/* @end */

/* @group DROPDOWN MENU */

    .dropdown-menu {
        top: 50px !important;

        /*background-color: #66C3FF;*/
        background-color: var(--brand-color);
    }

    .dropdown-menu > li > a {
        font-size: 14px;
        font-weight: bold;

        color: #FFF !important;
    }

    .dropdown-menu > li > a:hover {
        text-decoration: underline;

        background-color: transparent !important;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus
    /*li.dropdown:hover*/ {
        color: #FFF !important;
        /*text-decoration: none;*/
        outline: 0;
        background-color: #666 !important;
    }

    li.dropdown *:hover {
        color: white !important;
    }

    li.dropdown a {
        /*color: white !important;*/
    }

    li.dropdown a:hover {
        color: white !important;
    }
	
	.dropdown-menu>.active>a {
        background-color: #666 !important;
    }
	
	.dropdown.open:hover {
	    background-color: transparent;
	}
	
	/* @end */

/* @group ENTRY-META */

/* Tone down the date | author | comments meta links on index pages */
.entry-meta {
    font-size: 14px !important;
}

.tag-audio .entry-summary p,
.type-audio .entry-summary p {
    font-size: 14px !important;
}

.cat-links a,
.tags-links a {
    /*color: #858585;*/
    font-size: 14px !important;
}

.cat-links a:hover,
.tags-links a:hover {
    /*color:#222;*/
    text-decoration: underline;
}

.entry-meta p {
    margin-bottom: 5px !important;
}

/* Tone down the date | author | comments meta links on index pages */
/*.entry-meta {
  font-size: 14px;
}*/

/* Move up the edit link on single pages so it doesn't create an uncolored section */
/*.page footer.entry-meta {
  margin-bottom: 0px;
  margin-top: -20px;
}*/

/* @end */

/* @group ENTRY: SUMMARY */

.entry-summary p {
    /*line-height: 28px !important;*/
    font-size: 16px;
}

.entry-summary,
.entry-summary p {
    margin-bottom: 0px !important;
}

/* @end */

/* @group EVENTS */

.event__pitch,
.event__time,
.event__location,
.event__registration-link {
    font-size: 16px;
}

.event__image {
    margin-bottom: 20px;
}

.single .event__expand {
    display: none;
}

.event__pitch {
    font-size: 18px;

    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0;
}

.event__separator {
    display: block;
}

.event-list-widget {
    padding-left: 5px;

    list-style: none;
}

.event-list-widget li {
    /*border-top: 1px #ccc solid;*/
    padding-top: 10px;
}

.event-list-widget li p {
    font-size: 14px;

    margin-bottom: 0 !important;
}

.event-list-widget h4 {
    margin-bottom: 0;
    padding-bottom: 10px;

    border-bottom: 1px #CCC solid;
}

.event-list-widget li:first-child {
    border-top: none;
}

.view-all-events {
    font-size: 14px;

    margin-left: 5px;
}

.event-list-widget li:last-child p {
    margin-bottom: 5px !important;
}

/* @end */

/* @group FOOTER */

    /* Set our footer to "almost" black */
    .sidebar-footer {
        color: white;
        background-color: #2F2F2F;
    }
    .sidebar-footer h1,
    .sidebar-footer h2,
    .sidebar-footer h3 {
        color: #FFF;
    }

    /* Set link colors to off white and text to gray for footer */
    .sidebar-footer,
    .footer-nav-menu {
        color: #95A5A6;
    }
    .sidebar-footer a:not(.btn),
    .footer-nav-menu a:not(.btn) {
        /*color: #95a5a6;*/
        color: #F2F2F2;
    }
    .sidebar-footer a:hover:not(.btn),
    .sidebar-footer a:focus:not(.btn),
    .footer-nav-menu a:hover:not(.btn),
    .footer-nav-menu a:focus:not(.btn) {
        /*color: #c0392b;*/
        color: #3BC492;
    }

    /* Set our site credits to "not quite" black */
    .after-footer {
        font-size: 16px;

        color: white;
        background: #222;
    }

    .sidebar-footer {
        display: none;
    }

    .after-footer a {
        color: #CCC !important;
    }

    .after-footer a:hover {
        color: #FFF !important;
    }


/* @end */

/* @group FORMAT: AUDIO */

    .format-audio > .entry-header {
        margin-bottom: 5px;
    }
	
	.tag-audio header .entry-meta p,
    .type-audio header .entry-meta p {
        display: none;
    }
	
	/* @end */

/* @group FORMAT: PHOTO */

.format-photo .entry-header {
    visibility: hidden;
}

.format-photo:hover .entry-header {
    visibility: visible;
}

.single-post .format-photo .entry-header {
    visibility: visible;
}

/* @end */

/* @group FORMAT: WRITTEN */

.single-post .format-written .entry-summary {
    display: block;
}

.single article.format-written {
    /*padding: 80px 160px;*/
}

.single article.format-written .entry-content {
    /*  font-size: 22px;
  padding-top: 30px;*/
}

/* @end */

/* @group FRONTPAGE MARQUEE */

    .frontpage-marquee {
        height: auto;
        padding: auto 0;
        padding-top: 12px;
        padding-bottom: 26px;

        border-bottom: 2px #CCC solid;
    }

    .frontpage-marquee h2 {
        font-size: 28px;
    }
	
	.frontpage-marquee .cta {
        margin-top: 40px;
    }
	/*.frontpage-marquee h2 {
	  position: fixed;
	top: 40px;
	}*/

    .page-template-page-playlist .frontpage-marquee {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

/* @end */

/* @group HEADER */

    /* CSS FOR HEADER FLIPPED ON HOME PAGE */

    header-flipped .navbar-inverse,
    .menu-flipped .navbar-inverse {
        position: static !important;
    }

    .header-flipped .navbar-background,
    .menu-flipped .navbar-background {
        height: 80px !important;
    }

    .header-flipped .navbar-brand,
    .menu-flipped .navbar-brand {
        position: static;
        top: 0;
        left: 0;

        width: 300px;
        height: 80px;
        margin: 0;
        padding-top: 10px;

        transform: none;
        text-align: left;
    }

    .header-flipped .navbar-brand h2,
    .header-flipped #logo-image,
    .menu-flipped .navbar-brand h2,
    .menu-flipped #logo-image {
        display: inline-block;
    }

    .header-flipped .navbar-brand h2,
    .menu-flipped .navbar-brand h2 {
        position: relative;
        top: 5px;
        left: 10px;

        margin: 0;
    }

    .header-flipped #logo-image,
    .menu-flipped #logo-image {
        position: static;

        margin-left: 20px;
    }

    .header-flipped .frontpage-marquee,
    .menu-flipped .frontpage-marquee {
        padding-bottom: 0 !important;

        border-bottom: none;
    }

    .header-flipped .navbar-inverse,
    .menu-flipped .navbar-inverse {
        transform: none;

        border-bottom: 2px #CCC solid;
    }

    .header-flipped .menu-stripes,
    .menu-flipped .menu-stripes {
        position: relative;
        top: 2px;

        display: inline-block;

        margin-right: 5px;
    }

    .header-flipped .navbar-header,
    .menu-flipped .navbar-header {
        height: auto !important;

        text-align: center;
    }


    .header-flipped .navbar-toggle {
        float: none;

        width: 90%;
        margin-right: 0;

        background-color: #666 !important;
    }

    .header-flipped .navbar-collapse {
        position: static;

        float: none !important;

        transform: none;
    }

    .header-flipped #main-grid .frontpage-marquee,
    .header-mixed #main-grid .frontpage-marquee {
        display: none;
    }

    .header-flipped #content,
    .header-flipped #main-grid {
        margin-top: 0;
    }

    .header-flipped .header-container {
        padding-top: 0;
    }

    .header-flipped #site-navigation,
    .header-mixed #site-navigation-flipped {
        position: sticky;
        z-index: 1000;
        /*position: relative;*/
        top: 0;
    }

    .header-regular {
        display: none;
    }

    .header-minimal .frontpage-marquee {
        padding-top: 30px;
        /*margin-bottom: 30px;*/
        padding-bottom: 40px;
    }

    .header-mixed .navbar.navbar-inverse.navbar-fixed-top {
        top: auto !important;
    }

    /*.header-grid {
      display: grid;
      grid-template-columns: 300px 1fr;
      grid-template-rows: 80px 1fr 80px;
      grid-template-areas: 
        "top-left top-right"
        "main main"
        "bottom bottom";
    }

    .navbar-brand {
      grid-area: top-left;
    }

    .header-top-right {
      grid-area: top-right;
    }

    .header-marquee {
      grid-area: main;
    }

    .header-bottom {
      grid-area: bottom;
    }*/

/* @end */

/* @group HEADINGS */

    /* Adjust heading styles and font sizes */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Helvetica Neue", Arial, sans-serif;

        text-transform: uppercase;

        color: #333;
    }

    h1 {
        font-size: 28px;
        font-weight: 700;

        text-transform: none !important;
    }

    h2 {
        font-size: 20px;
        font-weight: 500;

        text-transform: none !important;
    }

    h3 {
        font-size: 18px;

        letter-spacing: 1px;
        text-transform: none;
    }

    h4,
    h5,
    h6 {
        font-size: 16px;
    }

/* @end */

/* @group LAYOUT: COLUMNS */

    #primary,
    #secondary,
    #tertiary {
        padding-top: 20px !important;
    }

    #primary.col-md-8 {
        padding-left: 15px !important;
    }

    #tertiary > div {
        margin-bottom: 20px;
    }

/* @end */

/* @group LINKS */

    /* Set link color to red and hover to gray */
    a {
        /*color: #f85c37;*/
        /*color: hsla(239, 85%, 40%, 1);*/
        color: hsla(204, 100%, 30%, 1);
    }

    a:hover,
    a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        cursor: pointer;
        /*color: #20b;*/
        text-decoration: underline;
        /*color: #7b7b7b;*/
        /*color: #222;*/
        /*color: hsla(239, 85%, 30%, 1);*/

        color: hsla(204, 100%, 20%, 1);
    }

    a:hover i,
    a:focus i {
        color: #43A531;
        /*color: #ff7878;*/
    }

/* @end */

/* @group MENU */

/* styling button on menu */

li.btn>a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    /*background-color: hsla(128, 100%, 30%, 1);*/
    background-color: green;
    color: white !important;
}

li.btn>a:hover,
li.btn>a:focus {
    background-color: hsla(128, 100%, 20%, 1) !important;
    color: white !important;
    text-decoration: none !important;
}

li.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

li.btn>a:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* @end */

/* @group MENU: SIGN-IN */

.sign-in-menu {
    height: 80px;
    position: absolute !important;
    top: 10px !important;
    right: 50px;
}

.sign-in-menu li a {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

/* @end */

/* @group NAVBAR */

    /* Style the fixed top nav */
    .navbar-inverse {
        font-size: 14px;
        font-weight: 700;

        top: 0;
        left: 0;
        /*background-color: #f2f2f2;*/

        height: 80px !important;

        text-transform: uppercase;

        color: #FFF;
        border: none;
        /*background-color: #1981d7;*/
        /*background-color: #d2ecfe;*/
        /*background-color: #66C3FF;*/
        /*background-color: #f2f2f2;*/
        background-color: #EFEFEF;
    }

    .navbar-inverse .navbar-nav > li > a {
        /*padding-bottom: 0px;*/
        /*margin-bottom: 15px;*/
        margin-bottom: 0;
        /*color: #999999;*/
        /*color: #222;*/
        /*color: #fff;*/

        color: #333;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        /*border-bottom: 2px solid #fff;*/
        /*margin-bottom: 10px;*/
        /*color: #fff;*/
        text-decoration: underline;
    }

    .navbar-inverse .navbar-brand {
        font-size: 22px;

        text-transform: uppercase;
    }

    /* Just for fun, color dot red (only if site name has an "O" in it. see functions.php) */
    .navbar-inverse .navbar-brand i {
        /*color: #ff7878;*/
        letter-spacing: 1px;

        color: #43A531;
    }

    .navbar-inverse .navbar-nav > .active > a {
        /*background: #43A531;*/
        background: transparent;
        /*background: #ff7878;*/
    }

    /* Don't black out the active nav link on hover */
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    li.dropdown:hover {
        /* comment out to not showing active link with menu links to search results */
        background-color: #666;


        /*background-color: transparent;*/
        /*border-bottom: 5px solid #fff;*/
        /*background-color: #ff7878;*/
    }

    li.dropdown:hover > a,
    li.dropdown > a:hover {
        text-decoration: none !important;
    }



    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #333;
        background-color: transparent;
    }

    /*.navbar-inverse .navbar-nav > .active > a {
            background: #444;
      background: #ff7878;
    }*/

    .navbar {
        position: absolute;
    }

    .navbar .container {
        height: 100%;
        padding-top: 10px !important;
        padding-bottom: 10px !important;        
    }

    .navbar-brand h2 {
        font-size: 1.2em;
        font-weight: bold;

        width: 200px;
        margin-top: -5px;
        margin-left: 75px;

        color: white;
    }

    .navbar-header {
        position: relative;

        height: 50px;
    }

    .navbar-brand {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 160px;
        height: 50px;
        margin: -25px 0 0 -80px;
        padding: 0;

        color: transparent !important;
    }

    /*.navbar-nav a {
    color:#222 !important;
    }

    .navbar-nav a:hover {
    color:#fff !important;
    }*/

    /*.navbar-brand {
    background-color: #66c3ff;
    width: 250px;
    height: 60px;
    }

    .navbar-brand::after {
        border-right: 30px solid transparent;
        border-top: 60px solid #66c3ff;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: -30px;
        top: 0;
        width: 1px;
    }*/

    .navbar-toggle {
        /*display: none !important;*/
    }


    .navbar-collapse {
        margin-top: 10px;
    }

    .navbar-background {
        position: absolute;

        width: 100%;
        height: 100%;

        /*background-color: #66C3FF;*/
        background-color: var(--brand-color);
                clip-path: polygon(0 0, 350px 0, 275px 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 350px 0, 275px 100%, 0% 100%);
    }

/*    .navbar .container::before {

        position: absolute;
        top: 0;
        left: 276px;
        border-bottom: 2px solid #ccc;
        width: calc(100% - 276px);
        height: 100%;
        z-index: 999;
        content: '';

    }*/

    .header-minimal .navbar-brand {
        top: 35px;
        left: 120px;
    }

    .header-minimal .navbar > .container {
          padding-left: 350px;
    }

    /*  .header-minimal .navbar-background {
        clip-path: polygon(0 0, 175px 0, 125px 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
      }

      .header-minimal .navbar-brand h2 {
        display: none !important;
      }

      .header-minimal .navbar-brand {
        top: 35px;
        left: 120px;
      }*/

    /*.navbar-inverse {
      clip-path: polygon(0 0, 350px 0, 275px 100%, 0% 100%);
      -webkit-clip-path: polygon(0 0, 350px 0, 275px 100%, 0% 100%);
    }*/

    .navbar-collapse {
        max-height: none;
    }

    .navbar-collapse .menu-item.btn {
        text-align: left;
    }

/*    .dropdown-menu {
        right: auto !important;
        left: 0 !important;
    }*/

    /* dropdown to the left of the main menu, not right */
    .dropdown-menu {
      right: 0 !important;
      left: auto !important;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #666;
    }

/* @end */

/* @group PAGINATION */

    .pagination > li > a,
    .pagination > li > span,
    span.page-numbers.current {
        color: var(--brand-color);
        /*color: hsla(204, 100%, 30%, 1);*/
        /*color: #222222;*/
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus,
    span.page-numbers.current {
        z-index: 2;

        color: #FFF;
        /*background-color: hsla(204, 100%, 30%, 1);*/
        /*background-color: #222222;*/
        /*border-color: #222222;*/
        /*border-color: hsla(204, 100%, 30%, 1);*/
        border-color: var(--brand-color);
        background-color: var(--brand-color);
    }

/* @end */

/* @group PAGE: CONTACT */

.hello-email {
    font-size: 4em;
    text-align: center;
    margin: 60px 0px 30px;
}

.contact-group {
    text-align: center;
}

.contact-row {
    margin-bottom: 30px;
}

/* @end */

/* @group PAGE: ESD */

    /* ESD formatting */
    .page-id-868 .navbar .page-id-868 a,
    .page-id-868 h1,
    .page-id-868 h2,
    .page-id-868 h3,
    .page-id-868 .entry-title,
    .page-id-868 a.btn {
        font-family: "IndustryInc-Base" !important;
        font-weight: normal;
    }

    .page-id-868 .navbar-brand h2 {
        font-family: "Raleway" !important;
        font-weight: bold !important;
    }

    .page-id-868 button,
    .page-id-868 a.btn,
    .page-id-868 html input[type="button"],
    .page-id-868 input[type="submit"] {
        color: white;
        background-color: #8A0707 !important;
    }

    .page-id-868 blockquote {
        border-color: #8A0707;
    }

    .page-id-868 .pagination > li > a,
    .page-id-868 .pagination > li > span,
    .page-id-868 span.page-numbers.current {
        color: #8A0707;
    }

    .page-id-868 .pagination > li > a:hover,
    .page-id-868 .pagination > li > span:hover,
    .page-id-868 .pagination > li > a:focus,
    .page-id-868 .pagination > li > span:focus,
    .page-id-868 span.page-numbers.current {
        z-index: 2;

        color: #FFF;
        border-color: #8A0707;
        background-color: #8A0707;
    }

/* @end */

/* @group PAGE: JKCOM */

    .page-template-page-jkcom-blank article {
        background-color: transparent;
    }

/* @end */

/* @group PAGE: NOT HOME */

body:not(.home) {
    /*font-family: Arial;*/
}

/* @end */

/* @group PAGE: PLAYLIST */

    body.page-playlist #secondary,
    body.page-drills #secondary {
        /*margin-top: 20px !important;*/
        margin-top: 0 !important;
    }

    body.page-playlist .frontpage-marquee,
    body.page-drills .frontpage-marquee {
        padding: 0;
    }

    body.page-playlist .container,
    body.page-drills .container {
        padding-top: 0;
    }

    body.page-playlist #main-grid,
    body.page-drills #main-grid {
/*        padding-top: 0;
        margin-top: 0;*/
    }

/* @end */

    body.page-playlist .wp-playlist-item-artist {
        display: none;
    }

/* @end */

/* @group PAGE: PROJECT 35 */

.project-35__image img {
    height: 125px;
}

.project-35__ad {
    /*color: #666;*/

}

.tag-project-35 .powerpress_links,
.tag-project-35 #player-grid .entry-meta p {
    display: none;
}

/* @end */

/* @group PAGE: SINGLE-POST */

    /*
    .single-post .content-header {
    background-color:transparent;
    color: #222;
    margin-top:20px;
    max-height:80px;
    }
    */

    .single-post .content-header {
        /*display: block;*/
        display: none;
    }

    .single-post .page-title {
        text-align: left;

        color: #222;
    }

    .single-post #main-grid {
    }

    .single-post #content {
        /*background-color: transparent;*/
        background-color: #FBFBFB;
    }

    .single-post article {
        border: none;
        background-color: #FBFBFB;
        box-shadow: none;
    }

    /*.single-post #primary {
      text-align: left;
      padding: 0px 20%;
      background-color: #fbfbfb;
      border: 1px solid #ccc;
    }*/

/* @end */

/* @group PAGE: TESTIMONIALS */

    .category-testimonials .content-header {
        display: block !important;
    }

    .category-testimonials .sidebar-pagetop,
    .single-post .sidebar-pagetop,
    .home .sidebar-pagetop {
        display: none;
    }

/* @end */

/* @group PAGE: WITH SIDEBAR */

    #primary.col-md-8 {
        padding-left: 30px !important;
    }

    .content-area {
        padding-top: 0 !important;
    }

    #main-grid {
        /*padding-top: 0px;*/
        /*margin-top: 30px;*/
        /*padding-top: 20px;*/
    }

    .home #main-grid {
        /*padding-top: 0px;*/
    }

    .home #content .container {
        padding-top: 0;
    }

/* @end */

/* @group PANELS */

    .panel td:first-child {
        font-size: .8em;

        padding-left: 10px;
    }

    .panel-title {
        font-weight: 600 !important;

        text-align: center;
    }

    .panel-heading {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .panel .btn {
        margin-bottom: 1.625em;

        text-align: center;
    }

/* @end */

/* @group PLACEHOLDER */

    .mc_input:-moz-placeholder,
    .form-control:-moz-placeholder {
        color: #999;
    }

    .mc_input::-moz-placeholder,
    .form-control::-moz-placeholder {
        opacity: 1;
        color: #999;
    }

    .mc_input:-ms-input-placeholder,
    .form-control:-ms-input-placeholder {
        opacity: 1;
        color: #999;
    }

    .mc_input::-webkit-input-placeholder,
    .form-control::-webkit-input-placeholder {
        opacity: 1;
        color: #999;
    }

/* @end */

/* @group PLUGIN: CIRCLE */

.circle-widget-trigger {
    display: none !important;
}

body.logged-in .circle-widget-trigger {
    display: none !important;
}

/* @end */

/* @group PLUGIN: FACETWP */

    .facetwp-facet {
        font-size: 14px;
    }

    #secondary .facetwp-facet {
        margin-bottom: 20px;
    }

    #secondary .facetwp-sort {
        margin-bottom: 20px;
    }

    .facetwp-sort-select {
        font-size: 15px;

        padding: 8px;
    }

    .facetwp-sort-select:hover {
        cursor: pointer;
    }

    .facetwp-selections ul {
        padding-left: 3px;
    }

    .facetwp-selection-label,
    .facetwp-selection-value {
        font-size: 14px;
    }

    .facetwp-selection-label {
        text-transform: uppercase;
    }

    .facetwp-selections .facetwp-selection-value {
        padding: 8px;
        padding-right: 24px !important;

        border-radius: 4px;
        background-color: lightgray;
        background-position: right 6px center !important;
    }

    .facetwp-selection-value:hover {
        background-color: pink;
    }

    .facetwp-sidebar .facetwp-facet input.facetwp-search {
        min-width: 100px;
        max-width: 100%;
        padding-right: 10px;
    }

    .facetwp-flyout-close {
        background-color: var(--brand-color);
        color: white;
        font-size: 24px;        
    }

    .facetwp-flyout-content {
        padding: 0 20px !important;
    }


/* @end */

/* @group PLUGIN: POWERPRESS PLAYER */

    .episode-logo {
        display: inline-block;

        width: 100px;
        height: 100px;
    }

    .episode-player {
        display: inline-block;

        width: 300px;
    }

    .powerpress_player {
        display: inline-block;
        /*width: calc(100% - 110px);*/

        width: 100%;
    }

    #player-grid {
        display: grid;
        /*grid-template-columns: 100px 1fr;*/

        grid-template-columns: 0 1fr;
        grid-template-rows: auto 35px 50px 1fr;
        grid-template-areas: "logo meta"
        "logo duration"
        "logo player"
        ". player";
        /*grid-gap: 0px 10px;*/
        grid-gap: 0 0;
    }

    #player-title {
        /*grid-area: title;*/
        display: none;
    }

    #player-logo {
        grid-area: logo;
    }

    #player-player {
        grid-area: player;
        /*align-self: end;*/
    }

    .category-drills #player-player .powerpress_links {
        display: none;
    }

    #player-duration {
        font-size: 16px;
        /*grid-area:title;*/

        grid-area: duration;
        /*display:none;*/
        justify-self: start;
    }

    .powerpress_player .mejs-container {
        margin-bottom: 0 !important;
    }

    .player-grid .entry-meta {
        grid-area: meta;
        align-self: start;
    }

    #player-grid .entry-title {
        display: none;
    }
	
	.powerpress_links {
        font-size: 13px !important;
        margin-bottom: 0px !important;
        display: inline-block;
        margin-right: 10px;
    }
	
	.mejs-button button {
	    background-color: transparent !important;
	}
	
	.mejs-container {
	    margin-bottom: 18px !important;
	}
	
	/* @end */
	
	/* @group PLUGIN: TGCHAT */

    #tgbox,
    .tghead,
    .tgfooter {
        max-width: 100% !important;
    }

    .tghead h3 {
        font-weight: bold;

        margin-top: 11px !important;

        text-transform: none;
    }

/* @end */

/* @group PLUGIN: USER-SUBMITTED POSTS */

@charset "UTF-8";
div#user-submitted-posts {
    font-size: 18px;

    width: 100%;
}

div#user-submitted-posts button {
    background-color: #EBEBEB !important;
}

div#user-submitted-posts input[type="button"] {
    background-color: #F7F7F7 !important;
}

div#user-submitted-posts fieldset {
    margin: 10px 0;
    padding: 0;

    border: 0 none;
}
div#user-submitted-posts fieldset label {
    line-height: 42px !important;

    float: left;
    clear: both;

    width: 105px !important;
    margin: 0;
    margin-right: 20px;
    padding: 0;

    vertical-align: middle;
}
div#user-submitted-posts fieldset input.usp-input {
    font-size: 18px;

    float: none !important;
    clear: both;

    width: 50% !important;
    margin: 0;
    padding: 5px;
}
div#user-submitted-posts textarea.usp-textarea {
    font-size: 18px;

    float: left;
    clear: both;

    width: 80%;
    margin: 0;
    padding: 5px;
}
div#user-submitted-posts select {
    font-size: 18px;

    float: left;
    clear: both;

    width: auto;
    margin: 0;
    padding: 5px;
}
div#user-submitted-image {
    float: left;
    clear: both;

    width: 70%;
}
div#usp-upload-message {
    float: left;
    clear: both;

    width: 70%;
}
a#usp_add-another {
    float: left;
    clear: both;

    width: 70%;
}
div#user-submitted-posts fieldset input.usp-input.usp-clone {
    width: 90%;
    margin: 0 0 5px;
    padding: 4px;

    background-color: #FAFAFA;
}
div#usp-submit {
    margin: 15px 0;
}
.parsley-errors-list {
    font-size: 18px;
    line-height: 18px;

    float: left;
    clear: both;

    margin: 0;
    padding: 0;

    list-style-type: none;

    transition: all .5s ease-in 0s;

    opacity: 0;
    color: #FFF;
    background-color: #C33;
}
.parsley-errors-list.filled {
    opacity: 1;
}
.parsley-required {
    margin: 0;
    padding: 2px 3px;
}
.usp-files-error {
    margin-top: -5px;
}
.usp-hidden,
.usp-no-js {
    display: none;
}
.usp-js {
    display: block;
}

.usp-form label {
    display: inline-block !important;
}

/* @end */

/* @group PLUGIN: YOUTUBE PLAYER */
	
	/* Replace Youtube with thumbnails */

    .youtube-player {
        position: relative;

        overflow: hidden;

        max-width: 100%;
        /*padding-bottom: 75%;*/
        /* Use 75% for 4:3 videos */
        height: 0;
        margin: 5px;
        padding-bottom: 56.23%;

        background: #000;
    }

    .youtube-player iframe {
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background: transparent;
    }

    .youtube-player img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        max-width: 100%;
        height: auto;
        margin: auto;

        cursor: pointer;
        -webkit-transition: .4s all;
           -moz-transition: .4s all;
                transition: .4s all;

        border: none;
    }

    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }

    .youtube-player .play {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 72px;
        height: 72px;
        margin-top: -36px;
        margin-left: -36px;

        cursor: pointer;

/*        background: url("//i.imgur.com/TxzC70f.png") no-repeat;*/
    }

    .youtube-player .play::before {
        content: "\f16a";
        color: #F00;
        font-size: 50px;
    }

    .youtube-player iframe {
        margin-top: 0;
    }
	
	.ytp-pause-overlay,
    .ytp-show-cards-title {
        display: none !important;
    }
	
	/* @end */
	
	/* @group POST */

article.post {
    background-image: url('https://www.jimkleiber.com/jim_head_onblue.png');
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 60px;
    background-position-x: 10px;
    background-position-y: 10px;
}

article.post.category-drills,
article.post.category-training {
    background-image: url('https://www.jimkleiber.com/Emoko_Logo_white.png');
}

article.post.category-podcast {
    background-image: url('https://www.jimkleiber.com/jkshow-square-bold.png');
}

article.post.category-podcast.p-segment-dailyjim {
    background-image: url('https://www.jimkleiber.com/dailyjim-logo.png');
}

article.post.category-project-35 {
    background-image: url('https://www.jimkleiber.com/project-35-logo-square-big-3000.png');
}

/* @end */

/* @group PRICING */

    .pricing {
        max-width: 500px;
        margin: 0 auto;
    }

    .pricing__header {
        margin-bottom: 0 auto;

        text-align: center;
    }

    .pricing__description {
        margin: 20px auto 30px;
    }

    .plans__header {
        text-align: center;
    }

    .plan-list {
        padding: 0;

        text-align: center;
    }

    .plan {
        display: inline-grid;
        /*max-width: 400px;*/
        /*min-width: 250px;*/

        width: 80%;
        min-width: 275px;
        max-width: 350px;
        margin: 0 auto;
        padding: 20px;

        border: 1px solid #CCC;
        background-color: #FBFBFB;

        grid-template-columns: 1fr;
        grid-template-rows: 40px 40px 1fr 40px;
        grid-gap: 10px;
    }

    .plan__header {
        font-size: 22px;
        font-weight: bold;

        text-align: center;

        border-bottom: 1px solid #CCC;
    }

    .plan__price {
        font-size: 40px;
        font-weight: bold;

        text-align: center;
    }

    .plan__frequency {
        font-size: 16px;
        font-weight: 300;
    }

    .plan__summary {
    }

    .plan__description {
        margin-bottom: 20px;

        text-align: left;
    }

    .plan__benefit-list {
        margin-bottom: 10px;
        padding-left: 30px;

        text-align: left;
    }

    .plan__benefit {
        font-size: 16px;

        padding: 2px 0;
    }

    .plan__button {
        background-color: blue;
    }

/* @end */

/* @group RESTRICTED: ARTICLE */

.article-restricted {
    font-size: 16px;
}

.single .article-restricted {
    font-size: inherit;
}

/* @end */

/* @group RSS FEED */

    .rss-feed h3 {
        text-transform: none !important;
    }

    .rss-feed ul {
        padding-left: 0 !important;

        list-style-type: none;
    }

/* @end */

/* @group SINGLE */

.single .entry-header {
    margin-bottom: 15px;
}

/* @end */

/* @group SIDEBAR */

    #tertiary {
        border-left: 2px solid #CCC !important;
    }

    #tertiary.widget-area {
        font-size: 16px;
        line-height: 24px;
    }

    #secondary {
        padding-top: 20px !important;
        padding-left: 15px !important;
    }

    #tertiary h2 {
        margin-top: 0 !important;
    }

    #secondary h2 {
        /*margin-top: 3px !important;*/
        margin-top: 0 !important;
    }

    #secondary {
        border-right: 2px solid #CCC !important;
    }

    .sidebar-pagebottom aside {
        background-color: #222;
    }

    .sidebar-pagebottom {
        display: none;
    }

    .sidebar-right-tjks {
        display: none;
    }

    .tjks-page .sidebar-right-tjks {
        display: block;
    }



/* @end */

/* @group SIDEBAR: PAGETOP */

    .sidebar-pagetop h2 {
        font-size: 26px;
        font-weight: bold;

        color: #FFF;
    }

    .sidebar-pagetop {
        text-align: center;
    }

    .sidebar-pagetop p {
        font-size: 18px !important;
        line-height: 20px !important;

        letter-spacing: 1px;
    }

    .sidebar-pagetop button,
    .sidebar-pagetop a.btn {
        font-weight: normal;

        margin: 10px 0;
    }

    .page-id-39 .sidebar-pagetop {
        display: none;
    }

    .sidebar-pagetop aside {
        background-color: #222;
    }

/* @end */

/* @group STICKY */

.sticky .entry-title::after {
    display: none;
}

/* @end */

/* @group WIDGET: FOOTER */

    /* Widgeted Footer - Almost Black Section Wrap */
    .sidebar-footer,
    footer.sidebar-footer,
    nav.sidebar-footer {
        background-color: #2F2F2F;
    }

    .sidebar-footer a:hover:not(.btn),
    .sidebar-footer a:focus:not(.btn),
    .footer-nav-menu a:hover:not(.btn),
    .footer-nav-menu a:focus:not(.btn) {
        color: #F85C37;
    }

    .sidebar-footer span,
    .sidebar-footer i {
        color: #BDBDBD;
    }
    .sidebar-footer span:hover,
    .sidebar-footer span:active,
    .sidebar-footer i:hover,
    .sidebar-footer i:active {
        color: #43A531;
        /*color: #ff7878;*/
    }


/* @end */

/* @group WIDGETS */

    aside.widget-text h2.widget-title {
        font-size: 26px;
        font-weight: 700;

        text-align: center;
        text-transform: uppercase;
    }

/* @end */

.mejs__container.mejs__audio, .mejs-container.mejs-audio {
    min-height: 0 !important;
}


/* @group WP-PLAYLIST */

    #primary .wp-playlist {
        margin: 0 0 18px;
    }

    .wp-playlist-tracks {
        overflow: auto;

        max-height: 400px;
    }

    .wp-playlist-item:hover {
        background-color: lightgray;
    }

    .wp-playlist-caption {
        font-size: 18px !important;
    }

    .wp-playlist-item-length {
        top: 3px !important;
    }

    .wp-playlist-current-item {
        height: 100px !important;
    }

    .wp-playlist .wp-playlist-current-item img {
        max-width: 90px !important;
    }

    .wp-playlist-current-item .wp-playlist-item-title {
        font-size: 1.1em;
        font-weight: 500;
    }

    .wp-playlist-current-item .wp-playlist-item-artist {
        font-size: 14px !important;
    }

    /* Workaround to hide extra playlist created by FacetWP JS on page first load */
    .wp-playlist .wp-playlist-tracks:nth-of-type(1) {
        display: block;

        background-color: yellow;
    }

    .wp-playlist .wp-playlist-tracks {
        /*display: none;*/
    }

    .wp-playlist-tracks + .wp-playlist-tracks {
        display: none;
    }

/* @end */

/* @group MISC */

    .home .content-header-image,
    .single-post .content-header-image,
    .page-template-page-project .content-header-image,
    .page-template-page-tjks .content-header-image,
    .page-template-page-drills .content-header-image {
        display: none !important;
    }

    .content-header {
        display: none;
    }

    .page-template-page-tjks .content-header-image {
        display: none;
    }

    .mc_merge_var,
    .mc_signup_submit,
    #mc_signup_submit {
        display: inline-block !important;
    }

    .page-id-67 {
        background: #222;
    }

    .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    a {
        /*color: #2eabff;*/
        /*color: #555;*/
    }

    #logo-image {
        position: absolute;
        top: 0;
        left: 0;

        width: 160px;
        height: 50px;
    }

    .carousel-control {
        width: 10% !important;
    }

    .home .page-title {
        font-size: 5em;
    }

    header.content-header {
        min-height: 20px;
    }

    .home .content-header {
        padding: 10px 0 !important;
    }

    .entry-title {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }

    .tag-audio .entry-title,
    .type-audio .entry-title {
        margin-bottom: 11px !important;
    }

    h1 a,
    .search .entry-title a {
        color: #20B;
    }

    h1 a:hover,
    .search .entry-title a:hover {
        text-decoration: underline;

        color: #20B;
    }

    .read-more {
        font-size: 16px;

        color: hsla(204, 100%, 30%, 1) !important;
        /*display: none;*/
    }

    .read-more:hover {
        text-decoration: underline;

        color: hsla(204, 100%, 20%, 1) !important;
    }

    .form-inline .form-control {
        width: 235px;
    }

    .mc_input {
        width: 190px !important;
    }

    .category #primary,
    .category #secondary {
    }

    #content {
        /*margin-top: 30px;*/
    }

    .search .page-title {
        padding-top: 11px;
    }

    #comments {
        padding: 10px 30px;

        border: 1px solid #858585;
        background-color: #DDD;
    }

    .comment-content {
        padding: 20px 0 10px 70px;
    }

    .comment-meta {
        font-size: 14px;
    }

    .posted-on,
    .comments-link,
    .cat-links,
    .tags-links,
    .formats-links {
        font-size: 14px;

        margin-right: 5px;

        color: #858585;
    }

    .widget li {
        font-size: 15px;
    }

    .widget {
        font-size: 16px;
        line-height: 18px;
    }

    p {
        line-height: 1.428571429 !important;

        margin-bottom: 18px !important;
    }

    .widget-title {
        margin-top: 11px !important;
    }

    .mc_signup_submit {
        text-align: left;
    }

    #mc_signup_submit:hover {
        background-color: #317A24 !important;
    }

    #mc_signup_submit {
        width: auto !important;
        margin-top: 0 !important;

        background-color: #43A531 !important;
    }

    .mc_var_label {
        display: none !important;
    }

    .mc_input {
        display: inline-block;
    }

    .form-control {
        border-radius: 0 !important;
    }

    .mc_form_inside,
    #mc_signup_form {
        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle;
    }

    #mc_signup_submit {
        font-weight: 400;
    }

    blockquote {
        /*border-color: #43a531;*/
        border-color: var(--brand-color);
    }

    .archive.category .content-header {
        display: none;
    }
    
    .nocaps h1,
	.carousel h1 {
		font-size: 41px;
		text-transform: none;
	}

	.nocaps h2,
	.carousel h2 {
	    font-size: 34px;
	    text-transform: none;
	}
	
	.embed-responsive {
	    margin-bottom: 20px !important;
	}
	
	.top-row {
	    background: black;
	    height: 200px;
	    width: 100%;
	    color: white;
	    font-size: 30px;
	}
	
	.top-row h1 {
	    color: white;
	}
	
	.bubbledescription {
	    display: none !important;
	}
	
	body.blog .content-header-image {
	    display: none !important;
	}
	
	article.post {
	    /*margin-bottom: 10px !important;*/
	    margin-bottom: 15px !important;
	    /*margin-bottom: 0px !important;*/
	    /*border: 1px solid #ccc !important;*/
	}
	
	.page-template-page-jkcom-default article.post,
	.home article.post,
	.page-template-page-nosidebar-noheader article.page {
	    border: 1px solid #ccc;
	}
	
	iframe {
	    margin-bottom: 10px;
	    margin-top: 10px;
	    /*height: 300px !important;*/
	}
	
	.smaller {
	    font-size: 0.7em;
	}
	
	.gridtime {
	    display: grid;
	    grid-template-columns: 3fr 3fr 1fr;
	    grid-template-rows: 200px 200px;
	    grid-gap: 20px;
	    max-width: 1000px;
	    margin: 50px auto;
	}
	
	.gridbox {
	    color: white;
	    text-align: center;
	    font-size: 30px;
	    padding: 25px;
	}
	
	.edit-link {
	    display: none;
	}
	
	body.single .entry-title a {
	    font-size: 24px !important;
	    /*color: black;*/
	}
	
	.marquee__second-line {
	    margin-top: 0px;
	    margin-bottom: 40px;
	}
	
	.veil {
	    top: 0px;
	    left: 0px;
	    background: black;
	    opacity: 0.3;
	    height: 100%;
	    width: 100%;
	    z-index: 100;
	    position: absolute !important;
	}
	
	/*#site-navigation {
	  display: none;
	}
	
	#wpadminbar {
	  display: none;
	}
	*/
	
	/* 
	Extra small devices (portrait phones, less than 576px) 
	No media query since this is the default in Bootstrap because it is "mobile first"
	*/
	
	.visible-xs-block {
	    display: block;
	}
	
	.visible-sm-block,
	.visible-md-block,
	.visible-lg-block {
	    display: none;
	}
	
	#photo-container {
	    padding: 0px 52px 52px 52px;
	    /*cursor:pointer;*/
	}
	
	.single-post #photo-container {
	    padding: 20px 20px;
	}
	
	.format-written .entry-summary {
	    /*display: none;*/
	}
	
	#training-header {
	    margin-top: 0px;
	}
	
	span.wpcf7-list-item {
	    display: block;
	}
	
	.strikethrough {
	    position: absolute;
	    width: 110%;
	    border-top: 5px solid red;
	    left: -5%;
	    top: 40%;
	}
	
	.paged .marquee__content {
	    display: none;
	}
	
	.error-404 .page-title {
	    margin-top: 50px !important;
	}
	
	.entry-meta,
	.comment-edit-link {
	    font-size: 16px;
	}
	
	
	
	/* Move up the edit link on single pages so it doesn't create an uncolored section
	 * Note that its parent must have relative positioning for this to work. Not used.
	 */
	/*.page .entry-content {
	  position: relative;
	}
	.page footer.entry-meta {
	  position: absolute;
	  bottom: 0;
	}*/
	
	/*
	 * STYLE SOME COMMON WORDPRESS WIDGETS AND PLUGINS
	 */
	
	/* Get WordPress Jetpack Popular Posts Widget to look like other thumbnail posts */
	.widgets-list-layout-links {
	    float: left !important;
	    margin-left: 15px !important;
	    /*margin-left: 1.625em !important;*/
	}
	
	/* Hide JetPack's sharing module from pages with posts */
	.page-posts .sharedaddy {
	    display: none;
	}
	
	/* @end */
	
	/* @group MEDIA QUERIES */

    @media screen and (max-width:400px) {
	.carousel {
        font-size: 1.2em;
    
        height: 350px;
    }
	}

    @media screen and (max-width:540px) {
	.hello-email {
        font-size: 1.7em !important;
    }
	}

    @media screen and (min-width:576px) {
	.visible-xs-block {
        display: none;
    }
    .visible-sm-block {
        display: block;
    }
	}

    @media screen and (max-width:600px) {
	.carousel {
        font-size: 1.4em;;
    
        height: 350px;
    }

    .top-search-sort .textwidget {
        flex-direction: column;
    }
	}
	
	@media screen and (max-width: 640px) {
        .footer-nav-menu, .site-credits {
            text-align: center;
            float: none !important;
        }
        .site-credits {
            padding-bottom: 15px;
        }
    }
	
	    @media screen and (max-width:688px) {
	.search-form .search-submit {
        margin-top: -37px !important;
    }
	}

    @media screen and (max-width:767px) {
        .navbar-collapse {
            margin-top: 15px !important;

            background-color: var(--brand-color) !important;
        }

        .frontpage-marquee {
            height: auto;
            padding-bottom: 20px;
        }

        .frontpage-marquee h2 {
            font-size: 23px;
        }

        #secondary {
            padding: 0 20px !important;
        }

        #primary {
            padding-bottom: 0;
        }

        #tertiary > div {
            margin-bottom: 40px !important;
        }  

        .navbar-background {
                    clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
            -webkit-clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
        }
/*
        .navbar .container::before {
            left: 76px;
            width: calc(100% - 76px);
        }  */      

        .navbar-brand h2 {
            display: none;
        }

        .navbar-toggle,
        .navbar-collapse {
            border: none;
        }

        .navbar-toggle,
        .navbar-collapse {
            border: none;
            /*display: none;*/
            background-color: var(--brand-color) !important;
            margin-top: 11px;            
        }

        .navbar-toggle:hover,
        .navbar-toggle:focus,
        .navbar-collapse:hover,
        .navbar-collapse:focus {
            background-color: var(--brand-color-hover) !important;
        }         

        .navbar-nav > li > a {
            color: #FFF !important;
        }

        li.btn a {
            text-align: left;
        }

        .frontpage-marquee {
            margin-top: 0 !important;
        }
		
		.menu__contact {
            /*clear:both;*/
            float: none !important;
        }
        
        .menu__account,
        .menu__join {
            float: none !important;
            /*clear:both;*/
        }
        
        .frontpage-marquee {
            margin-top: 70px;
        }
		
		.header-flipped .navbar-background {
                    clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
            -webkit-clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
        }
        
        .header-flipped .navbar-brand h2 {
            display: none;
        }
        
        .header-flipped {
            display: none;
        }
        
        .header-regular {
            display: block;
        }
        
        .header-mixed #main-grid .frontpage-marquee {
            display: block;
        }
		
		.navbar-header {
            height: 50px !important;
        }
        #content {
            /*margin-top: 20px !important;*/
        }
        .form-inline .form-control,
        .mc_input {
            width: 160px;
        }
        #tertiary.widget-area {
            border-left: 0 !important;
        }
        #secondary.widget-area {
            border-right: 0 !important;
        }
        .single article.format-written {
            /*padding: 20px !important;*/
        }
        .single article.format-written .entry-content {
            /*font-size: 18px !important;
        padding-top: 10px !important;*/
        }
		
		.navbar-brand {
            left: 100px !important;
        }
		
		.hello-email {
		    font-size: 2.3em !important;
		}

        .top-workouts .textwidget .selection {
            display: block;
        }

        

        /* @group SMALL-PAGE: PLAYLIST */

/*            body.page-playlist #main-grid {
                margin-top: 40px !important;
            }*/

            body.page-template #main-grid {
                margin-top: 0 !important;
            }               

        /* @end */

	}

    @media screen and (min-width:768px) {
	.header-mixed #content,
    .header-mixed #main-grid {
        margin-top: 30px;
    }

    .navbar-toggle,
        .navbar-collapse {
            background-color: transparent !important;          
        }

    .desktop {
        display: block;
    }
    
    .account-item {
        /*display: none !important;*/
    }
		
		.dropdown:hover > .dropdown-menu {
        display: block;
    }
		
		.visible-sm-block {
		    display: none;
		}
		
		.visible-md-block {
		    display: block;
		}
		
		.menu-overflow {
		    float: right !important;
		}
		
		body {
		    /*padding-top: 50px;*/
		}
		.navbar-inverse {
		    padding-top: 0;
		    padding-bottom: 0;
		}
		
		body.home .navbar-collapse {
		    /*      position: absolute;
		  top: 610px;
		  width: 100%;
		  left: 50%;
		  transform: translateX(-50%);*/
		}
		
		body:not(.home) .navbar-collapse {
		    top: 190px;
		}
		
		#menu-top-menu,
		#menu-top-menu-no-training {
		    position: relative;
		    left: 50%;
		
		    transform: translateX(-50%);
		}
		
		.frontpage-marquee {
		    /*padding-bottom: 100px !important;*/
		    /*top: -10px;*/
		}
		/*  .cover-image, .cover-image-overlay {
		min-height: 480px !important;
		}*/
	}

    @media screen and (min-width:768px) (max-width:991px) {
        .home .navbar-collapse {
            top: 700px;
        }
    }

    @media screen and (min-width:768px) and (max-width:1000px) {
	.menu__contact {
        float: right !important;
        clear: both;
    }
    
    .menu__account,
    .menu__join {
        float: right !important;
        clear: both;
    }
    
    .frontpage-marquee {
        /*margin-top: 70px;*/
    }
    
    #content {
        margin-top: 150px;
    }
    
    .single-post #content {
        margin-top: 180px;
    }
    /* @group MEDIUM-PAGE: PLAYLIST */

        body.page-playlist #content,
        body.page-drills #content {
            margin-top: 0;
        }

    /* @end */
	}

    @media screen and (max-width:769px) {
	#photo-container {
        padding: 0 20px 52px 20px;
        /*cursor:pointer;*/
    }
		
		.navbar-brand {
	    margin-top: -30px;
	}
	}

    @media screen and (max-width:782px) {
        body.admin-bar .navbar-fixed-top {
            top: 46px !important;
        }

        .tag-audio header .entry-meta p,
        .type-audio header .entry-meta p {
            display: block;
        }

        .tag-audio .entry-title,
        .type-audio .entry-title {
            margin-bottom: 5px !important;
        }

        #player-grid .entry-meta {
            /*display:none;*/
        }

        #player-duration {
            font-size: 1.025em;

            place-self: center;
        }

        #player-grid {
            /*    grid-template-areas: "logo duration"
        "logo duration"
        "logo player"
        ". player";*/
            grid-template-areas: "logo meta"
            "logo duration"
            "logo player"
            ". player";
        }
		
		body.admin-bar .navbar-fixed-top {
            top: 46px !important;
        }
	}

    @media screen and (max-width:935px) {
	.carousel {
        font-size: 1.6em;
    }
	}

    @media screen and (max-width:991px) {
	.facetwp-sidebar {
        /*display: none;*/
    }
    .facetwp-flyout-open,
    .facetwp-mobile-wrapper {
        display: inline-block;
    }

    .facetwp-mobile-wrapper {
        margin-bottom: 15px;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #EFEFEF;
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
        z-index: 1000;        
    }

    .facetwp-sort {
        display: inline-block;
        float: right;
    
        /*margin-top: 4px;*/
    }
    .facetwp-selections {
        margin-top: 10px;
        padding-top: 5px;
    }
    #secondary {
        border-right: none !important;
    }

    .social-preview__container {
      display: none;
    }
	}

    @media screen and (min-width:992px) {
		.visible-lg-block {
	        display: block;
	    }
	    .visible-md-block {
	        display: none;
	    }
			
			.facetwp-flyout-open,
            .facetwp-mobile-wrapper {
	        display: none;
	    }
	    #primary .facetwp-sort {
	        display: none;
	    }
	}

    @media screen and (min-width:992px) and (max-width:1200px) {
	.home .navbar-collapse {
        top: 640px;
    }
    .navbar-collapse {
        /*top: ;*/
    }
	}

    @media screen and (max-width:992px) {
	.hello-email {
    font-size: 2.6em !important;
    }
    .top-filters {
        padding-top: 20px;
    }
	}

    @media screen and (max-width:1080px) {
	.carousel {
        font-size: 1.9em;
    
        height: 350px;
    }
	}
	
    @media screen and (max-width:1100px) {
	    .navbar-background {
	                clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
	        -webkit-clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
	    }
	
	    .navbar-brand h2 {
	        display: none;
	    }
	
	    .navbar-toggle,
	    .navbar-collapse {
	        border: none;
            /*display: none;*/
            background-color: var(--brand-color) !important;
            margin-top: 25px;            
	    }

        .navbar-toggle:hover,
        .navbar-toggle:focus,
        .navbar-collapse:hover,
        .navbar-collapse:focus {
            background-color: var(--brand-color-hover) !important;
        } 
	
	    /*  .navbar-nav > li > a {
	    color: #fff !important;
	  }*/
	
	    li.btn a {
	        text-align: left;
	    }
	}
	
	@media screen and (max-width:1199px) {
        .header-minimal .navbar-background {
                    clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
            -webkit-clip-path: polygon(0 0, 125px 0, 75px 100%, 0% 100%);
        }

        .header-minimal .navbar-brand h2 {
            display: none !important;
        }

        .header-minimal .navbar-brand {
            top: 35px;
            left: 100px !important;
        }

        .header-minimal .navbar > .container {
          padding-left: 125px;
        }
    }    

    /*@media screen and (max-width:1100px) {
        .navbar-collapse {
            background-color: #66C3FF !important;
            margin-top: 15px !important;
         }
    }*/
    /*@media screen and (max-width:1100px) {
        .navbar-collapse {
            background-color: #66C3FF !important;
            margin-top: 15px !important;
         }
    }*/
    
    
    /* change breakpoint of mobile menu */
    /*@media (max-width: 1200px) {
      .navbar-header {
          float: none;
      }
      .navbar-left,.navbar-right {
          float: none !important;
      }
      .navbar-toggle {
          display: block;
      }
      .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      }
      .navbar-fixed-top {
          top: 0;
          border-width: 0 0 1px;
      }
      .navbar-collapse.collapse {
          display: none!important;
      }
      .navbar-nav {
          float: none!important;
          margin-top: 7.5px;
      }
      .navbar-nav>li {
          float: none;
      }
      .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .collapse.in{
          display:block !important;
      }
    }*/
    
    /*@media (max-width: 1100px) {
        .navbar-header {
            float: none;
        }
        .navbar-left,.navbar-right {
            float: none !important;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
      }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        margin-top: 7.5px;
      }
      .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .collapse.in{
          display:block !important;
      }
    }*/

/* @end */


/* @group DISCOURSE */

.discourse-comments,
.transcript-wrapper,
.chapters-wrapper {
    border-top: 2px solid #ccc;
    margin-top: 15px;
    padding-top: 10px;
}

.wp-playlist .transcript-wrapper {
    border-top: 0;
    padding-top: 0;       
    border-bottom: 2px solid #ccc;
    padding-bottom: 8px;
    margin-top: 15px;
 
}

.comments-area .avatar {
  height: 40px;
  width: 40px;
}

.comments-area .comment {
  border-bottom: 10px solid white;
}

.comments-area .comment-body {
  background: #EFEFEF !important;
}

.discourse-comments details > summary::before,
.transcript-wrapper details > summary::before {
    display: none;
}

#comments {
  padding: 0 0 30px;
  border: none;
  background: transparent;
}

.comment-content {
  font-size: 16px;
  padding: 10px 0 0 50px;
}

div.comment-reply-title {
    display: none;
}

.comments-toggle,
.transcript-toggle,
.chapters-toggle {
  margin-left: 2px;
  font-size: 16px;
  position: relative;
  top: -2px;
}

.comments-toggle-container .glyphicon-comment,
.transcript-toggle-container .glyphicon,
.chapters-toggle-container .glyphicon {
    color: #ccc;
    margin-left: 0;
    font-size: 16px;
}

.comments-title-wrap {
    display: none;
}

.comments-area #reply-title {
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: none;
    margin-top: 0px;
    text-align: center;
}

.comment-list {
    margin-bottom: 5px;
}
/* @end */

/* @group TRANSCRIPTS */

.transcript-toggle,
.chapters-toggle {
    top: -1px;
    margin-left: 5px;
}

.chapters-toggle-container::before {
    content: none;
}

.hyperaudio-transcript {
    resize: vertical;
}

.wp-playlist .hyperaudio-transcript {
    font-size: 18px;
}


/*.transcript-wrapper details > summary::before {
    display: none;
}*/

/* @end */

.desktop {
    display: none;
}

.wp-playlist-current-item .wp-playlist-item-artist {
    margin-top: 5px;
}

.wp-playlist-tracks .wp-playlist-item-artist {
    display: none;
}

.wp-playlist-current-item .wp-playlist-item-title {
  white-space: normal;
  line-height: 1.1;
}

}

/* @group LINKS PAGE */
.links-page {
    text-align: center;
}

.links-page a {
  border: 3px solid var(--brand-color);
  padding: 10px;
  display: block;
  border-radius: 10px;
  max-width: 400px;
  text-align: center;
  margin: auto;
  background: var(--brand-color);
  color: white;
  font-weight: 600;
  font-size: 1.3em;
}
/* @end */


.audio-track-legend {
    font-size: 14px;
}

.audio-track-legend ul {
    list-style: none;
    padding-left: 0;
}

.audio-track-legend ul li {
    font-weight: 500;
}

.audio-track-legend ul p {
    margin-left: 0;
}

.audio-track-legend summary > p,
.facetwp-sidebar-main-toggle {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;    
    margin-bottom: 5px !important;    
}

.facetwp-sidebar-main-toggle {
    display: inline-block;
    width: 95%;
}

.audio-track-legend-format {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 20px;
    border-bottom: 2px solid #ccc;
    padding: 5px;
}

@media screen and (max-width: 991px){
  .facetwp-selections {
    margin-top: 0;
    padding-top: 0;
  }
  .facetwp-selections ul {
    margin-bottom: 15px;
  }
  #primary {
    padding-top: 0 !important;
  } 
  #primary .wp-playlist,
  .alert-consent {
    margin-top: 20px;
  }

  .facetwp-selections li {
    margin-top: 10px;
  }

  .facetwp-selections-wrapper {
    margin-top: 10px;
  }
}

.wp-playlist-item-copy-share-url,
.wp-playlist-item .wp-playlist-caption::before {
	display: none;
}

.alert-consent {
  border: 2px solid hsl(10, 70%, 85%);
  background: hsl(8, 70%, 95%);
}

.alert-consent button {
  background: hsl(10, 70%, 60%) !important;
  opacity: 0.5;
}

.alert-consent button:hover {
  background: hsl(10, 70%, 50%) !important;
}

.top-filters,
.top-workouts {
    margin-bottom:  0px !important;
}

.top-filters .textwidget,
.top-workouts .textwidget {
    display: flex;
    position: relative;
    column-gap: 0px;
    flex-wrap: wrap;
/*    background-color: white;*/
    z-index: 1000;
    padding: 0 20px 10px;
/*    overflow-x: auto;
    overflow-y: hidden;*/
/*    border: 1px solid black;*/
}

.top-filters details {
    padding: 10px;
}

.top-filters details[open] {
    background-color: white;
}

.top-filters h4,
.top-workouts h4 {
    text-transform: none;
    margin: 0;
}

.top-filters details > summary,
.top-filters button {
    display: flex;
    align-items: center;
    padding-top: 0;
}

.top-search-sort .textwidget {
    display: flex;
    justify-content: center;
    width: 100%;
    column-gap: 20px;
    align-items: center;    
}

.top-search-sort .facetwp-facet input.facetwp-search {
    min-width: 100px;
}

.facetwp-flyout-open {
    display: none;
}

.top-search-sort .facetwp-facet {
    margin-bottom: 10px;
    font-size: 1.8rem;
    margin-top: 10px;
}

#sidebar-marquee {
  margin-top: 25px;
}

.facetwp-facet-sort select {
    padding: 4px;
}

.facetwp-facet-sort select:hover {
    cursor: pointer;
}

.top-filters .dropdown-menu,
.top-workouts .dropdown-menu {
    background-color: white;
    padding: 10px;   
    top: 30px !important; 
}

.top-filters button:hover,
.top-filters button:focus,
.top-workouts button:hover,
.top-workouts button:focus {
    background-color: transparent !important;
}

.top-filters .dropdown-menu,
.top-workouts .dropdown-menu  {
  right: auto !important;
  left: 0 !important;
}

.top-filters .facetwp-facet,
.top-workouts .facetwp-facet {
    margin-bottom: 0;
}

.top-workouts .textwidget > details {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 10px 20px;
}

.top-workouts .textwidget > details[open] {
    border: 1px solid black;
}

.top-workouts .textwidget > details > summary {
    font-size: 16px;
    text-align: right;
}

.top-workouts .facetwp-facet-playlist {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.top-workouts .selection {
    display: flex;
}

.top-workouts .textwidget {
    width: 100%;
    z-index: 500;
}

.top-workouts .facetwp-radio {
    margin-left: 10px;
}

.top-workouts details > summary::before {
    left: -4px;
}

.page-drills #secondary,
.page-drills #tertiary {
    display: none;
}
a[target="_blank"]::after,
li a[target="_blank"]::after {
  font: normal normal normal 12px FontAwesome;
  content: '\f08e';
  margin-left: 4px;
}

.global-menu-container {
    background-color: #333; /* Dark background */
    color: #fff; /* White text */
    padding: 10px 0;
    font-size: 0.9em;
    display: flex; /* For horizontal alignment */
    justify-content: space-between; /* Space out items */
    align-items: center;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    height: 42px;
    width: 100%;
}

.global-menu-nav {
    overflow-x: hidden;
}

.global-menu-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.global-menu-nav li {
    margin: 0 15px;
}

.global-menu-nav a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.global-menu-nav a:hover {
/*    color: #0073e6; /* WordPress blue on hover */
    color: #66c3ff; 
}

.global-menu-info {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between text and icons */
    padding-right: 20px; /* Adjust as needed */
}

.global-menu-info a {
    color: #fff;
    font-size: 1.2em; /* Size social icons */
    text-decoration: none;
}

/* Ensure the menu items stay on a single line */
.global-menu-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Keeps items in a row */
    white-space: nowrap; /* Prevents wrapping */
    overflow-x: auto; /* Enables horizontal scrolling when content overflows */
    -webkit-overflow-scrolling: touch; /* Improves scrolling on iOS devices */
    scrollbar-width: none; /* For Firefox - hides scrollbar */
}

.navbar-fixed-top {
/*    margin-top: 42px;*/
}

#site-navigation {
    min-height: 80px;
    position: sticky;
    top: 0px;
    background-color: #EFEFEF;
    z-index: 10000;
}

#masthead {
  min-height: 42px;
}