/*
Theme Name: Plativio Theme
Theme URI: https://multimediaatelier.com/
Template: hello-elementor
Author: Multimedia Atelier Webteam
Author URI: https://multimediaatelier.com/
Description: Multimedia Atelier is a versatile and dynamic design studio specializing in creating cutting-edge multimedia solutions. Our team crafted the Plativio Modern Training website with precision and innovation, ensuring a seamless user experience. Powered by Elementor, our design integrates seamlessly with this powerful site builder plugin, offering unparalleled flexibility and customization options. With a focus on performance optimization, our designs provide a solid foundation for businesses to showcase their unique identity and captivate their audience. Whether you're a beginner or an experienced professional, Multimedia Atelier is your trusted partner for crafting exceptional digital experiences.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 0.9.0.1710840921
Updated: 2024-03-19 09:35:21

*/

/* WP DEV Organigram -begin */
.wpdevart_org_chart_container li .wpda_tree_item_container > div {
    height: 200px;
    width: 175px;
    padding: 10px !important;
}
.wpda_tree_item_desc {
	word-break: break-word !important;
}
/* WP DEV Organigram -end */


/* TOP HEADER */
/* font resizer */
.zoom-buttons{
	display: flex;
	justify-content: space-between;
}
.zoom-buttons .zoom-button {
	background-color: transparent;
	color: #000;
	border: 1px solid;
	padding: 2px 8px;
}
.zoom-buttons .zoom-in-button{
	margin-right: 5px;
}
.zoom-button:focus{
	outline:none;
}
/* end font resizer */
/* END TOP HEADER */
/* HEADER */
.elementor-nav-menu--dropdown .menu-item a{
	padding-left: 20px!important;
}
/* end HEADER */
/* HOME PAGE */
/* hero */
.home-page-hero-title{
	color: #1D428A;
}
.mec-sm959 #searchform{
	padding: 0;
	display: flex;
}
.mec-sm959 #searchform .mec-text-input-search{
	padding: 0;
}
.mec-text-input-search .mec-sl-magnifier{
	color: var(--e-global-color-primary)!important;
	font-weight: 500!important;
}
.mec-sm959 #mec-search-bar-input{
	background-color: var(--e-global-color-primary)!important;
	font-weight: 500!important;
}
.mec-sm959 .mec-totalcal-box{
	background: unset!important;
	border: unset!important;
	box-shadow: unset!important;
}
.mec-wrap.mec-modern-search-bar .mec-text-input-search{
	padding-right: 0px;
}
.mec-wrap.mec-modern-search-bar .mec-text-input-search+input#mec-search-bar-input{
	margin-left: -3px;
}
/* end hero */
/* trainer */

.home-page-trainer-button {
    font-weight: 600 !important;
    border: none !important;
    padding: 16px 24px !important;
}
/* Link colors */
.home-page-trainer-button a {
    color: inherit;
}
.home-page-contact-us:hover a {
    color: #fff;
}
.home-page-courses:hover a {
    color: var(--e-global-color-text);
}
/* end trainer */
/* course loop */

.mec-owl-carousel.owl-drag .owl-item{
	padding: 0 20px;
}
.mec-owl-carousel.owl-drag .owl-item h4{
	font-size: 1.6rem!important;
}
@media (max-width: 1025px) {
    .mec-owl-carousel.owl-drag .owl-item h4 {
        font-size: 1rem !important;
    }
	.event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button{
	font-size: 0.5rem!important;
}
}
@media (max-width: 1024px) {
	#mec_skin_615 .owl-nav{
		display: none!important;
	}
}

/* end course loop */
/* reviews */
.home-page-reviews .elementor-testimonial{
	display: flex;
	flex-direction: column; 
	padding: 32px 28px;
}
.home-page-reviews .elementor-testimonial .elementor-testimonial__content{
	order: -1;
}
/* end reviews */
/* map */
.footer-map{
	height: 500px;
}
/* end map */
/* END HEADER */
/* BREADCRUMBS */
/* END BREADCRUMBS */
/* SINGLE EVENT PAGE */
/* banner */
.mec-event-banner:before{
	 content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}
.mec-event-banner-color{
	background: #000!important;
	opacity: 0.6!important;
}
.mec-single-title{
	color: #fff!important;
	font-size: 40px!important;
	font-weight: 700!important;
	line-height: 52px!important;
}
.mec-single-event-location i{
	display: none;
}
.mec-single-event-description h4{
	font-size: 1rem!important;
}

/* end banner */
/* breadcrumb */
.mec-single-event .mec-breadcrumbs{
	border: 0!important;
	box-shadow: none!important;
	font-size: 16px;
}
.mec-single-event .mec-breadcrumbs .mec-address a{
	color: var(--e-global-color-secondary);
	font-weight: 300;
}
.mec-single-event .mec-breadcrumbs .mec-address a:hover{
	color: var(--e-global-color-text);
}
.mec-single-event .mec-breadcrumbs .mec-address .mec-current{
	color: var(--e-global-color-secondary);
	font-weight: 600;
}
/* end breadcrumb */
/* social media reverse */
.mec-single-event .mec-event-social ul {
	flex-direction: row-reverse;
}
/* anmelden form */
.mec-reg-mandatory{
	width: 100%!important;
}
#mec_book_form1548 .mec-book-reg-field-select select{
	width: 100%!important;
}

.mec-next-event-details .mec-time{
	display: none!important;
}
.mec-next-event-details .mec-date{
	font-weight: 600;
	border: 1px solid #ebebeb;
	padding: 10px;
	width: 100%!important;
}
.mec-next-event-details li{
	margin-top: 45px!important;
}
.mec-next-multiple ul li a{
	border: unset!important;
}

.mec-single-event .col-md-8{
	display: flex;
	flex-direction: column;
}
.mec-single-event .col-md-8 .mec-events-meta-group-booking{
	order: -1;
}
.mec-events-meta-group-booking .mec-select-date-dropdown select{
	border-bottom: 1px solid #E3E5E7!important;
}
.mec-book-field-name{
	display: none!important;
}
.mec-booking-form-container .mec-ticket-price-label {
	display: none !important;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.mec-container{
		width: auto!important;
		padding-left: 20px;
		padding-right: 20px;		
	}
}
@media only screen and (max-width: 479px) {
	.mec-container{
		width: auto!important;
		padding-left: 20px;
		padding-right: 20px;		
	}
}
/* END SINGLE EVENT PAGE */
/* TERMINE PAGE */
.mec-repeating-label{
	display: none;
}
#mec_search_form_628 .mec-date-search{
	display: flex;
	flex-direction: row!important;
	margin-bottom: 10px;
	width: 100%;
}
#mec_sf_month_628{
	width: 60%!important;
}
#mec_sf_year_628{
	width: 40%!important;
}
#mec_search_form_628 .mec-dropdown-search{
	width: 100%;
}
#mec_search_form_628 .mec-text-input-search{
	width: 100%;
	padding: 0 10px;
}
/* END TERMINE PAGE */
/* KARRIERE PAGE */

.job_listings [type=button], [type=submit], button {
	color: #fff;
	background-color: var(--e-global-color-primary);
	border: unset;
	font-weight: 600;
}

.job_listings [type=button]:hover, [type=submit]:hover, button:hover{
	color: #fff;
	background-color: #1D428AEB;
}

.showing_jobs a{
	display: none;
}
.job_listings .position h3{
	color: var(--e-global-color-primary);
}
.job_listings .company{
	font-weight: 300;
}

.job_listings li.job_listing a:hover{
	background-color: unset!important;
}
/* END KARRIERE PAGE */
/* SINGLE JOB PAGE */
.single_job_listing{
	padding-bottom: 80px;
}
.job_application [type=button] {
	background-color: var(--e-global-color-primary);
	color: #fff;
	border: unset;
}
.job_application_email {
	color: var(--e-global-color-text);
}
.job-listing-meta .location a{
	color: var(--e-global-color-primary);
}
/* END SINGLE JOB PAGE */

/* AGB PAGE */
.plativio-agb-page h3,h4,h5{
	font-size: 1.2rem;
}
/* END AGB PAGE */

/* responsive-style */
@media (max-width: 480px) {
/* home page hero search course form */
	#mec-search-bar-input{
		font-size: 14px!important;
		font-weight: 400!important;
		width: 40%!important;
	}
}
/*single-job*/
@media screen and (max-width: 575px){
	.single-job_listing main{
		padding-inline-start: 20px!important;
    padding-inline-end: 20px!important;
	}
}
/*end:single-job*/

.mec-container h1{
	font-size: 1.75rem!important;
	font-weight: 600!important;
}

.mec-container{
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}

.single-mec-events .mec-container{
	margin-top: 0px!important;
}
/*plativio-dark-style*/
/*general-dark-style*/
[data-dracula-scheme="dark"] {
	::placeholder {
		color: #fff!important;
		opacity: 1;
	}
}
[data-dracula-scheme="dark"] .elementor-heading-title{
	color: #fff!important;
}
[data-dracula-scheme="dark"] .elementor-button{
	color: #fff!important;
	border: 1px solid;
	background-color: #fff!important;
}
[data-dracula-scheme="dark"] svg{
	fill: #fff!important;
}
/*end:general-dark-style*/
/*header*/
[data-dracula-scheme="dark"] .elementor-search-form__container{
	border: 1px solid #fff;
}
[data-dracula-scheme="dark"] .plativio-top-header span{
	color: #fff;
}
[data-dracula-scheme="dark"] .plativio-header{
	border-color: #fff!important;
}
[data-dracula-scheme="dark"] .plativio-bottom-header{
	background-color: rgb(36,37,37)!important;
	border-bottom: 1px solid #fff;
}
/*end:header*/
/*hero*/
[data-dracula-scheme="dark"] .home-page-hero-section span{
	color: #fff!important;
}
[data-dracula-scheme="dark"] .plativio-hero-arrow{
	background-image: url("https://project.multimediaatelier.com/plativio/wp-content/uploads/2024/02/arroww.webp")!important;
}
/*end:hero*/
/*home-category-loop*/
[data-dracula-scheme="dark"] .plativio-home-category-item{
	background-color: #232323!important;
	border-color: #fff!important;
}
/*end:home-category-loop*/
/*home-about*/
[data-dracula-scheme="dark"] .home-page-about-section .about-info{
	border-color: #fff;
}

[data-dracula-scheme="dark"] .home-page-about-section span{
	color: #fff!important;
}
/*end:home-about*/
/*home-bottom-about*/
[data-dracula-scheme="dark"] .home-page-bottom-about-section p{
	color: #fff;
}

[data-dracula-scheme="dark"] .home-page-vision-section p{
	color: #fff;
}
/*end:home-bottom-about*/
/*home-reviews*/
[data-dracula-scheme="dark"] .home-page-reviews-section{
	background-color: #232323!important;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/*end:home-reviews*/
/*footer*/
[data-dracula-scheme="dark"] .plativio-top-footer button{
	background-color: var(--e-global-color-primary)!important;
	color: #fff!important;
}
[data-dracula-scheme="dark"] .plativio-top-footer, [data-dracula-scheme="dark"] .plativio-bottom-footer{
	background-color: #232323!important;
}
[data-dracula-scheme="dark"] .plativio-top-footer button{
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #6b6459;
	background-color: #616161!important;
}
/*end:footer*/

/*trainers-loop-item*/
[data-dracula-scheme="dark"] .plativio-trainer-item{
	border-color: #616161!important;
}
/*end:trainers-loop-item*/
/*carrier-page*/
[data-dracula-scheme="dark"] .job_listings .search_submit input{
	background-color: #616161;
	color: #fff;
}
[data-dracula-scheme="dark"] .job_listings .position h3{
	color: #fff;
}
[data-dracula-scheme="dark"] .single_job_listing
.job_application input{
	background-color: #616161;
}
/*end:carrier-page*/
/*single-trainer-page*/
[data-dracula-scheme="dark"] .plativio-single-trainer-social h3{
	color: #fff!important;
}

[data-dracula-scheme="dark"] .plativio-single-trainer-social .elementor-icon{
	background-color: #dedede!important;
}
/*end:single-trainer-page*/
/*end:plativio-dark-style*/

/* Hide time details */
.mec-time-details {
	display: none !important;
}

/* Word wrapping for Trainers */
.train-wrap {
  overflow: inherit;
  word-wrap: break-word;
  flex-wrap: wrap;
  display: flex;
}

.mec-single-event .mec-booking-button-register{
	font-size: 12px;
	height: auto;
    line-height: normal;
    background-color: var(--mec-color-skin);
}

.mec-single-event-time {
	display: none !important;
}

.mec-wrap .mec-search-form .mec-date-search select {
	width: 70% !important;
}

.mec-wrap .mec-search-form .mec-date-search select:last-child {
	width: 20% !important;
}

.elementor-cta__content {
	padding: 25px !important;
}

.page-header {
    text-align: center;
    padding-top: 25px;
    font-family: Raleway;
}

.mec-agenda-events-wrap .mec-sl-clock {
	display: none !important;
}

.mec-agenda-events-wrap .mec-agenda-time {
	display: none !important;
}

.mec-events-agenda .mec-modal-booking-button {
	padding-left: 15px !important;
	padding-top: 5px !important;
}

.lity-content .mec-events-meta-group-booking .mec-booking-form-container > .col-md-12, .mec-events-meta-group-booking .mec-booking-shortcode .col-md-12, .mec-single-event .mec-events-meta-group-booking .mec-booking-form-container > .col-md-12 {
	display: grid !important;
	border-bottom: unset !important;
}

.elementor-106114 .elementor-element.elementor-element-2e868f8 .elementor-nav-menu .elementor-item {
	font-family: "Open Sans", Sans-serif;
  	font-weight: 500 !important; 
}


.mec-ticket-detail, .mec-ticket-subtotal-wrapper{
	display: flex;
	flex-direction: column;
	align-items: flex-start!important;
}

.mec-ticket-detail .mec-svg-icon{
	max-height: 32px; 
}

.mec-ticket-subtotal-wrapper .mec-svg-icon{
	max-height: 32px;
}
@media (max-width: 479px) {
	.mec-ticket-available-spots{
	flex-direction: column!important;
	gap: 20px!important;
}	
}
@media (max-width:767px){
	#mec-book-form-back-btn-step-3{
		margin-top: 10px!important;
	}
}
#mec_book_payment_form .mec-book-price-detail-type-tickets{
	margin-bottom: 0;
}

#mec_book_payment_form .mec-book-price-details{
	align-items: flex-start;
}

.mec-booking-checkout-total-wrapper ul{
	align-items: flex-start!important;
	margin-top: 10px!important;
}


.elementor-message::before {
content: "" !important;
}
/*mecPluginCategoryPage*/
#mec_search_form_690 .mec-date-search{
	display: flex;
	flex-direction: row!important;
	margin-bottom: 10px;
	width: 100%;
}
#mec_sf_month_690{
	width: 60%!important;
}
#mec_sf_year_690{
	width: 40%!important;
}
#mec_search_form_690 .mec-dropdown-search{
	width: 100%;
}
#mec_search_form_690 .mec-text-input-search{
	width: 100%;
	padding: 0 10px;
}
.mec-event-list-standard .mec-event-meta .mec-time-details .mec-end-time, .mec-event-list-standard .mec-event-meta .mec-time-details .mec-start-time, .mec-event-list-standard .mec-event-meta .mec-venue-details span, .mec-event-list-standard .mec-event-meta span.mec-event-d .mec-start-date-label{
	vertical-align: unset!important;
}

.mec-event-list-standard .mec-month-divider p{
	border-bottom: 4px solid;
    display: inline;
    margin-bottom: 36px;
    padding-bottom: 0;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.dracula-toggle-wrap .dracula-toggle {
	border: unset!important;
}

.dracula-toggle-wrap .dracula-toggle:hover{
	background-color: transparent!important;
}

.dracula-toggle-wrap .dracula-toggle:focus{
	background-color: transparent!important;
}