/******** Disable horizontal scroll on mobile */
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

html, body {

 .fixed-position {
    position: fixed;
 }

 if ($('#mob-menu').is(':visible')) {
    $('body').addClass("fixed-position");
 } else {
    $('body').removeClass("fixed-position");
 }
}



/******** Popup bei STEC Kalender für RSVP scrollbar machen */
@media only screen and (min-width: 768px) {
    .stec-rsvp-popup-wrapper-settings {
       max-height:300px;
       overflow: auto;
       scroll-behavior: auto;
       scrollbar-width: thin;
    }
    .stec-rsvp-popup-wrapper-settings::-webkit-scrollbar {
        width: 5px;
    }
    .stec-rsvp-popup-wrapper-settings::-webkit-scrollbar-thumb {
        -webkit-border-radius: 3px;
        border-radius        : 3px;
        background-color     : #ececec;
    }
}

/*** RSVP Popup Schriftart anpassen */
.stec-rsvp-popup-wrapper-settings input, .stec-rsvp-popup-wrapper-settings textarea, .stec-rsvp-popup-wrapper-settings label, .stec-rsvp-popup-wrapper-settings span {
    font-family: 'Raleway';
        font-size: 14px;
}

/* für RSVP Popup Textfeld für Anmerkungen gleich gestalten*/
.stec-rsvp-popup textarea {
	     border: 1px solid #ebebeb;
	     background: #fbfbfb;
	     border-radius: 3px;
		 margin-top: 20px;
		 width: 100%;
		 padding: 10px;
}
 
.stec-rsvp-popup-checkbox .stec-style-text { 
        font-size: 14px;
}

/** Behebt Fehler springender parallax effekt */
.parallax {
    transition: none !important;
}

/*** Aktueller Tag in Monatsansicht des Kalenders in GfC Gelb darstellen  */
.stec-layout-month-daycell.stec-layout-month-daycell-today .stec-layout-month-daycell-num::before {

    background-color: #fcd400;
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 3px;
    top: 0;
    left: calc(50% - 15px);
    padding: 15px;

}


/*** Teilnehmer in Agenda View Kalender verbergen  */
.stec-layout-single-attendance-attendees,
.stec-layout-event-inner-attendance-attendees { display: none !important; }

/*** Teilnehmer Tab in Agenda View Kalender verbergen  
[data-tab="stec-layout-event-inner-attendance"] {
    display:none !important;
}

/*** Rahmenlinien in Tabellen Ansicht Kalender weiß machen  */
body .stec-layout-grid .stec-layout-grid-event-ul > span {
    border-color: white;
}
body .stec-layout-grid .stec-layout-grid-event {
    border-color: #fff;
}

/*** Abstand Datum und Veranstaltungsort in Tabellen Ansicht Kalender anpassen  */
.stec-layout-grid .stec-layout-grid-event.stec-has-location .stec-layout-grid-has-location {
    margin-top: -40px;
}

.stec-layout-grid .stec-layout-grid-event.stec-has-date .stec-layout-grid-has-date {
    margin-top: -40px;
}


/*** Style Anpassungen aller Buttons im Kalender  */
body .stec-style-button:hover {
    background: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
}

body .stec-style-button {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
}

body .stec-top .stec-top-menu > li {
    background: #333333;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
}

body .stec-top .stec-top-menu > li:hover {
    background: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
}

/***Farben und Hover Farben für Filtermenu und Datepick Menu im Kalender*/

body .stec-top .stec-top-menu-filter-contents li span {
    background: #333333;
}

.stec-top-menu-filter-dropdown .stec-top-menu-filter-by span:hover {
    color: #fcd400;
}

body .stec-top .stec-top-menu-filter-by.active .stec-top-menu-filter-title {
    background: #333333;
}

body .stec-top .stec-top-menu-date ul li.active {
    background: #fcd400;
}

body .stec:not(.stec-mobile) .stec-top-dropmenu-layouts > li:hover > ul li.active {
    background-color: #fcd400 !important;
}

body .stec:not(.stec-mobile) .stec-top-dropmenu-layouts > li:hover > ul li.active {
    background: #fcd400 !important;
}

/*** Style Anpassung "Weiterlesen-Button"  */

.elementor-post__read-more {
    color:white !important;
    font-family: "Raleway", Sans-serif;
    font-weight: 600;
    text-decoration: solid;
}

.elementor-post__read-more:hover {
    color: #000000 !important;
    font-family: "Raleway", Sans-serif;
    font-weight: 600;
    text-decoration: solid;
    border-radius: 2px;
    border-width: thin;
    border-color: #333333;
}


/*** Gleiche Höhe für Tabellenansicht Kalender */

.stec-layout-grid-event {
    height: 490px !important;
}

/*** Social-Network-Icon Abstand auf Startseite */

.elementor-social-icons-wrapper.elementor-grid .elementor-grid-item{
margin-right: 5px;
}

/* Das sollte eigentlich den Organisator eines Termins ausblenden. Funktioniert leider nur über den Customizer.Warum?*/
.stec-layout-event-inner-intro .stec-layout-event-inner-intro-organizers .stec-layout-event-inner-intro-organizers-organizer:first-child {display: none !important;}

body .stec-layout-event-inner-intro .stec-layout-event-inner-intro-organizers .stec-layout-event-inner-intro-organizers-organizer {
    display: none !important;
}

/*** Verbirgt Anzahl Teilnehmer Form field in RSVP */
.stec-rsvp-popup-wrapper-settings input[name="people"] { display: none }