/**
 * Theme Name: Ferienwohnungen Gamper
 * Template:   residence-rebgut
 */

@import "css/main.css";

:root {
  --clr-primary-light: rgba(255, 229, 167, 1);
  --clr-primary: #906647;
  --clr-primary-dark: #4d4439;
  --clr-grey-light: #eeebe9;
  --clr-grey: #d1d5c5;
  --clr-white: #fff;
  --clr-black: #000;
}

/*--------- LOGO FORMATTING ---------*/

.logo svg {
  width: 12rem !important;
}

@media (max-width: 45em) {
  .logo svg {
    width: 9rem !important;
  }
}

footer .logo {
  padding-right: 3rem;
}

/*--------- LOGO COLOR CHANGE ---------*/

.logo .st0 {
  fill: var(--clr-primary-dark);
}

.logo .st1 {
  fill: var(--clr-primary-light);
}

.logo path {
  transition: fill 0.3s;
}

.inverted-header #site-header .logo .st0 {
  fill: white;
}

.scrolled-header#site-header .logo .st0,
.mobile-menu-open #site-header .logo .st0 {
  fill: var(--clr-primary-dark);
}

/*--------- TEXTE ---------*/

.home-header p {
  color: white;
}

/*--------- HEADER IMAGE FIX ---------*/

#header-image,
#header-image-2nd {
  background-position: center;
}

@media (min-width: 45em) {
  #header-image {
    z-index: 2;
  }
}