/*

Theme Name: Avada Child

Description: Child theme for Avada theme

Author: ThemeFusion

Author URI: https://theme-fusion.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

.delayed-sticky.fusion-is-sticky {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.delayed-sticky.fusion-is-sticky.show-sticky {
  opacity: 1;
  pointer-events: auto;
}


/* Linkfarbe für Blog-Übersicht */
.blog-shortcode .fusion-post-title a,
.blog-archive .fusion-post-title a {
  color: #F36666 !important;
}
.blog-shortcode .fusion-post-title a:hover,
.blog-archive .fusion-post-title a:hover {
  color: #C5FF00 !important;
}


/* Mobile Typo */
@media only screen and (max-width: 768px) {
  body {
    font-size: 18px;
  }

  h1 {
    font-size: 65px !important;
    line-height: 1.0 !important;
  }
    h2 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  h3 {
    font-size: 50px !important;
  }

}

/* Checkliste Typogroesse zb Dates Mobile */
@media only screen and (max-width: 768px) {
  .fusion-checklist .fusion-li-item {
    font-size: 19px !important;
  }
}

/* Checkliste Typogroesse zb Dates */
.fusion-checklist .fusion-li-item {
  font-size: 18px !important;
}


/* Mobile Padding */
@media only screen and (max-width: 767px) {
  .no-padding-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Eigene Klasse zum Verstecken von Elementen */
.invisible {
  display: none !important;
}

/* News Overview Linkfarbe */
.linkfarbe-rosarot a {
  color: #ff827d !important;
}

/* Portfolio-Preview: Schwarz-Weiß */
.fusion-masonry-element-container.fusion-image-wrapper {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter 0.3s ease;
}

/* Beim Hover wieder farbig */
.fusion-masonry-element-container.fusion-image-wrapper:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/* Bug schwarze Linie 
.fusion-column-wrapper,
.fusion-layout-column,
.fusion-lightbox,
.fusion-imageframe {
    outline: transparent !important;
    box-shadow: transparent !important;
}*/


/* Bug schwarze Linie */ 

html :where([style*="border-color"]) {
  border-style: initial;
}