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

@import url("https://use.typekit.net/vjf1cfz.css");
@import url('https://i.icomoon.io/public/9713667a53/AluGlas2025/style.css');

/* HEADER
------------------------------------------------------------------------------------------------ */ 

* {
  --grey: #6a6e71;
  --post-grid-dark-text-color: #6a6e71;
  
  --gf-form-gap-y: 10px;
  --gf-form-spinner-fg-color: var(--grey);
  --gf-form-spinner-bg-color: #eee;
  
  --gf-local-outline-color: #ccc !important;
  }
  
  * {
  --grey: #6a6e71;
  --post-grid-dark-text-color: #6a6e71;
  
  --gf-form-gap-y: 10px;
  --gf-form-spinner-fg-color: var(--grey);
  --gf-form-spinner-bg-color: #eee;
  
  --gf-local-outline-color: #ccc;
  
  --nectar-sticky-top-distance: 150px;
  }
  
  HEADER #logo {
  font-size: 0 !important;
  }

HEADER #logo:before {
  font-family: alu-glas-icons;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e900";
  font-size: 44px;
  background: none;
  transition: 0.2s;
  }
  
HEADER #logo:before {  
  font-size: 70px;
  }  
  
.scrolled-down HEADER #logo:before {  
  font-size: 44px;
  }
  
#header-outer.transparent.dark-slide > #top #logo {
  color: #fff !important;
  }   
  
#header-outer.transparent.scrolled-down > #top #logo {
  color: #6a6e71 !important;
  }   
  
/* COLOR CIRCLE
------------------------------------------------------------------------------------------------ */    

.color-circle {
  background: #6a6e71 !important;
  }
  
/* COLOR CIRCLE
------------------------------------------------------------------------------------------------ */  
  
.accordion UL {
  margin-bottom: 1.5em !important;
  }  
  
.nectar-scrolling-text {
  transform: translateY(8vw);
  }  
  
.nectar-scrolling-text * {  
  font-weight: 400 !important;
  }
  
/* HEADLINES
------------------------------------------------------------------------------------------------ */   
  
H1 SPAN {
  font-family: "cholla-sans";
  font-weight: 300;
  letter-spacing: 0;
  } 
  
H2,
H2 SPAN {
  font-family: "cholla-sans";
  font-weight: 700 !important;
  letter-spacing: 0;
  line-height: 1.05 !important;
  } 
  
H3 {
  line-height: 1 !important;
  font-weight: 700 !important;
  }  
  
H4 {
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  background-image: none !important;
  }   
  
H5 {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  } 
  
H6 {
  font-weight: 700 !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  }   
  
.heading-line {
  font-weight: 300 !important;
  font-size: 44px !important;
  line-height: 1.2;
  }
  
.heading-line STRONG {
  font-family: "cholla-sans" !important;
  font-weight: 700 !important;
  font-size: 44px !important;
  line-height: 1.2;
  }  
  
.bold H1 SPAN {
  font-weight: 500;
  }

  
/* NAVIGATION
------------------------------------------------------------------------------------------------ */  
  
#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), 
#slide-out-widget-area-bg.fullscreen, 
#slide-out-widget-area-bg.fullscreen-split, 
#slide-out-widget-area-bg.fullscreen-inline-images .nectar-ocm-image-wrap-outer, 
#slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right {
  background: #333;
  }
  
#slide-out-widget-area:before {
  content: " ";
  width: 15vw;
  height: 15vw;
  background: url('assets/img/kacheln-menu-1.svg');
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.2;
  }  
  
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a {
  font-family: "cholla-sans";
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  }
  
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a:after {  
  display: none;
  }
  
/* PROJEKTE
------------------------------------------------------------------------------------------------ */   

.all-filter {
  content: "Alle" !important;
  }

.projects H2 SPAN {
  font-weight: 400 !important;
  }
  
.nectar-post-grid H3 {
  background: none !important;
  max-width: 80% !important;
  }
  
.nectar-post-grid-filters {
  padding-top: 0px !important;
  
  }  
  
.nectar-post-grid .meta-category {
  margin-bottom: 10px;
  opacity: 0.8;
  }
  
.nectar-post-grid .meta-category A {
  margin-bottom: 0;
  }  
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a:before {
  border-radius: 0;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
  background: #565658;
  }  
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a:after {
  border-width: 2px;
  width: 16px;
  height: 16px;
  border-radius: 0;
  opacity: 1;
  border-color: #bfbfbf;
  transition: 0.2s;
  }  
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a:hover:after, 
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a.active:after {
  border-color: #565658;
  }
  
.nectar-post-grid-item__excerpt-wrap * {
  color: #999 !important;
  line-height: 1.3 !important;
  font-size: 18px !important;
  }  
  
/* CUSTOM CURSOR
------------------------------------------------------------------------------------------------ */   
  
body .cursor .cursor-inner {
  background-color: #6a6e71 !important;  /* Replace with your desired color */
  color: #ffffff !important;            /* Text color inside the circle */
  border-color: #6a6e71 !important;
  }  
  
/* FLICKITY SLIDER
------------------------------------------------------------------------------------------------ */   
  
.kachel-1 .column-image-bg {
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  }
  
.nectar-flickity .visualized-total {
  margin-top: 50px !important;
  }  
  
/* ÜBER UNS
------------------------------------------------------------------------------------------------ */  
  
.row .team-member[data-style=bio_fullscreen_alt] h5 {
  font-weight: 400 !important;
  }
  
.team-member-image {
  margin-bottom: 15px !important;
  }

.team-member[data-style=bio_fullscreen_alt] .nectar-el-parallax-scroll img {
  transform: none !important;
  }
  
.team_member_details .title {
  font-family: "cholla-sans" !important;
  font-weight: 400 !important;
  color: #999;
  }
  
.team_member_details P {
  color: #6a6e71 !important;
  }  
  
.team_member_details P STRONG {
  font-size: 1.2em !important;
  color: #6a6e71 !important;
  }
  
.nectar_single_testimonial .image-icon {
  border-radius: 0 !important;
  overflow: visible !important;
  margin-right: 15px;
  }
  
.nectar_single_testimonial span {
  line-height: 18px;
  }
  
.nectar-social {
  display: none !important;
  }

/* FLICKITY SLIDER
------------------------------------------------------------------------------------------------ */ 

.flickity-slider .text P {
  font-family: "cholla-sans";
  color: #6a6e71 !important;
  line-height: 1.3;
  }
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters H4 {
  display: none;
  }  
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters[data-active-color="extra-color-gradient-1"] a:before {
  background: #000 !important;
  }
  
.nectar-post-grid-wrap--fl-sidebar_left .nectar-post-grid-filters a {
  font-size: 20px;
  line-height: 20px;
  margin: 10px 0;
  }  
  
.nectar-text-inline-images * {
  font-family: "cholla-sans";
  font-weight: 300;
  line-height: 1.2 !important;
  }
  
.nectar-text-inline-images STRONG {
  font-family: "cholla-sans";
  font-weight: 700;
  }
  
.nectar-fancy-box[data-style="image_above_text_underline"].content-color-000000 * {
  color: var(--grey);
  }  
  
/* SINGLE PROJECT
------------------------------------------------------------------------------------------------ */  
  
.page-template-template-portfolio .wpb_column {
  padding-left: 0 !important;
  padding-right: 0 !important;
  }  
  
.portfolio-wrap {
  display: none;
  }
  
/* SINGLE PROJECT
------------------------------------------------------------------------------------------------ */  


#portfolio-nav .controls LI A {
  display: flex !important;
  align-items: center;
  margin-top: 3px;
  }
  
#portfolio-nav .controls LI A:hover {  
  color: #6a6e71 !important;
  }
  
#portfolio-nav .controls LI SPAN {
  display: inline-block;
  font-weight: 600 !important;
  }
  
#portfolio-nav .controls LI I {
  margin-top: -2px;
  }
  
/* KONTAKTFORMULAR
------------------------------------------------------------------------------------------------ */  

.page-id-357 .row:first-child .row-bg-overlay:after,
.page-id-349 .main-content:after {
  content: " ";
  width: 20vw;
  height: 20vw;
  background: url('assets/img/kacheln-menu-1.svg');
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0.2;
  transform: rotate(180deg);
  }
  
.page-id-349 .main-content:after {
  opacity: 0.5;
  }  
  
.page-id-357 .row:first-child .row-bg-overlay:before {
  content: " ";
  width: 20vw;
  height: 20vw;
  background: url('assets/img/kacheln-menu-2.svg') no-repeat bottom right;
  
  position: absolute;
  bottom: 30px;
  right: 30px;
  opacity: 0.2;
  }  
  
.gform_required_legend {
  display: none !important;
  }

.gfield_label {
  font-family: "cholla-sans" !important;
  color: var(--grey) !important;
  }
  
.gform_button {
  background: var(--grey) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  }
  
.gfield_required_asterisk {
  font-size: 20px !important;
  }
  
/* VORTEILE / STICKY MEDIA SECTIONS
------------------------------------------------------------------------------------------------ */  
  
.nectar-sticky-media-sections P {
  padding-bottom: 1em !important;
  }
  
/* KARRIERE + LEHRE
------------------------------------------------------------------------------------------------ */  
  
.nectar-list-item-btn {
  white-space: nowrap;
  font-family: "cholla-sans" !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #6a6e71 !important;
  border: 1px solid #e0e0e0 !important;
  }
  
.nectar-hor-list-item:hover .nectar-list-item-btn { 
  color: #fff !important;
  }

/* FOOTER
------------------------------------------------------------------------------------------------ */

#footer-outer {
  background: #565658 !important;
  }

#footer-outer:before {
  content: " ";
  width: 270px;
  height: 270px;
  background: url('assets/img/kacheln-menu-1.svg');
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.07;
  }
  
#footer-outer A {
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  }  
  
#footer-widgets {
  font-size: 18px;
  }