/*
Theme Name: Matoma Child Theme
Description: This is a custom child theme for Matoma
Theme URI:   https://matoma.de
Author: Matoma
Author URI:  https://matoma.de
Template: matoma
Version: 1.0
*/

/*Abstand zwischen heder und seite entfernen*/
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title {
    padding-top: 0;
}

/*Header Start*/
/*Header button*/
#header-outer .header-menu-button > a:before {
    border: 2px solid #BF8A60;
    opacity: 1;
}

#header-outer .menu-item-178 > a:after {
    background: #BF8A60;
}

body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.header-menu-button.menu-item.menu-item-btn-style-button-border_accent-color.menu-item-has-icon.menu-item-178.sfHover.menu-item-over a .menu-title-text,
body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.header-menu-button.menu-item.menu-item-btn-style-button-border_accent-color.menu-item-has-icon.menu-item-178.sfHover.menu-item-over a .nectar-menu-icon {
	color:white !important;
}

/*Sub Menü*/
#header-outer[data-format=centered-menu] #top nav>.sf-menu>li ul {
    width: 345px;
}

/*Header End*/

/*Footer Start*/
.nectar-global-section.before-footer ul.menu li {
	list-style: none;
}

.nectar-global-section.before-footer ul.menu {
    margin-left: 0;
}

body.material  .nectar-global-section.before-footer li a:hover {
	color: #9f9f9f !important;
}
/*Footer End*/

/*Mobile CTA Start*/
#CTAModalTrigger {
    z-index: 99999999;
}

/*Mobile CTA End*/

/*Button Start*/
.nectar-button.btn-icon-left i {
    right: auto !important;
    left: 10px !important;
    opacity: 1!important;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateX(6px);
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}
.nectar-button.btn-icon-left.has-icon:hover span, .nectar-button.tilt.has-icon span {
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.nectar-button.btn-icon-left.has-icon:hover span, .nectar-button.btn-icon-left.tilt.has-icon span, body.material .nectar-button.btn-icon-left.has-icon span {
    transform: translateX(18px);
}

body.material[data-button-style^=rounded] .nectar-button.btn-icon-left.has-icon:not([class*=see-through]) i, body.material[data-button-style^=rounded] .nectar-button.btn-icon-left.has-icon[class*=see-through]:hover i {
    background-color: transparent;
}
/*Button End*/


/*Mobil CTA Begin*/
/*Mobil CTA Icons*/
#CTAModalTrigger span.fas:before{
	content: "";
}
#CTAModalTrigger span.fas{
	background-image: url('/wp-content/uploads/2022/04/cta-icon-quick-button.svg');
	background-position: 40% center;
	background-repeat: no-repeat;	
}
#CTAModal #modalClose span:before{
	font-family: 'Line Awesome Free';
}
#CTAModal #modalBody .menuLink .CTALink .beforeIcon{
	margin-right: 15px;
	color: #385676;
}
#CTAModal #modalBody div.menuLink a span.beforeIcon{
	font-size: 24px;
}
#CTAModal #modalBody div.menuLink a span.fa-phone:before,
#CTAModal #modalBody div.menuLink a span.fa-envelope-open-text:before
#CTAModal #modalBody div.menuLink a span.fa-arrow-right:before{
	font-family: 'Line Awesome Free';
}

/*Mobil CTA*/
#CTAModalTrigger{
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 15px #00000029;
	width: 70px;
	height: 70px;
	border-radius: 40px;
	right: 75px;	
}
@media screen and (max-width: 999px){
	#CTAModalTrigger{
		right: 35px;
		bottom: 35px;
	}
}
@media screen and (max-width: 768px){
	#CTAModalTrigger{
		right: 15px;
		bottom: 20px;
	}
}
#CTAModal #modalBody{
	padding: 35px 20px;
}
#CTAModal #modalBody .menuHeading{
	padding-top: 0;
}
#CTAModal #modalBody .menuHeading h3{
	font-size: 29px;
	font-weight: 400;
}
#CTAModal #modalBody .menuHeading:not(:first-child){
	margin-top: 30px;
}
#CTAModal #modalClose{
	width: 40px;
	height: 40px;
	border-radius: 30px !important;   
	background-color: #BF8A60 !important;
}
#CTAModal #modalClose span.fas.fa-times{
	font-size: 24px;
	color: #fff; 
	font-weight: 900 !important;
}
#CTAModal #modalBody .menuLink{
	padding-left: 10px;
}
#CTAModal #modalBody .menuLink .CTALink .menuElementTitle{
	font-weight: 600;
}

div#CTAModal {
    z-index: 100;
}

button#modalClose {
    border: none;
}
/*Mobil CTA END*/

/*Post Grit Hover bildgrö0ße etc*/

.nectar-post-grid-wrap[data-style=mouse_follow_image] .nectar-post-grid .nectar-post-grid-item .content .post-heading, .nectar-post-grid-wrap[data-style=mouse_follow_image] .nectar-post-grid .nectar-post-grid-item .content .post-heading a:before {
    max-width: 110% !important;
}

/*Formulare (QuForms) Start*/
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    box-shadow: none;
}

.quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-captcha, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-date, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-email, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-multiselect, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-password, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-select, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-text, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-textarea, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>.quform-field-time, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>span>span>.quform-field-date, .quform-theme-underlined .quform-input:not(.quform-has-field-icon-left)>span>span>.quform-field-time {
    font-weight: normal;
}
/*Formulare (QuForms) End*/

/*Popups Start*/
.pum-container {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

.pum-overlay {
    overflow: hidden;
}

/*Popup close button size in mobile*/
@media only screen and (max-width: 576px){
    .pum .pum-container.popmake button.pum-close{
        height: 60px;
	width: 60px;
	padding: 15px;
    }
}

/*Popups End*/

/*Team Farben*/
.team-meta h3,
.team_member_details .bio-inner h2 {
    color: #385676;
}

.team-meta h5,
.team_member_details .bio-inner .title {
    color: #BF8A60;
    font-size: 15px !important;
    font-weight: 700;
}

.team-meta p {
    color: #2B2B2B;
}

/*Mobile Styles*/
@media only screen and (max-width: 690px) {
	.nectar-hor-list-item>.nectar-list-item {
	    display: block;
	    width: 100% !important;
	    padding: 0 !important;
	}
}

#slide-out-widget-area .off-canvas-menu-container {
    padding: 0 !important;
}

/*Beitrags-Slider auf Homeseite*/
.nectar-recent-posts-slider-inner.flickity-enabled .flickity-page-dots {
	margin-top: 20px !important;
}

.globalCTA_popUp .popUp_leftSide .vc_column-inner{
    padding:12%;
}

/*Single Blog Beitrag*/
#author-bio #author-info p{
    max-width:100% !important;
}

/* Bildbeschreibung */

.single_image_caption {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    line-height: 23px;
    text-align: center;
}

.mtm-header-contact {
    background: #bf8a60;
    margin-left: 1rem;
    height: 35px;
    align-self: center;
    border-radius: 45px;
    padding: 10px 20px;
}

.mtm-header-contact a .menu-title-text {
    color: #fff;
    transition: color .25s ease-in-out;
}

.mtm-header-contact:hover a .menu-title-text {
    color: #385676!important;
}

@media only screen and (max-width: 1000px) {
    .mtm-header-contact {
        margin-left: 0;
	padding: .25rem .25rem .25rem 0;
	background: unset;
    }
}