/*
Theme Name: Controlled Living Custom Theme
Theme URI: https://kisweb.ca
Template: hello-elementor
Author: KIS Web
Author URI: https://kisweb.ca
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.2
Updated: 2023-08-10 20:09:20

*/

/* create hidden gradient background on header */
#masthead > div > div.elementor-element.header::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, var(--e-global-color-accent ) 0%, var(--e-global-color-primary ) 100%);
  z-index: -1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

/* class "active" is added on scroll - make gradient background appear */
#masthead > div > div.elementor-element.header.active::before { opacity: 1; }

@media only screen and (max-width: 768px) {
	#masthead > div > div.elementor-element.header::before { opacity: 1 !important; }
}

.bdsfont { font-family: "Beautifully Delicious Sans", sans-serif !important; }