/*
Theme Name: Matoma Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Matoma
Author URI:  https://matoma.de
Template: salient
Version: 1.0
*/

/* FlyIn */
#mtmflyin-container {
    z-index: 999;
}

#mtmflyin-container .mtmflyin-image{
    padding: 5px 0 5px 5px;
}

/*Anpassung Aufzählungszeichen*/
ul li {
    list-style: square;
}

/* Megamenü Anpassungen */
body #header-outer nav ul.sub-menu li.menu-item.mtm-mega-menu-item a{
    background-color: #DAEED4 !important;
    height: 112px;
    align-items: center;
    padding: 22px;
}
body #header-outer nav ul.sub-menu li.menu-item.mtm-mega-menu-item a span.nectar-menu-icon-text {
    max-width: 60%;
    margin-left: 10px;
}

.mtm-mega-menu-secondary ul.sub-menu.tracked-pos {
    max-width: 300px;
    right: unset !important;
}
#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li.menu-item-122.megamenu-column-padding-15px {
    padding: 20px 20px 20px 10px;
}

#header-outer nav >ul >.megamenu.nectar-megamenu-menu-item >.sub-menu > li.menu-item-121.megamenu-column-padding-15px {
    padding: 20px 10px 20px 20px;
}

#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item.width-75>.nectar-global-section-megamenu, 
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item.width-75>ul {
    width: 760px;
}

.home #header-outer nav>ul>.megamenu.nectar-megamenu-menu-item.current-menu-ancestor:not([class*=menu-item-over]) .menu-title-text:after,
.home #header-outer nav>ul>.megamenu.nectar-megamenu-menu-item .current-menu-ancestor .current-menu-item .menu-title-text:after  {
    transform: scale(0);
}
.home #header-outer nav>ul>.megamenu.nectar-megamenu-menu-item .current-menu-ancestor .current-menu-item:hover .menu-title-text:after  {
    transform: scale(1);
}

#header-outer nav ul.sub-menu li.menu-item.mtm-mega-menu-item.highlight a{
    background-color: #F0F8EE !important;
}

/* Anpassung von "Für Bewerber Button" im Header */

li.mtm-top-nav-button {
    width: 300px;
}

#menu-item-19 .sub-menu.tracked-pos {
    width: auto !important;
    right: unset !important;
}

/* "Für Bewerber" Button im header */
header#top nav ul.buttons.sf-menu li.mtm-top-nav-button a {
    background: linear-gradient(125deg, #1d5a44 0%, #7ec264 100%);
    flex-direction: row-reverse;
    column-gap: 20px;
    padding: 15px 10px 15px 20px !important;
    height: 70px;
    box-shadow: none;
    transition: all .45s cubic-bezier(.25,1,.33,1);
}

header#top nav ul.buttons.sf-menu li.mtm-top-nav-button a:before {
    display: block;
    content: "";
    background: #1d5a44;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    transition: all .45s cubic-bezier(.25,1,.33,1);
}

header#top nav ul.buttons.sf-menu li.mtm-top-nav-button a:hover:before{
	opacity: 1;
}

header#top nav ul.buttons.sf-menu li.mtm-top-nav-button a:hover{
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

@media only screen and (max-width: 1300px) {
  #header-outer[data-format=centered-menu] #top nav>.buttons {
      position: relative;
  }
  
    header#top nav ul.buttons.sf-menu li.mtm-top-nav-button a {
        column-gap: 1rem;
        height: auto;
   }
}

.mtm-top-nav-button .menu-title-text:after {
    content: none !important;
}

/* Anpassung Buttons allgemein */

/* Hover Animation border-radius */

body.material[data-button-style*=slightly_rounded] .nectar-button.regular[class*=m-extra-color-gradient-]:before {
    border-radius: 0;
}

/* Jumbo */
body.material .nectar-button.jumbo {
    border-radius: 0 !important;
    padding: 1em !important;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
}

/* Large */
body.material .nectar-button.large {
    border-radius: 0 !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
}

/* Medium */
body.material .nectar-button.medium {
    border-radius: 0 !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
}

/* Anpassung für Buttons im Footer */
body div >.vc_column-inner .wpb_wrapper a.mtm-footer-button {
    border: 2px solid #000000;
    border-radius: 0 !important;
    padding: 1rem;
    font-size: 20px;  
}

/* Off-canvas-menü Button auf mobile */

#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top .slide-out-widget-area-toggle[data-custom-color=true] a:before {
    border-radius: 0 !important;
}

/* Anppassung für LinkedIn Einbindung */

.cOQTtm .Block-sc-3maawy-0:not(:first-child), .cOQTtm .Block-sc-3maawy-0:not(:first-child) {
    min-height: 46px;
}

/* Anpassung für Teammitglieder */

/* Tätigkeitsfeld */

.team-member .team-meta h5 {
    font-size: 17px;
    color: #959595;
}

/* Name des Teammitglieds */

body .team-member .team-meta h3 {
    font-size: 24px;
}

/* Anpassungen für Popups */

/* Overlay */

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow: hidden;
    background-color: #5a5a5a;
}

/* Close-Button */

body.admin-bar .pum-theme-content-only .pum-content + .pum-close {
    border-radius: 50px !important;
    top: 30px;
}

/* Bewerbungs-Popup */

.bewerbung-left-column, .bewerbung-right-column, .beratung-right-column {
    max-height: 740px; 
    overflow: hidden;
}

.bewerbung-left-column {
    overflow-y: scroll;
}

.bewerbung-right-column .vc_column-inner, .beratung-right-column .vc_column-inner {
    justify-content: flex-end;
}

.mtm-bewerbung-subtext.first {
    margin-bottom: 0;
}

.mtm-bewerbung-subtext, .mtm-beratung-subtext {
    position: relative;
    z-index: 3;
}

.mtm-black-square {
    width: 200px;
    transform: translate(-2rem, -13rem);
}

/* Bewerbungsformular im Popup */

/* Formulare allgemein */

.wpcf7-form p {
    font-weight: bold;
}

/* Sub-Text */
p span.mtm-sub-label {
    color: #A6A7A6;
    font-weight: normal;
}

/* Text und Select Felder */
select.mtm-select-field, 
input.mtm-text-field, 
input.mtm-file-upload, 
.carerix_input.cx2_input,
.captcha_container input{
    border: 2px solid #A6A7A6;
    background: transparent;
    border-radius: 0;
}

.captcha_container img{
    margin-top: 10px;
}

/* Datei-Uploads */
input.mtm-file-upload, 
#personal-cv-fieldcontainer #personal-cv {
    font-family: "Sora";
    height: 48px;
    width: 100%;
    font-size: 16px;
    color: #A6A7A6;
}

input.mtm-file-upload::file-selector-button {
    font-family: "Sora";
    width: 50%;
    height: 100%;
    border-radius: 0;
    font-size: 16px;
    color: #000000;
    background-color: #e3e3e3;
    border: unset;
    border-right: 2px solid #A6A7A6;
    margin-right: 2rem;
}

/* Careerix Bewerbungsformular */

#apply_form form {

    display: flex;
    flex-direction: column;
    row-gap: 1em;
    padding-bottom: 6rem;
    
    label {
        font-family: "Sora";
	font-size: 16px;
	font-weight: bold;
	width: 100%;
    }
    
    .cx_h3.cx2_h3_personal, .cx_h3.cx2_h3_contact {
        display: none;
    }
    
    #apply_button {
        padding: 0.8em;
    	color: #fff;
    	border-radius: 0 !important;
    	font-family: "Sora";
    	font-weight: normal;
    	background: linear-gradient(125deg,#9668b8,#5c0a9b);
    	margin-bottom: 0;
    	margin-right: 20px;
    	width: 200px;
    }
    
}

span.carerix_labels.cx2_labels_type-contact-email {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 5px;
}

input.cx2_type-contact-email {
    height: 20px;
    width: 20px;
}

/* Careerix-Upload-Felder */

#cx2_personal-coverLetter-add {
    display: block;
}
a#cx2_personal-coverLetter-remove,
a#cx2_personal-coverLetter-add {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.cx2_personal-cv, .cx2_personal-photo, .cx2_personal-coverLetter {
    
    display: flex;
    flex-direction: column;
    
    > span {
        order: 1;
    }
    
    .derepeat {
        order: 4;
	display: block;
    }
    

    
    #personal-cv-fieldcontainer, #personal-photo-fieldcontainer, span[id*="personal-coverLetter-fieldcontainer"] {
        order: 3;
	
	> input {
	    font-family: "Sora";
	    height: 48px;
	    width: 100%;
	    font-size: 16px;
	    color: #A6A7A6;
	}
	
	> input[type=file]::file-selector-button {
	    font-family: "Sora";
	    width: 50%;
	    height: 100%;
	    border-radius: 0;
	    font-size: 16px;
	    color: #000000;
	    background-color: #e3e3e3;
	    border: unset;
	    border-right: 2px solid #A6A7A6;
	    margin-right: 2rem;
	}
	
	> input[type=file]::file-selector-button:hover {
	    cursor: pointer;
	}
	
	> input[type=file]:hover {
	    cursor: pointer;
	}
	
    }
    
    > span {
        order: 2;
	font-family: "Sora";
	width: 100%;
	font-size: 16px;
	color: #A6A7A6;
	
	b {
	    font-weight: normal;
	}
    }
    
    label {
        font-weight: bold;
    }
}

/* Checkbox */

.mtm-checkbox span {
    margin: 1rem 0 0 0;
}

.mtm-checkbox span label {
    display: flex;
    gap: 1em;
    align-items: flex-end;
}

.mtm-checkbox span label input[type="checkbox"] {
    appearance: none;
    border: 2px solid #A6A7A6;
    width: 25px;
    height: 25px;
}


.mtm-checkbox span label input[type="checkbox"]:checked {
    background: #7ec264;
}

.mtm-checkbox span label input[type="checkbox"]:before {
    content: "";
    font-size: 20px;
    height: 25px;
    width: 25px;
}

.mtm-checkbox span label input[type="checkbox"]:checked:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 20px;
    height: 25px;
    width: 25px;
}

.wpcf7-acceptance input[type="checkbox"] {
    appearance: none;
    border: 2px solid #A6A7A6;
    width: 25px;
    height: 25px;
}

.wpcf7-acceptance input[type="checkbox"]:checked {
    background: #7ec264;
}

.wpcf7-acceptance input[type="checkbox"]:before {
	content: "";
	font-Family: 'FontAwesome';
	font-size: 20px;
	height: 25px;
        width: 25px;
}

.wpcf7-acceptance input[type="checkbox"]:checked:before{
	content: "\f00c";
}

span.wpcf7-form-control.wpcf7-acceptance label {
    display: flex;
    align-items: center;
    gap: 11px;
}

.wpcf7-acceptance span.wpcf7-list-item {
    margin: 0;
}

/* Submit-Button */

body input[type=submit].mtm-form-submit {
    padding: 0.8em;
    color: #fff;
    border-radius: 0 !important;
    font-family: "Sora";
    font-weight: normal;
    background: linear-gradient(125deg,#9668b8,#5c0a9b);
    margin-bottom: 0;
    margin-right: 20px;
    width: 200px;
}

/* Anpassung für Salient FAQ-Elemente */

body .toggles .toggle > .toggle-title a {
    color: #100737 !important;
    padding: 30px 50px 30px 0;
    font-weight: bold;
}

.toggles .toggle .toggle-title a i {
    border-color: #100737;
}

.toggles .toggle .toggle-title a i::before, .toggles .toggle .toggle-title a i::after {
    background-color: #100737;
}

/* Anpassung für Kategorien des Post-Grids */

.nectar-post-grid-item .inner .content .meta-category a.style-button {
    font-size: 12px;
    line-height: 15px;
    padding: .75em;
    border-radius: 0 !important;
}

/* News-Element - Single image */

.nectar-recent-posts-single_featured .nectar-recent-post-slide {
    border-radius: 0 !important;
}

/*Author Info Box*/

.container-wrap #author-bio .span_12{
    display: flex;
    align-items: center;
}

.container-wrap #author-bio .avatar {
    width: 160px;
    height: 160px;
}

.container-wrap #author-bio #author-info{
    width: auto !important;
}

.container-wrap #author-bio #author-info .nectar-author-info-title{
    display: flex;
    align-items: center;
    gap: 5px;
}

.container-wrap #author-bio #author-info p {
    max-width: none;
    opacity: 1;
    padding-bottom: 0;
}

.container-wrap #author-bio #author-info i{
    font-size: 14px;
}




/* Stellenangebote auf Jobseite */

div.mtm-job-grid {
    div.mtm-job-post-grid {
	display: flex;
	flex-wrap: wrap;
	row-gap: 5rem;
    
        div.mtm-job-post-grid-item {
	    border: 3px solid #AAD699;
	    border-radius: 5px;
	
	    div.inner {
		padding: 3rem;
		box-shadow: 3rem 2.5rem #AAD699;
		
		.mtm-job-post-grid-item-bg-wrap {
		    background: #FFFFFF;
		}
		
		.content {
		    padding: 0;
		
		    .item-main {
		        .post-heading {
			    line-height: 1.3;
			    font-size: 32px;
			    font-weight: 400;
			
			   a {
			       span {
			           color: #4BA829;
			       }
			   }
			}
			.mtm-job-post-grid-item__excerpt-wrap {
			    span.meta-excerpt {
			        font-size: 17px;

				.cx2_introduction {
				    p {
				        padding: 0;
				    }
				}
			    }
			}
		    }
		}
	    }  
	}
    }
    .load-more-wrap {
        margin: 8rem 0;
    }
}


/* Careerix Job-Beiträge */
body.single .post .content-inner>h4.cx_h4 {
    margin: 1em 0 1em 0;
}

body.cx-vacancy #single-below-header{
    display: none;
}

#apply_button.cx2_vacancydetails-apply {

    border: 0;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
    color: #fff;
    top: 0;
    display: inline-block;
    box-shadow: none;
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    border-radius: 0 !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    background: linear-gradient(125deg,#9668b8,#5c0a9b);
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 2em 0 2em 0;
    
}

.carerix-trigger-popup.pum-trigger {
    margin-top: 2em;
}

body .content-inner .nectar-button.large.regular.m-extra-color-gradient-2.carerix-trigger-popup.pum-trigger:before {
    content: unset;
}

/* Jobsuche */
.mtm-job-search-wrap {
    padding: 2em;
    margin: -2rem 0 5rem 0;
    box-shadow: 0px 3px 30px #00000029;
	
    form {
        display: flex;
	column-gap: 1em;
	align-items: flex-end;
	
	.mtm-select-wrap {
		position: relative;
		flex-basis: 15%;
	
		&.region-wrap {
		    flex-basis: 35%;
		}
	
		&.job-field-wrap, 
		&.contract-type-wrap {
		    flex-basis: 25%;
		}
	
		&.region-wrap, 
		&.job-field-wrap, 
		&.contract-type-wrap {
		    &:before {
		            content: "";
			    position: absolute;
			    background-image: url("chevron_right.svg");
			    background-repeat: no-repeat;
		            background-position: right;
			    width: 30px;
			    height: 30px;
			    right: .5rem;
			    top: 3rem;
			    z-index: 2;
			    transform: rotate(90deg);
			    pointer-events: none;
		    }
		}
		&.submit-wrap {
		    height: 50px;
		}
	
	    input[type="submit"] {
	        background-color: #000;
		border-radius: 0 !important;
		font-size: 17px;
		font-weight: 500;
		line-height: 1.3;
		width: 100%;
		height: 100%;
		
	    }
	    
	    label {
	    	display: flex;
		width: 100%;
		flex-wrap: wrap;
		
	        select {
		    background-color: #fff;
		    border-radius: 0;
		    border: 2px solid #A6A7A6;
		    height: 50px;
		    appearance: none;
		    width: 100%;
		    position: relative;	
		    
		    &:hover {
		        cursor: pointer;
		    }
		}
	    }
	}	
    }
}

/* Animations-Effekt für Branchen-Elemente */
.boxshadowbrachen {
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    transform: translateY(0);
}

.boxshadowbrachen .vc_column-inner:hover {
    box-shadow: 0 20px 38px rgba(0,0,0,0.16)!important;
}

.boxshadowbrachen:hover {
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    transform: translateY(-1rem);
}

/* Verwandte Beiträge auf single post Seiten */


.related-post-wrap {
    .row-bg-wrap {
        background-color: #DAEED4;
    }
    
    h3.related-title {
        position: relative;
	z-index: 2;
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 3rem !important;
    }
}

.related-posts {
    .col.span_4 {
        .inner-wrap {
    	    background-color: #fff;
	    .meta-category a {
	    	font-size: 11px;
		line-height: 1.3rem;
	        background: #000;
		color: #fff;
		padding: .5rem
	    }
	    
	    .meta-category a:before {
	        display: none;
	    }	    
	    .article-content-wrap {	
	        .post-header {
		    .title {
		    	margin-bottom: 3rem;
		        font-size: 24px !important;
			line-height: 1.3;
		    }
		}
	    }
	}
    }
} 

.pum-close.popmake-close {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pum-theme-content-only i.fa-times:before {
    content: "";
    display: block;
    position: relative;
    background-image: url("close_white.svg");
    height: 35px;
    width: 35px;
    left: -2px;
    top: -1px;
}

@media all and (max-width: 1000px) {
	.pum-theme-content-only .pum-content .pum-close {
		position: absolute;
		color: #000;
		border: 2px solid #000;
		top: 10px;
		right: 10px;
	}
	.pum-theme-content-only i.fa-times:before {
		content: "";
		display: block;
		background-image: url("close_black.svg");
		height: 35px;
		width: 35px;
		left: -2px;
		top: -1px;
	}
}

@media all and (max-width: 768px) {
	#mtm-careerix-search {
		flex-wrap: wrap;
		align-items: flex-end; 
		.mtm-select-wrap {
			flex-basis: 45%;
			padding: 20px 0 0 0;
        		min-height: 100px;
	        	display: flex;
        		align-items: flex-end;
			
			&:before {
				top: 4rem;
			}
			
			#mtm-carerix-submit {
				height: 50px;
				margin-bottom: -2px;
			}
		}
	}
	div#author-bio .span_12 {
    		flex-wrap: wrap;
	}
	.material .container-wrap #author-bio #author-info {
	    text-align: left;
            padding-left: 0;
	}
}

@media all and (max-width: 480px) {
	#mtm-careerix-search {
		.mtm-select-wrap {
			flex-basis: 90%;
		}
	}
	div.mtm-job-grid div.mtm-job-post-grid div.mtm-job-post-grid-item div.inner .content .item-main .post-heading {
		font-size: 28px;
	}
	div.mtm-job-grid div.mtm-job-post-grid div.mtm-job-post-grid-item div.inner .content .item-main .mtm-job-post-grid-item__excerpt-wrap span.meta-excerpt {
		font-size: 16px;
	}
}