/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Author: André Gansel
Template: salient
Version: 1.0
*/

/* ++++ remove wmpl development footer bar ++++ */
.otgs-development-site-front-end {

    display: none !important;

}

/* #region TEMP FIXES */
/* -----------------------------------------*/


/* #endregion TEMP FIXES */
/* -----------------------------------------*/


/* #region font-face definitions */
/* -----------------------------------------*/

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Light.woff2') format('woff2'),
        url('fonts/SourceSans3-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Medium.woff2') format('woff2'),
        url('fonts/SourceSans3-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Bold.woff2') format('woff2'),
        url('fonts/SourceSans3-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-ExtraBold.woff2') format('woff2'),
        url('fonts/SourceSans3-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Italic.woff2') format('woff2'),
        url('fonts/SourceSans3-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-BoldItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceSans3-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-LightItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Black.woff2') format('woff2'),
        url('fonts/SourceSans3-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-BlackItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-SemiBold.woff2') format('woff2'),
        url('fonts/SourceSans3-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-MediumItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/SourceSans3-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('fonts/SourceSans3-Regular.woff2') format('woff2'),
        url('fonts/SourceSans3-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* #endregion font-face definitions */
/* -----------------------------------------*/


/* #region Header/Footer & Navigation */
/* -----------------------------------------*/

/* override scrollbar with from theme 
   remove left right pap of 11px */
html, body {

    --scroll-bar-w: 0px !important;

}

/* override slow scroll from salient*/
html {
    
    scroll-behavior: smooth !important;

}

body {
    --mobile-container-width: calc(100% - 50px);
}

a,
a:visited,
a:hover {

    text-decoration: none !important;

}

/* override salient fefault padding top/bottom 40px */
.container-wrap {

    padding: 0 !important;
    margin-top: 25px;

}

#idk-tiles-default-header-bar {

    position: fixed;
    top: 0;
    left: 50%;
    z-index: 99999;

}

#idk-tiles {

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    height: inherit;
    gap: 0;
    /* the tricky part :-) */
    min-width: 25px;
    max-width: 25px;
    min-height: 25px;
    max-height: 25px;

}

#idk-tiles .tile {

    aspect-ratio: 1 / 1;
    height: 100%;
    min-height: 25px;

}

.idk-tile-square .vc_column-inner,
.idk-aspect-ratio-square {
 
    /*aspect-ratio: 1 / 1;*/
    overflow: hidden;

}

.idk-tile-square.shadow .vc_column-inner {
 
    box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;

}

.idk-tiles-start {

    cursor: pointer;

}

.idk-custom-nav-items p {

    display: flex;
    gap: 40px;
    position: absolute;
    right: 0;

}

.idk-custom-header-menu a {

    font-weight: 600 !important;
    color: #0094d2 !important;

}

/* #endregion Header/Footer & Navigation */

/* -----------------------------------------*/


/* #region Posts & Pages */
/* ------------------------------------------*/


.wpb_row {

    margin-bottom: 0 !important;

}

p {

    padding-bottom: 0.75em !important;
  
}

/* animate column links */
.vc_column-inner:has(> a.column-link) {

    transition: transform 0.3s ease;

}

.vc_column-inner:has(> a.column-link):hover {

    transform: scale(1.05);

}
.row .col p:last-child {

  padding-bottom: 0 !important;

}

/* .globally disable default bottom margins */
.nectar-button {

    margin-bottom: 0 !important;

}

#scientific-background-toggle {
    
    box-shadow: 5px 5px #009ee0;
    
}

#clinical-application path {
    
    fill: #fff7b0 !important;
    color: #fff7b0 !important;
    
}

.nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner {
    
    padding: 0;
    
}

#usp-lab-section .nectar-fancy-box .inner {
    
    text-shadow: 1px 0 0px #ffffff80;
    
}

.idk-agenda-table table,
.idk-agenda-table table th,
.idk-agenda-table table tr,
.idk-agenda-table table td {

    background: none;
    background-color: transparent !important;
    padding: 5px !important;
    border: 0 !important;

}

.idk-agenda-table table th {

    font-size: 18px;

}

.idk-agenda-table table td {

    font-size: 16px !important;
    border-bottom: 1px solid #ffffff !important;

}

/* don't break time */
.idk-agenda-table table td:first-child {

    white-space: nowrap;
    font-weight: 500;

}

/* #endregion Posts & Pages */
/* -----------------------------------------*/


/* #region WooCommerce */
/* -----------------------------------------*/


/* #endregion WooCommerce */
/* -----------------------------------------*/


/* #region Forms & Extras */
/* -----------------------------------------*/

/*  blue scrollbar tooltip */
#idk-scroll-hint {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: #009fe3;
    color: #ffffff;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 18px;
    white-space: nowrap;
    z-index: 100000;
    opacity: 0;
    box-shadow: 0 8px 24px rgba(0, 159, 227, 0.18);
    transition: all 0.35s ease;
}

#idk-scroll-hint::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #0794d2;
}

#idk-scroll-hint.visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip h3 {

    color: #0794d2;

}

.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip p {

    font-size: 18px;

}

.idk-display-none {

    display: none;

}

.wps-form {

    width: 100%;
    margin: 0 auto;

}

.wps-form-row {

    display: flex;
    width: 100%;
    gap: 25px;

}

.wps-form-row .wpcf7-form-control {

    width: 100%;

}

.wps-form-column {

    flex: 1;
    width: 100%;

}

.wps-form input[type=submit]{
	
	margin-top: 3px;
	
}

.wpcf7-form p span {

    color: #ffffff;

}

.wpcf7-form input,
.wpcf7-form textarea {

    background: #fffffff2 !important;

}



/* toggle plus icon */
.toggles--minimal-shadow .toggle > .toggle-title i:before,
.toggles--minimal-shadow .toggle > .toggle-title i:after {

    background: #009ee0 !important;
    
}

.toggle.accent-color.open {

    background-color: #ffffff !important;
    padding: 0px 25px;

}

/* remove outer border from toggle plus icon */
div[data-style*=minimal] .toggle>.toggle-title i {

    border: 0;

}

.toggles .toggle > .toggle-title a {

    padding: 20px 0;

}

.toggles h3.toggle-title {

    padding-right: 50px;

}

.toggles--minimal-shadow .toggle:last-child {

    border-bottom: 0;

}

.idk-pdf-download .nectar-list-item:first-child {

    color: #009ee0;

}

.nectar-hor-list-item {

    padding: 15px;
    padding-right: 40px;

}

/* styled download button */
/*.nectar-button.see-through, body .nectar-button.see-through,
.nectar-list-item-btn,*/
.btn-round-top-right-edge {

    border-radius: 50px 0px 50px 50px !important;
    padding: 5px 35px 5px 30px !important;
    white-space: nowrap;

}

.nectar-button {

    font-size: 16px !important;
    white-space: nowrap;
    width: max-content;
    border-width: 1px !important;

}

.idk-button-bottom-position {

    position: absolute;
    bottom: 25px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    white-space: nowrap;

}

.btn-round-top-right-edge::after {

  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;

}

#clinical-evidence-list .btn-round-top-right-edge{

    border-width: 1px;
    border-color: #898989 !important;
    background: #f9f9f9 !important;

}

#clinical-evidence-list .btn-round-top-right-edge::after {

    width: 15px;
    height: 15px;
    filter: contrast(0.25);
    color: #000000 !important;

}

#clinical-evidence-list h6 {

    margin-bottom: 0;

}

ul li {

    list-style-type: square;

}

ul li::marker {

    color: #0794d2;

}

#idk-what-to-expect ul li::marker {

    color: unset;

}

.btn-download::after {

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4' /%3E%3C/svg%3E");

}

.btn-read-more::after {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7' /%3E%3C/svg%3E");

}

/* disable box shadow for caroussel > fancy box item */
.nectar-fancy-box[data-style="color_box_hover"][data-color].box_color_000000:hover:before {

    box-shadow: none;

}

/* Bewegungs-/Hover-Animationen des Themes abschalten */
.vc_row-o-equal-height .wpb_column .nectar-button,
.vc_row-o-equal-height .wpb_column .nectar-button:before,
.vc_row-o-equal-height .wpb_column .nectar-button:after {

    transition: none !important;

}

/* Resets the transform on a container when the password reset form is active. */
.translate_y_-50px.transform-reset {
    transform: none !important;
}

/*
 * Universal Button Loading State
 * Ensures a consistent loading spinner on any element with the .loading class.
 * Uses !important to override theme/plugin styles.
*/

/* salient lightbox */
.fancybox-is-open .fancybox-bg {

	background: #ffffff !important;
	opacity: 0.75 !important;

}

/* salient lightbox content */
.fancybox-content,
.fancybox-video{

	background: transparent !important;
	border-radius: 25px;

}

/* salient lightbox content shadow */
.fancybox-content{
  
	box-shadow: 0 0 15px -10px rgb(0, 0, 0, 0.75);
  
}

button{
    
    text-transform: none !important;    

}

button:hover,
.nectar-button:hover {
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
    box-shadow: none !important;
}

.flickity-viewport {

    margin: 0 !important;

}

.nectar-fancy-box[data-style="color_box_hover"][data-color].box_color_000000:not(:hover) svg path {

    fill: #0794d2 !important;

}

/* #endregion Forms & Extras */
/* -----------------------------------------*/


/* #region Footer */
/* -----------------------------------------*/

.idk-logo-footer {

    max-width: 75px !important;

}

.idk-footer-icons .nectar_icon_wrap {

    float: right;

}

#to-top {

    bottom: 45px;

}

#idk-global-footer {

    box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.22) !important;
    
}

/* #endregion Footer */
/* -----------------------------------------*/


/* #region Media Queries */
/* -----------------------------------------*/

/* Smartphones Portrait */
@media only screen and (max-width: 690px) {

    .idk-custom-header-menu .img-with-aniamtion-wrap {
        display: flex;
        justify-content: center;
    }

    .idk-custom-nav-items p {
        position: unset;
        justify-content: center;
    }

    /* remove grid system default bottom margin */
    .wpb_column {

        margin-bottom: 0 !important;

    }
    
    .divider-wrap.height_phone_25px > div {
        margin-top:0 !important;
        margin-bottom: 0 !important;
    }


    .idk-tile-square .vc_column-inner,
    .idk-aspect-ratio-square {
 
        aspect-ratio: unset;

    }

    div[data-style="animated_circle"][data-ac-bg-color="1"] .toggle {

        padding: 0 !important;

    }

    .idk-pdf-download a.nectar-list-item-btn {

        position: unset !important;
        margin-left: 0 !important;

    }

    .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
        padding: 25px;
    }

    /* remove footer widgets bottom margin */
    .inner_row[data-column-margin="100px"] .child_column:not([class*="vc_col-xs-"]):not(:last-child) {
    
        margin-bottom: 25px !important;
    
    }

    .toggles .toggle {

        padding: 0 !important;

    }

    .toggles .toggle.open {

        padding: 0 25px !important;

    }

    .toggles .toggle.open h3 {

        padding-right: 25px !important;

    }

    .toggles .toggle.open div {

        max-height: none !important;

    }

    .idk-mobile-half,
    .idk-footer-half {
    
        width: 50% !important;
    
    }

    .idk-footer-half {

        width: 100% !important;

    }

    .nttip .inner,
    .nttip.open .inner {

        text-align: left !important;
        width: 75% !important;

    }


}

/* #endregion Media Queries */
/* -----------------------------------------*/