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


/* public-sans-300 - 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: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-500 - 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: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/public-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - 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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/roboto-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - 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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('https://stop-x.de/wp-content/themes/salient-child/fonts/roboto-v51-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/*Fancy Box - Schriftfarbe ändern*/
.nectar-fancy-box[data-style="color_box_hover"] .inner-wrap *, .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap {
    color: #011333 !important;
}

/*Links anpassen*/
.nectar-highlighted-text a 			{text-decoration: underline;}
.nectar-highlighted-text a:hover	{color: #15bae6;}

/*Automatische Schriftbruch*/
.schriftbruch {
  	overflow-wrap: break-word !important;
    word-break: break-word !important; /* Bricht lange Wörter */
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -webkit-text-size-adjust: 100% !important;
}

/*Fancy unordered List > Icons-Größe & Abstände anpassen*/
body [class^=icon-].icon-default-style {
    height: 29px !important;
    width: 20px !important;
    font-size: 29px !important;
}


/*Menü-Button "Präventionstraining - Icon anpassen*/
span.nectar-menu-icon.svg-icon {
    transform: translate(-4px, 3px) scale(1.2);
}




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


/*Haeder - Patientenportal Hintergrund Ecken ganz abrunden*/

.badgeRadiusErhoehen .nectar-badge__inner {
    border-radius: 50px !important;
}

.badgeRadiusErhoehen .nectar-badge__inner.nectar-bg-accent-color {
    line-height: 22px !important;
}

@media only screen and (max-width: 600px) {
	.nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content {
    	padding-right: 0px !important;
	}
	video.nectar-video-bg {
    	transform: scale(1.1) !important;
	}
}
.badgeRadiusErhoehen .nectar-badge__inner.nectar-bg-accent-color{
	background-color: #9bc9ef85 !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px);
}
a.nectar-button.large.regular.has-icon.regular-button.blurthatbtn {
    backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}






/*Pfeile bei Carousel 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: translate(40px, -50px) !important;
	}
	button.flickity-button.flickity-prev-next-button.previous {
            transform: translate(-40px, -50px) !important;
	}
}



/*Zoom on hover*/
.zoomOnHover {
    transition: transform .4s !important;
}
.zoomOnHover:hover {
    transform: scale(1.05) !important;
}
	
	

/*******************************************/
/***********Präventionstraining*************/
/******************************************/


button.flickity-button.flickity-prev-next-button {
    transform: translateY(-45px) scale(1.3);
}
button.flickity-button.flickity-prev-next-button.next:before, button.flickity-button.flickity-prev-next-button.previous:before {
    background-color: #265691;
}

button.flickity-button.flickity-prev-next-button.next svg.flickity-button-icon path, button.flickity-button.flickity-prev-next-button.previous svg.flickity-button-icon path{
    fill: white !important;
}

button.flickity-button.flickity-prev-next-button.next:after, button.flickity-button.flickity-prev-next-button.previous:after {
    background-color: white !important;
}


/******************************************/
/***********Reels-Einbindung***************/
/******************************************/

.video-wrapper {
  position: relative;
  max-width: 800px;
  cursor: pointer;
 box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.video-wrapper img {
  width: 100%;
  display: block;
}

/* Play Button Kreis */
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100px;
  height: 100px;
  background: #1A80C3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15), 0 0 30px #1A80C340;
  transition: all 0.4s ease;
}

.video-wrapper:hover .play-button {
  transform: translate(-50%, -50%) scale(1.1);
}

.play-button svg {
  width: 18px;
  height: 18px;
}