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

/**************************/
/*********Fonts***********/
/*************************/

/* caveat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('https://bg-mgl.de/wp-content/themes/salient-child/fonts/caveat-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('https://bg-mgl.de/wp-content/themes/salient-child/fonts/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('https://bg-mgl.de/wp-content/themes/salient-child/fonts/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('https://bg-mgl.de/wp-content/themes/salient-child/fonts/manrope-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('https://neu.bg-mgl.de/wp-content/themes/salient-child/fonts/manrope-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/******************************/
/*********Allgemein***********/
/******************************/


/*Fancy Box - Abstände zum Rand veringern*/
.nectar-fancy-box.min_height_phone_100px .box-inner-wrap {
    padding: 40px 50px !important;
}
@media (max-width: 1500px) { /* Responsive */
	.nectar-fancy-box.min_height_phone_100px .box-inner-wrap {
 	   padding: 30px !important;
	}
}

/*Fancy Unordered List - Aufzählungsstriche (Standard Dash) dicker machen*/
.icon-salient-thin-line {
    font-weight: 800 !important;
}

/*Fancy Unordered List - margin-bottom mobil auf 0 setzten*/
@media (max-width: 1000px) { /* Responsive */
	.MarginMobilAuf0Setzten .nectar-fancy-ul, .MarginMobilAuf0Setzten .nectar-fancy-ul ul {
    	margin-bottom: 0px !important;
	}
}


/* Horizontal List Item - Mobile anpassung */
@media only screen and (max-width: 1250px) {
	
	.nectar-hor-list-item>.nectar-list-item[data-text-align=right] {
	    text-align: left !important;
	    padding-top: 10px !important;
		padding-left: 0px !important;
	}
	.nectar-hor-list-item[data-columns="2"][data-column-layout=large_first]>div	{width: 100% !important;}
	.nectar-hor-list-item>.nectar-list-item[data-text-align=left] 								{text-align: left !important;}
	.nectar-hor-list-item.has-btn 																{padding-right: 10px !important;}
	
	.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div 	{width: 100% !important;}
	.nectar-hor-list-item[data-columns="4"][data-column-layout=large_first]>div:nth-child(4) 	{padding: 10px 0px; !important;}
}


/******************************/
/*********Startseite***********/
/******************************/

/* Gut informiert im Mietverhältnis - Color Overlay für mobil optimieren */
@media (max-width: 690px) { /* Responsive */
	.ColorOverlayHinzufuegen .row-bg-overlay.row-bg-layer {
    	background: linear-gradient(90deg, rgb(228, 35, 19) 20%, rgba(228, 35, 19, 0.4) 100%) !important;
	}
}




/******************************/
/**********Über Uns************/
/******************************/

/* Geschichte - Text - Zeilenabstand mobil veringern */
@media (max-width: 690px) { 
	.nectar-responsive-text.smallerLineHeight {
        line-height: 23px !important;
    }
}

/* Überschrift auf eine Linie unten bringen */
.ueberschriftGeschichte .nectar-highlighted-text.font_size_28px.font_size_tablet_28px.font_size_phone_26px h5 {
	margin-bottom: 5px !important;
	margin-right: -5px !important;
}
@media (max-width: 690px) { 
    .ueberschriftGeschichte .nectar-highlighted-text.font_size_19px.font_size_tablet_19px.font_size_phone_17px h5 {
        margin-bottom: 2px !important;
    }
}

/*Pfeile bei Geschichte auch mobil beibehalten */
@media only screen and (max-width: 999px) {
    .nectar-flickity[data-controls*=arrows_overlaid][data-overflow=visible] .flickity-prev-next-button {
        opacity: 1 !important;
        visibility: unset !important;
		pointer-events: unset !important;
    }
	button.flickity-button.flickity-prev-next-button.next {
    transform: translateX(40px) !important;
	}
	button.flickity-button.flickity-prev-next-button.previous {
    transform: translateX(-40px) !important;
	}
}

button.flickity-button.flickity-prev-next-button.next svg path, button.flickity-button.flickity-prev-next-button.previous svg path{
    fill: #fff !important;
}
button.flickity-button.flickity-prev-next-button.next::after, button.flickity-button.flickity-prev-next-button.previous::after {
    background-color: #fff !important;
}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button::before, button.flickity-button.flickity-prev-next-button.previous::before{
    background-color: #e42313 !important;
}



/******************************/
/*******Wohnung finden*********/
/******************************/

/* Breadcrumbs stylen */
span.the_step_num {
    box-shadow: none !important;
    font-family: 'Manrope' !important;
	font-size: 13px !important;
}
span.the_step_num::after {
    Content: ".";
}
.crumb_container a {
    margin-left: 0px !important;
}
li.no-description.no-icon {
    box-shadow: none !important;
}
div#nex-forms .row, div.clear {
    padding-bottom: 0px !important;
}

/* Richtige Schrift überall*/
div#nex-forms, div#nex-forms p, div#nex-forms a, div#nex-forms lable, div#nex-forms div, div#nex-forms input {
    font-family: 'Manrope', sans-serif !important;
}

/* Lable-Text aug gleiche höhe wie checkboxen*/
span.input-label.check-label {
    margin-top: -20px !important;
}


#nex-forms form {
    min-height: 50px !important;
}