/*
Theme Name: Stacheftl
Author URI: http://www.qodeinteractive.com/
License: GNU General Public License
License URI: licence/GPL.txt

*/

/*
CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

1.5
- Added posibility to hide title in Qode Slider
- Added prev/next preview thumb to Qode Slider
- Added feature to Qode Slider to disable changing of header style (dark/light)
- Added enable video field for latest posts shortcode
- Added 'Logo aimation on hover' feature and field to Qode options
- Updated LayerSlider to version 5.0.2
- Fixed hover background color for buttons in Qode Options 
- Fixed portfolio carousel slider when ajax is enabled
- Fixed masonry layout when sidebar is enabled
- Fixed contact form display message
- Fixed FontAwesome icon in main menu
- Fixed 'back to top' button overlapping by footer
- Fixed responsiveness for pie chart with icons

1.4
- Added date and time for post comments
- Updated translation files
- Fixed latest posts category attribute
- Fixed color changing of shopping cart dropdown with main menu color options
- Fixed action shortcode
- Fixed hover color on sticky menu
- Fixed latest post shortcode
- Fixed bottom margin of "row" on mobile devices

1.3
- Added option to enable comments on pages (default and full width template)
- Improved title image logic for smaller screens
- Fixed latest posts background color
- Fixed parallax image overlapping when parallax section is close to slider

1.2
- Added video support to Qode Slider
- Fixed dark/light header on load when slide has selected style
- Fixed content overlaping from Qode Slider when Default template is selected
- Fixed ajax loader changing color with "First main color" change
- Fixed Message shortcode
- Fixed Woocommerce Dropdown Cart
- Fixed 'no space' portfolio layout on mac devices

1.1
- Added WooCommerce integration
- Added field for top header background color on "mobile view"
- Improved dark/light logic (header top is now included)
- Updated css for prev/next buttons on portfolios

*/

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

.text-align-justify {
    text-align: justify;
}

/* Private Parties */
#tripleseat_embed_form_inline {
    display: inline-block;
}
.page #tripleseat_embed_form_inline .tripleseat_field .button {
    background-color: #b70000;
    position: relative;
    width: auto;
    height: 43px;
    line-height: 43px;
    padding: 0 22px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 0;
    outline: 0;
    border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -webkit-backface-visibility: hidden;
    text-shadow: none;
}
.page #tripleseat_embed_form_inline .tripleseat_field .button:hover {
     padding: 0 32px;
    color: #fff;
    background-color: #2c2c2c;
}
.page #tripleseat_embed_form_inline .tripleseat_field.ts_powered_by {
    display: none;
}

.twitter {background-image: /images/social/ss-twitter.png}
.facebook {background-image: /images/social/ss-facebook.png}
.pinterest {background-image: /images/social/ss-pinterest.png}
.instagram {background-image: /images/social/ss-instagram.png}
.youtube {background-image: /images/social/ss-youtube.png}

header {
    display: block;
    /*margin-bottom: 90px;*/
}

.header_bottom {
    background-color: rgba(0,0,0,1);
}

.content .container .container_inner {
    padding: 1em 0;
}

.page-id-18470 .in-the-know {
    display: none;
}

.in-the-know {
    text-align: center;
    margin-bottom: 1.25em;
}

.home .in-the-know {
    margin-bottom: 0;
}

.widget_em_calendar h4 {
    text-align: center;
}

.em-calendar {
    margin: auto;
}

div.wpfc-loading {
    background-color: #f6eede;
}

#em-wrapper .wpfc-calendar-wrapper *,
#em-wrapper .wpfc-calendar-wrapper h2 {
    font-size: inherit !important;
}

#em-wrapper .wpfc-calendar-wrapper .fc-center h2 {
    font-size: 2em !important;
}

body .em.em-calendar {
    --calendar-background: transparent;
    --date-background: transparent;
    --date-color: #333333;
}

.em.em-calendar .em-cal-head > div {
    box-sizing: border-box;
    --header-color: #b70000;
}

.flatpickr-monthSelect-month.endRange, 
.flatpickr-monthSelect-month.selected, 
.flatpickr-monthSelect-month.startRange {
    background-color: #b70000;
    border-color: #b70000;
}

input.em-month-picker.flatpickr-input.select-toggle.active:focus-visible {
    outline: 2px solid #b70000;
}

.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored {
    --date-border-color: transparent;
}

.em-modal-popup > * {
    box-sizing: border-box;
}

.em-modal-title {
    color: #b70000;
    font-weight: 700;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ee0000;
    background: #b70000;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #b70000;
    background: #f6eede;
    color: #b70000;
}

.fc-event {
    border-radius: 0;
}

.ui-tooltip-content h2 {
    text-align: center;
    line-height: 24px;
    margin: .5em 0 1em;
    color: #ffffff;
}

.ui-tooltip-content p {
    color: #ffffff;
}

.title { 
    display: none;
}

.video-embed-container-outer {
    width: 48%;
    min-width: 400px;
    margin-right: 2%;
    float: left;
}

.video-embed-container-inner {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
    margin-bottom: 4.17%;
}
.video-embed-container-inner iframe,
.video-embed-container-inner object,
.video-embed-container-inner embed,
.video-embed-container-inner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

nav.main_menu.right {
    margin-left: 275px;
}

@media screen and (max-width: 1000px) {
    .video-embed-container-outer {
        width: 100%;
        margin: auto;
        float: none;
    }
}

/* UPCOMING EVENTS PAGE */
.event-list {
    display: flex;
    flex-wrap: wrap;
}

.event-list__list-item {
    display: flex;
    width: 100%;
    min-width: 100%;
    max-width: 1296px;
    flex-grow: 1;
    background-color: transparent;
}

.event-list__image-link {
    flex: 0 0 50%;
    max-width: 50%;
    background-color: rgba(0, 0, 0, .85);
}

.event-list__image-container {
    height: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(assets/images/revolution-live-logo_wordshadow_280x383.png);
}

.event-list__center-right-container {
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 4vw;
    align-content: center;
    /* background-color: #FFFFFF; */
    background-color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid rgba(142,144,148,.375);
    box-sizing: border-box;
}

.event-list__event-info {
    flex: 1 1 75%;
}

.event-info__presented-title-with {
    margin-bottom: 10px;
}

.event-list__title-link {
    margin-bottom: .1em;
    display: block;
}

.event-list__linked-title h2 {
    color: #FFFFFF;
    font-family: Playfair Display SC, sans-serif;
    font-size: 5.5vw;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.event-excerpt {
    color: #f6eede;
    margin-bottom: 3vw;
}

a.event-excerpt__more {
    color: #f6eede;
    text-decoration: underline;
}

.event-list__date-container {
    display: flex;
    flex-wrap: wrap;
    color: #b70000;
    font-size: 1.25em;
}

.event-list__time::before {
    content: '|';
}


@media screen and (min-width: 500px) {
    .event-list__linked-title h2 {
        font-size: 4vw;
    }
}

@media screen and (max-width: 600px) {
    .page-id-16704 .content .container .container_inner {
        width: 100%;
    }
}


/* @media screen and (min-width: 40em) { */
@media screen and (min-width: 769px) {

    body {
        /* font-size: 1.5vw; */
    }
   
    .event-list__image-link {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .event-list__center-right-container {
        padding: 2vw;
        flex: 0 0 75%;
        flex-flow: row nowrap;
        max-width: 75%;        
    }

    .event-info__presented-title-with {
        margin-bottom: .6667vw;
    }

    .event-list__linked-title h2 {
        font-size: 2.5vw;
    }

    .event-excerpt {
        color: #f6eede;
        margin-bottom: 1.5vw;
    }

}

@media screen and (min-width: 1201px) {
    .event-list__image-link {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .event-list__center-right-container {
        padding: 1.875rem;
        flex: 0 0 83.3333%;
        max-width: 83.3333%;        
    }

    .event-list__linked-title h2 {
        font-size: 24px;
    }

    .event-excerpt {
        margin-bottom: 1.25vw;
    }

    .event-list__linked-title h2 {
        font-size: 24px;
    }
}
/* END UPCOMING EVENTS PAGE */

.footer-contact-form {
    background: url("https://stacheftl.com/images/newsletter-signup-background2.png");
    background-position: left center;
    background-repeat: no-repeat;
}

.footer-contact-form .email-field {
    margin: 8px 10px 10px 0px;
    width: 175px;
    height: 16px;
    border: none;
    display: block;
    padding: 8px 0;
    text-indent: 5px;
    min-width: 130px;
    -webkit-appearance: none;
}

.footer-contact-form .wpcf7-submit {
    display: block;
    width: 65px;
    margin: 5px 0px 0px 0px;
    min-width: 89px;
    height: 32px;
    color: transparent;
    background: url("https://stacheftl.com/images/newsletter-signup-button.png");
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: none;
}