/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('../uncode-child/fonts/bankgothic_md_bt-webfont.woff2') format('woff2'),
         url('../uncode-child/fonts/bankgothic_md_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#logo-container-mobile{
    padding-top: 15px;
    padding-bottom: 15px;
}


/*make hvo in menu green*/
ul#menu-hauptmenue .menu-item.menu-item-link.hvo-green a {
	color: #00a305 !important;
  }

/* Adjust animated text with italic font*/
.el-text > * > i > span.heading-text-inner .split-word:not(.split-word-empty) .split-word-inner {
    padding: 0 0.2em 0.005em 0 !important;
}

#faq.custom-faq-title .panel-title span{
    font-size: 24px !important;
    font-weight: 300 !important;
}

.home-faq h5, .home-faq p {
    margin-bottom: 0;
    margin-top: 0;
}

.home-faq h5 + p{
    margin-top: 0 !important;
}

.home-faq h5 {
color: #cb3d2c;
}

/*style breadcrumb*/
.row.row-parent.style-light.limit-width {
    padding: 18px;
}

.breadcrumb-title.h5.text-bold {
    display: none;
}

.breadcrumb.header-subtitle {
    margin-top: 0;
}

/*make logo svg bigger*/
.logo-container .html-code svg{
    width: auto;
}

/*make small smaller*/
small{
    font-size: smaller;
}

/*Fix Main Menu Product Opacity because of dropdown menu
.menu-light .menu-smart > li.current-menu-ancestor.dropdown > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a {
	color: rgba(255,255,255,1) !important;
}

.menu-light .menu-smart > li.current-menu-ancestor.dropdown.active > a {
	color: rgba(255,255,255,0.5) !important;
}
*/

/*Min Height für Bilder Kacheln // Füge die Klasse min-height der Column hinzu
.min-height .uncoltable{
	height: 400px; /*wichtig für firefox*/
/*	min-height: 400px !important;
}
*/

/*Footer Top Border
.site-footer > div.vc_row.border-accent-color, .site-footer > div[class*="border"] {
    border-top-width: 10px !important;
}
*/

/*Fix Icon Box br big space in FF*/
.text-lead:not(ul) > br{
	margin-top: 0px;
}



/*FAQ Aktives Tab Hoverfarbe*/
.custom-faq-title .panel-title.active > a, .custom-faq-title .panel-title > a:focus {
	color: #cb3d2c!important;
}


/*Kontaktformular*/
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}

.wpcf7-form-control.wpcf7-textarea {
    height: 12em;
}

p.contact.italic.center {
    font-size: 10px;
    font-style: italic;
    margin-top: 0;
    line-height: 12px;
}

.contact-text{
    font-size: 14px;
    line-height: 14px;
}

.wpcf7-recaptcha{
	margin-top: 18px;
}


#wpcf7-success-message {
  text-align: center;
  margin-top: 0 !important;
  font-size: 32px !important;
  font-weight: 600;
  font-family: 'bankgothic_md_btmedium';
  text-transform: uppercase;
  letter-spacing: 0.02em !important;
  color: #cb3d2c !important;
  background-color: #f7f7f7;
  transition: all 1s ease-in-out;
}

@media only screen and (max-width: 478px) {
	.wpcf7-inline-wrapper .wpcf7-inline-field{
		width: 100%;
		padding: 0;
	}
	.wpcf7-inline-wrapper p{
		margin: 18px 0px 0px 0px !important;
	}
}

.wpcf7-inline-wrapper .wpcf7-inline-field input[type="checkbox"]{
	width: 16px !important;
}

/*Fix margin and center on google Recaptcha*/
.g-recaptcha {
	margin: 18px auto 0;
}

/*Footer abstand Title zu menü*/
footer .widget-container .widget-title{
	margin-bottom: 12px;
}

/*Fix für SVG Datei
div.icon-media img {
    width: 100px;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%,-50%);
}
*/

.icon-media{margin:0;}

/*change link hover color on accent background*/
/*add class custom-link-hover-color to element*/
.custom-link-hover-color a:hover{
    color: #000000 !important;
}

/*Fix für Media in Icon Box*/
.icon-box-icon.fa-container img{
    width: 100%;
}

.round img{
    -o-border-radius: 2.5em;
-moz-border-radius: 2.5em;
-webkit-border-radius: 2.5em;
-ms-border-radius: 2.5em;
border-radius: 2.5em;
}

div.uncode-accordion div.icon-box-content div.icon-box-heading h3.h3{
    font-size: 15px;

}

/*Make Google Recaptcha v3 on top of everything else*/
.grecaptcha-badge{
    z-index: 99;
}

/*Icon Liste 3 Spalten nebeneinander*/
.DreiSpaltenListe ul.icons li {
    display: inline-block;
    width: 33%;
    margin-top: 0;
    margin-bottom: 5px;
}

/*Fix Link on hover bei accent background*/
.style-accent-bg a:hover{
	color: #000000 !important;
}


/*Fix Footer Widget Title spacing*/
footer .widget-container .widget-title{
	margin-bottom: 18px;
}

/*Call To Action Top Border*/
.cta-border{
    border-top-width: 5px !important;
}

/*/Fix für icon Box Header*/
.box-heading-space .icon-box-heading {
    height: auto !important;
}

/*Show Footer top border*/
.site-footer .row-container{
border-top-width: 5px;
}

/*Custom Border Width for youtube container*/
.custom-border iframe{
	border: 10px solid white !important;
	border-radius: 8px !important;
}

/*Fixes for Google Reviews*/

.egpr-review-template2 .egpr-rated-time{
	background-color: #0058AF !important;
}

.egpr-badge-template3 .egpr-business-avatar:before{
	background-color: #e1e1e1 !important;
}

.egpr-badge-template3 .egpr-average-star{
	border-color: #0058AF !important;
}

.egpr-badge-template3 .egpr-circle-icon:before{
	color: #f7941d !important;
}

.egpr-circle-icon:before{
	content: "\f005";
	
}

.egpr-badge-template3 .egpr-circle-icon i:before{
	border: none !important;
}

.egpr-star-icon.full .fa.fa-star-o{
	line-height: inherit;
}

.egpr-business-header.egpr-badge-template3 .egpr-business-wrapper{
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.egpr-badge-template3 .egpr-star-rating .egpr-circle-icon::before {
	font-size: 18px;
}

.egpr-badge-template3 .egpr-star-rating .egpr-circle-icon {
	width: 18px;
	height: 18px;
}

.egpr-reviews-main-wrapper li .fa.fa-star-o{
    margin-right: 9px;
}

.egpr-reviews-main-wrapper .egpr-header-title.egpr-reviewer-name{
    margin-bottom: 0px !important;
}

.egpr-review-template2 .egpr-reviewer-star{
    margin-right: 0px;
}

.egpr-content-reviews-wrapper{
    margin-top: 18px !important;
}

/*
 * 
 * 
 * Mobile Fixes
 * 
 * 
 * 
 * */

/*fixes for tablets*/
@media only screen and (min-width: 769px) and (max-width:1080px){
	
}

@media only screen and (max-width: 960px) {
	/*Mobile Menu bigger font-size for centered menu*/
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item.menu-item-link > a{
	   font-size: 6vw !important;
	}
	
	/*Fix für Padding bei inverted device order*/
	    .main-container .inverted-device-order .row-inner>div:first-child:not([class*=col-sm]) {
        padding-top: 0 !important;
    }
	
		/*Fix Menu on mobiles
	.menu-horizontal{
		overflow: visible;
	}
	
	.menu-with-logo .menu-smart > li{
		height: 200%;
	}
	*/
}

/*fixes for mobile*/
@media only screen and (max-width: 768px) {
	
	.mobile-line-height .h6 {
line-height: 1.5;
}

	
	.custom-mobile-heading-size .h4{
        font-size: 12px !important;
    }
    
    .custom-mobile-heading-size .h1{
        font-size: 24px !important;
    }
	
	/*Überschriften Größe*/
	
	h2 {
		font-size: 1.6rem!important;
		line-height: 1.85rem!important;
	}
	
	h3 {
		font-size: 1.3rem!important;
		line-height: 1.55rem!important;
	}
	
	#faq.custom-faq-title .panel-title span {
		font-size: 1.2rem!important;
		line-height: 1.45rem!important;
		
	}
	
    /*Icon Liste 3 Spalten nebeneinander*/
	.DreiSpaltenListe ul.icons li {
		width: 100%;
	}
	
	/*hide Google Recaptcha v3*/
	.grecaptcha-badge{
		display: none;
	}


	/*contact form full width fields*/
	.wpcf7-inline-wrapper .wpcf7-inline-field{
		width: 100%;
		padding: 0;
        display: block;
	}
    
    .wpcf7-inline-wrapper.fix-mobile-form{
        display: none;   
    }
        
	.wpcf7-inline-wrapper p.wpcf7-inline-field:not(:first-of-type){
		margin: 18px 0px 0px 0px !important;
	}
    
    .wpcf7-inline-wrapper p.wpcf7-inline-field:first-of-type{
        margin-block-start: 0px !important;
	}
	
	/*min height für bilder die im spaltenhintergrund liegen. Füge die Klasse .min-height der spalte / row hinzu. */
	.min-height .uncoltable {
    	min-height:300px !important
	}

}