/*
Theme Name: CeeQoo Divi Child Theme
Theme URI: https://ceeqoo.com
Description: Child Theme For meintraining.at
Author: CeeQoo
Author URI: https://ceeqoo.com
Template: Divi
*/

/* Start your custom CSS bellow this comment
============================================ */

/*Mehr Abstand bei den Standard-Buttons*/
/*
.et_pb_button {
    padding-top: 14px!important;
    padding-right: 38px!important;
    padding-bottom: 14px!important;
    padding-left: 38px!important;
}
*/
/* ========================== Menü-Anpassungen ================================ */
#top-menu .sub-menu .menu-item a {
    line-height: 1.4em!important;
    padding: 8px 0!important;
}

#top-menu ul.sub-menu {
	max-width: 400px !important;
}
#top-menu li li a {
    padding: 6px 20px; 
    width: 400px;
}
/* Menü wird auch auf mobilen Geräten fixiert, die Höhe angepasst und das Dropdown-Menü scrollbar gemacht */
@media (max-width: 980px) {
    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header,
    .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed !important;
        } 
    }

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
    }

/* Menü auf Mobil anpassen */
@media (max-width: 980px) {
  	#main-header {
		height: 76px !important; 
    }
input.et-search-field {
 	   padding-left: 30px;
	}
.et_header_style_split .mobile_menu_bar,
.et_header_style_left .mobile_menu_bar {
  padding-bottom: 5px;
  } 
/*.et_mobile_menu {
	text-align: right;
}
.et_mobile_menu {
	left: unset;
	top: 76px;
	right: -20px;
	width: 80%;
}
.et_mobile_menu li a {
	font-size: 16px;
}
.mmkleiner a {
	font-size:14px!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	color: var(--main-color)!important;
}*/
}

/* Secondary Menu: auf Mobil auch Social Icons anzeigen 
@media only screen and (max-width: 768px) {
div#et-secondary-menu {
display: block !important;
margin-top: 5px !important;
}
#et-info, #et-secondary-menu {
	float: left;
}
#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
display: block;
padding-top: 5px;
padding-bottom: .50em;
}
}*/

/*=========================== Sidebar Anpassungen =============================*/
#recent-posts-2 > ul > li {
	font-size: 0.9em;
	line-height: 1.3em;
}

/*=========================== Blog-Modul - Abstände =============================*/
.blog-modul-mehr-zum-thema .et_pb_post{
	margin-bottom: 20px;
}

/*=========================== Blurb with round shadow =============================*/
.blurb_with_shadow .et_pb_main_blurb_image .et_pb_image_wrap{
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/*=========================== Chatbot - Popup mobile styling =============================*/
@media only screen and (max-width: 980px) {
	#popmake-1896{
		width:90vw !important;
	}
}
/*============================ Ultimate Member Farben ==============================*/
/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #91c11f !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #91c11f !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}


/*======================Abstände unter 3-Row-Element unten weg=================*/
@media (max-width: 980px) {
.et_pb_column.et_pb_column_1_3 {
        margin-bottom: 0px;
			}
}


/* Flow XO Chatfenster anpassen:
 * in den Vordergrund rücken, sonst sind das Kontaktelement und das Menü über dem Chat
 */
.chatbot-root{
	position: fixed !important;
	z-index: 99999 !important;
}
#chatbot-container{
	position: fixed !important;
	z-index: 99999 !important;
}
#main-header{
	z-index: 50;
}