/*
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
*/



/*Slider auf der Home Seite nach links schieben, wenn nur zwei angebote sind*/
.flickity-slider {
    transform: translateX(0%) !important;
}

/* die breite bei der map auf der kontaktseite für den text*/
/*.map-breite p {
      width:500px;
}*/



.button-lang {
	line-height:1.3 !important;
}


/*abstand überschrift bei den boxen auf content seite*/
.box-abstand h2 {
	margin-top:25px;
}


.padding {
    padding-left:35px;
    padding-right:35px;
}

.padding h2 {
    padding-bottom:20px;
}

/*breadcrumbs position mobile auf seiten mit weissem hero*/
.position {
    position:absolute;
    top:310px;
    width:100% !important;
}

.text-align-center {
	text-align: center! important;
}


.link-angebote {
    margin-top:-10px !important;
}

.link-with-line {
      display: inline-flex; /* Für die Ausrichtung */
      align-items: center;
      text-decoration: underline; /* Text unterstreichen */
      color: #000;
      font-weight:800;
  }

  .link-with-line::before {
      content: "";
      display: block;
      width: 40px; /* Länge der Linie */
      height: 2px; /* Dicke der Linie */
      background-color: black;
      margin-right: 10px; /* Abstand zwischen Linie und Text */
  }

/* Das Scroll Icon hat 25px abstand zum ende des heroes von unten*/

.scroll-icon-column {
    position: absolute;
    bottom: 25px !Important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.vc_row-full-height {
    position: relative; /* Notwendig, damit das Scroll-Icon relativ zur Row positioniert wird */
}

/************/


/*Icon Hero Bereich abstand zum unteren rand für diese zwischengrösse*/
/*@media (min-width: 1000px) and (max-width: 1385px) { 
    .hero-bottom-spacing {
        bottom: 50px !important;
        border:2px solid red;
     
        
    }
}*/


.full-width-content.blog-fullwidth-wrap, .full-width-content.nectar-shop-outer, .nectar-slider-wrap[data-full-width=true], .page-submenu .full-width-content, .page-submenu>.full-width-section, .portfolio-filters-inline.full-width-content, .portfolio-filters-inline.full-width-section:not(.non-fw), .post-area.full-width-content.standard-minimal, .single-product .product[data-gallery-style=left_thumb_sticky][data-gallery-variant=fullwidth] .single-product-wrap, .wpb_row.full-width-content, .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content, .wpb_row.full-width-section .mobile-video-image, .wpb_row.full-width-section .templatera_shortcode>.wpb_row.full-width-section>.row-bg-wrap, body .full-width-section .nectar-parallax-scene, body .full-width-section .row-bg-wrap, body .full-width-section.parallax_section .row-bg-wrap, body .full-width-section>.nectar-shape-divider-wrap, body .full-width-section>.video-color-overlay, body[data-aie=long-zoom-out] .first-section .row-bg-wrap, body[data-aie=long-zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-aie=zoom-out] .first-section .row-bg-wrap, body[data-aie=zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-col-gap] .vc_row-fluid .span_12.post-area.full-width-content.standard-minimal {
    margin-left: calc(-51vw + var(--scroll-bar-w) / 2);
    width: calc(102vw - var(--scroll-bar-w));
}

	
/* GAlerie Item stylen Karriere Seite*/

.flex-gallery .flex-direction-nav {
	right:150px !important;
	margin-top:800px !important;
}

i.fa.fa-angle-left {

	color:black !important;
	font-size:50px !important;
	margin-right:30px !important;
}

a.flex-prev {
	background-color:white! important;
}


i.fa.fa-angle-right {

	color:black !important;
	font-size:50px !important;
	margin-left:30px !important;
}

a.flex-next {
	background-color:white! important;
}


/**********/

.link-dark a {
	color: #000000 !important;
}

.link-white a {
	color: #ffffff !important;
}

.link-white-footer a {
	color: #ffffff !important;
	font-size:18px !important;
}


.map {
	filter: saturate(0) !important;
}

/* Design Job Seite */
.job-seite-namen .wpb_wrapper p  {
	font-size:18px !important;
	font-weight:400 !important;
	text-transform: uppercase !important;
	margin-top: 25px !important;
	margin-bottom: -15px !important;

}


/* STYLE FORMULAR */
/***********************************/


.abstand  {

	margin-top:15px;
}


/*BUTTON*/
 input.wpcf7-submit {
    background-color: #F5F4F1 !important;
	color:#000000 !important;
    border: 1px solid #000000 !important;
	 float: right !Important;
   
}




/*Felder*/
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select
{
    background-color: #FFF;
    color: #000;
    width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}


/*Fokus*/
input:focus, 
textarea:focus
 {
    border: 2px solid #D9D9D9 !important;
    outline: none; /* Standard-Umrandung entfernen */
}


/* ENDE STYLE FORMULAR */
/***********************************/

/* Border um ganzes Akkordeon bei Jobs*/ 
.akkordeon-jobs {
	border: 0.5px solid #000000 !important;

}

/* Border Bottom bei Akkordeon jobs*/
.akkordeon-jobs div[data-style="minimal"] .toggle {
	border-bottom: none !important;
}


/* EINZUG LISTE THEMENWELT SPONSORING*/
div.einzug-liste ul {
 margin-left:20px !important;

}

/* PADDING BEI CONTENT 3er BLOCK*/	
.padding-right p {
	padding-right:15% !important;
}

.h3-font-size h3 {
	font-size:20px !important;
}

/* TOGGLES Bei akkordeon ändern */ 
div .toggle>.toggle-title i:before,div .toggle>.toggle-title i:after {
    background: transparent !important;
}
div .toggle > .toggle-title i:before {
    content: "\f107" !important;
    top: 7px !important;
}
div .toggle.open > .toggle-title i:before {
    content: "\f106" !important;
    top: 5px !important;
    color: #000000;
    
}
div .toggle.open i:before {
    transform: scale(1) rotate(0deg);
}

div.toggle.open.extra-color-2 i {
	border-color: transparent !important;
}

div.toggle.extra-color-2 i {
	border-color: transparent !important;
	font-size:25px !important;
}

/* Tabellen Styling Branding Day etc.*/
/**************************************************/

/*Class Table*/ 
.table table {
	border: none !important;
}

.table tr  {
	background-color: transparent !important;
	border: none !important;
	font-size:18px !important;
}

.table table td {
	border: none !important;
	padding: 5px 0px 0px 0px !Important;
	font-size:18px !important;
}

.table table th {
	border: none !important;
	padding: 10px 0px !Important;
}

/*Class Table-dark*/ 
.table-dark th {
	background-color: black! Important;	
}

.table-dark h3 {
	color: white !important;
}

.table-dark table td {
	border-bottom: 1px solid #C0C0C0 !important;
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	font-size:18px !important;
	padding: 15px 15px 10px 30px !important; 
}



/* Tabellen Styling Branding Day ENDE.*/
/**************************************************/


/* HEADER TRANSPARENT NAVIGATION */

#header-space {
	height: 0px !important;
}


body #header-outer {
	    background-color: rgba(0, 0, 0, 0);
}



/* HEADER ON SCROLL CHANGE COLOR DESKTOP*/
body #header-outer.small-nav {
	background-color: rgba(0, 0, 0, 1);

} 

/* HEADER ON SCROLL CHANGE COLOR MOBILE*/
body #header-outer.scrolled-down {
	background-color: rgba(0, 0, 0, 1);

}

/* SCROLL ANKERLINK WEITER NACH OBEN*/
.anchor-target {

    padding-top: 100px !important; /* Höhe des fixierten Headers anpassen */
    margin-top: -100px !important; /* Gleiche Höhe wie das Padding */
}




/* CHANGE BUTTON LARGE FONT SIZE*/
.nectar-button.large{
  font-size: 20px !important;
  padding: 15px 50px!important;
  
}

/* HOVER BUTTON LARGE*/
.nectar-button.large:hover{
  color:rgba(147,151,153,0.8) !important;
  border: 2px solid rgba(147,151,153,0.8) !important;
  
}

/* CHANGE BUTTON MEDIUM FONT SIZE*/
.nectar-button.medium{
  font-size: 20px !important;
  padding: 15px 5px !Important;
  width: 170px !Important;
  
}

/* HOVER BUTTON MEDIUM*/
.nectar-button.medium:hover{
  color:rgba(0,0,0,0.5) !important;
  border: 2px solid rgba(0,0,0,0.5) !important;
  
}


/* next button smaller */
.nectar-next-section-wrap.down-arrow-bordered .nectar-next-section, .nectar-next-section-wrap.mouse-wheel .nectar-next-section, .scroll-down-wrap.no-border .section-down-arrow, body[data-button-style^=rounded] .section-down-arrow {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.nectar-next-section-wrap.down-arrow-bordered .nectar-next-section i, body[data-button-style^=rounded] .section-down-arrow i.fa-angle-down, body[data-button-style^=rounded] .section-down-arrow i.fa-angle-down.top {
    -webkit-transform: translate(0,-51px);
    transform: translate(0,-51px);
}


/* Footer Text*/
.footer-text {

	font-size: 22px !important;
	line-height:1.6 !important;
}

.footer-text a {
	color:white !important;
	text-decoration: none! important;
}

/* Footer Text BOLD */
.footer-text-bold {
	font-weight: 800 !important;
	font-size: 22px !important;
}


/* FOOTER NAVIGATION*/
.footer-navigation ul li {
    list-style: none;
}

ol, ul {
    margin-left: 0;
    margin-bottom: 10px;
}

/*
footer-navigation.ul li {
    margin: 0px !important;
} */


/*Font Awesome Icon Twitter und farbe  ändern*/

body .fa.fa-twitter::before{
content:"𝕏";
color: black !important;
}

body .fa.fa-instagram::before{
color: black !important;
}

body .fa.fa-facebook::before{
color: black !important;
}


/* BREADCRUMBS STYLE*/
.breadcrumbs {
	font-size: 14px !important;
	font-weight: 500 !important;;
letter-spacing: 1.40px !important;

}

.breadcrumbs a {
	color: #000000 !Important;
}

.breadcrumbs span.breadcrumb_last {
	color:#7F7F7F !Important;
	
}


/* submenu tweaks */
body .page-submenu li a {
    color: #000000 !important;
    opacity: 1 !important;
}

.page-submenu li a:hover, .page-submenu.stuck .current-menu-item a {
   color: #da374c !important;
}



/* donwload cta */

.download .link_wrap .arrow:before {
    font-family: 'FontAwesome';
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    color: #000;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    right: 0;
    width: 26px;
    text-align: center;
    height: 30px;
    top: 50%;
    margin-top: -16px;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

.download[data-style=see-through] .link_wrap .arrow:after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #000;
    height: 0px;
    width: 0px;
    right: 12px;
    top: 50%;
    margin-top: -2px;
    transform: scale(0,1) translateX(0);
    transform-origin: left;
    pointer-events: none;
    transition: all .33s cubic-bezier(.12,.75,.4,1);
}

}
/* end download cta */







/* Icon tweaks: Solid Color Background W/Shadow */

.nectar_icon_wrap[data-style="shadow-bg"][data-color="accent-color"] .nectar_icon:before {
    opacity: 0!important;
}

.nectar_icon_wrap[data-style="shadow-bg"][data-color="accent-color"] .nectar_icon:hover {
     background-color:rgba(0,0,0,0.2) !important;
}


/* video lightbox play button no transparency */
.nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
    opacity: 1;
}


/*tablet hero image align to bottom */
@media only screen and (max-width: 1300px) and (min-width: 1000px){
.hero {
    margin-bottom: -4%!important;
}
}


/* bullet points styling und footer navigation */
ul li {
    margin: 14px 0px;
}



/* page submenu styling */
.page-submenu li a {
    font-weight: 600 !important;
}

.mobile-menu-link ul li {
    margin: 0 !important;
}


/* ******************************************** */
/* MEDIA QUERIES RESPONSIVE */
/* ******************************************** */


/* die breite bei der map auf der kontaktseite für den text*/
/*@media (max-width: 979px) {
.map-breite p {
  
    width:300px;
}
}*/


/* Abstand Folgeseite, damit das Bild oben in der Hero Section rechts unten weiter raus kommt*/
@media (max-width: 1600px) {
.space {
/*	border:2px solid red !Important;*/
	margin-bottom:450px !Important;
}
	
/* Abstand bei den Buttons auf Brand Seite und Angebote*/	
	.buttons-abstand .box-abstand
{
	margin-right:50px !important;

}
	
}
/* Abstand Folgeseite, damit das Bild oben in der Hero Section rechts unten weiter raus kommt*/
@media (max-width: 1540px) {
.space {
	/*border:2px solid yellow !Important;*/
	margin-bottom:350px !Important;
}
}
/* Abstand Folgeseite, damit das Bild oben in der Hero Section rechts unten weiter raus kommt*/
@media (max-width: 1420px) {
.space {
	/*border:2px solid blueviolet !Important;*/
	margin-bottom:290px !Important;
}
}

	
/* FOLGESEITEN SPALTE AUF 100% BEI RESPONSIVE*/
@media (max-width: 979px) {
	.width,
	.width {
		width: 100% !important;
		height:300px !important; /*höhe des mobile containers*/
		}
}

/* BUTTON LARGE*/
@media only screen and (max-width: 690px){ 
	
	.nectar-button.large {
     padding: 15px 40px!important;
		}
	
/* PADDING BEI CONTENT 3er BLOCK*/	
	.padding-right p {
	padding-right:0% !important;
		}

	/* FOOTER TEXT */	
	.footer-text {
    font-size: 17px !important;
	
	}
	
	/* FOOTER TEXT BOLD */
	.footer-text-bold {
    font-size: 17px !important;
}
	
/* FOOTER NAVIGATION */
	.footer-navigation {
    font-size: 17px;
    line-height: 22px;
}

	/* Abstand bei den Boxen überschrift brands und Angebote weiter nach oben gerückt*/
.abstand-boxen h2 {

	margin-top: -15px;
}
	
	
	
}


/* MEDIA QUERIES 690px */



/* Tabelle Style Branding Day und fortfolgende*/ 

@media only screen and (max-width: 999px){ 
	
	
	.job-seite-namen .wpb_wrapper p {
		font-size:16px !important;
	}
	
	/* Table class*/ 
	.table table td {
	font-size: 14px !important;
	}
		/* Table-dark class*/ 
	.table-dark table td {
	font-size: 14px !important;
	padding: 5px !important;
	}
	
	
	.table-dark table h3 {
	font-size: 14px !important;
	}
  
	.table-dark table  {
	margin-left:-5px !Important;
	}
}