/*
WICHTIG
Dieser Code gillt sowohl für Apostolat als auch für Blindenzentrum. CSS Code welcher nur für die einzelnen Seiten bestimmt ist, befindet sich unter Elementor->Custom->Elements->Code
*/

/*EVERYWHERE*/
/*disable readabler btn on desktop devices*/
@media (min-width:1025px){
	.mdp-readabler-trigger-button-box{
    	display: none !important;
    }
}

/*AUDIODOWNLOADS*/
/*Player no background + padding*/
.elementor-widget-elementskit-audio-player{
    background-color: transparent !important;
    padding: 22px !important;
}
/*Kommentarsektion immer deaktivieren*/
.comments-area{
	display: none !important;
}

/*KALENDER*/
/*Single uhrzeit comment deaktivieren, da er bei uhrzeit angezeigt wird*/
.mec-time-comment{
	display: none !important;
}

/*Kalender Titel on Hover Rot -> MOVED TO ELEMENTOR CUSTOM ELEMENTS*/

.mec-search-form{
    background-color: white !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
}
/*Category*/
.mec-search-form>div>.mec-dropdown-search{
    margin: 0px !important;
    padding: 0px !important;
}
.mec-search-form>div>.mec-dropdown-search>i{
    font-size: 20px;
    height: 50px;
    align-content: center;
}
.mec-search-form>div>.mec-dropdown-search>select{
    font-size: 20px;
    height: 50px;
}
/*Date*/
.mec-search-form>.mec-date-search{
    margin: 0px !important;
    padding: 0px !important;
}
.mec-search-form>.mec-date-search>i{
    font-size: 20px;
    height: 50px;
    align-content: center;
}
.mec-search-form>.mec-date-search>select{
    font-size: 20px;
    height: 50px;
    width: 200px !important;
}




/*EVERYWHERE (außer Home)*/
/*Main Content margin*/
.site-main,.elementor-location-archive{
	margin: 0rem 5rem 0rem 5rem !important;
}
@media (min-width: 768px) and (max-width: 1300px) {
	.site-main,.elementor-location-archive{
		margin: 0rem 2rem 0rem 2rem !important;
  }
}
@media (max-width: 767px) {
	.site-main,.elementor-location-archive{
		margin: 0rem 1rem 0rem 1rem !important;
  }
}

/*HOME ODER SINGLE*/

/*Main Content padding*/
.home-container{
	padding: 0rem 5rem 0rem 5rem !important;
}
@media (min-width: 768px) and (max-width: 1300px) {
	.home-container{
		padding: 0rem 2rem 0rem 2rem !important;
  }
}
@media (max-width: 767px) {
	.home-container{
		padding: 0rem 1rem 0rem 1rem !important;
  }
}