/*
Theme Name: bs-braus-immobiliare
Theme URI: http://underscores.me/
Description: Wordpress Theme rapid development
Author: anonymous
Requires at least: 5.3
Tested up to: 6.0.2
Requires PHP: 7.4
Version: 0.4
*/


.home-intro::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    opacity: 0;
    transition: opacity .4s ease;
}

.home-intro.scrolled::after {
    opacity: 1;
}
.home-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;

    background:
        linear-gradient(
            0deg,
            rgba(36,36,36,0) 51.34%,
            rgba(36,36,36,.74) 90%,
            rgba(36,36,36,.78) 95%,
            rgba(36,36,36,.8) 100%
        ),
        linear-gradient(
            180deg,
            rgba(36,36,36,0) 51.34%,
            rgba(36,36,36,.92) 90%,
            rgba(36,36,36,.98) 95%,
            #242424 100%
        );

    opacity: var(--gradient-opacity, 1);
    backdrop-filter: blur(var(--blur, 0px));
    -webkit-backdrop-filter: blur(var(--blur, 0px));

    transition: opacity .1s linear;
    pointer-events: none;
}


.home-intro__content{
    transform: translateY(var(--content-y,0));
    filter: blur(var(--content-blur,0px));
    opacity: var(--content-opacity,1);

    will-change: transform, filter, opacity;

}

@media (max-width: 767px) {
    .home-intro::after,
    .home-intro.scrolled::after {
        opacity: 0 !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.page-id-6598 .home-intro__buttons {
    display: none;
}
body .about-project__features {

    flex-direction: column;
}

.light-architecture__content {
  flex: 0 0 44rem;
  padding: 29vh 0 5vh 2rem;

  background: #B49F665E;
  background: linear-gradient(0deg, rgba(180, 159, 102, 1) 0%, rgba(180, 159, 102, 0) 100%);
}

.home-intro__title strong {
  text-shadow: 0 0 20px black;
}

.about-popup__logo svg {
  fill: #b69f61;
}

.mfp-container .mfp-arrow::before {
  background: url('assets/i/static/gallery-right-black.svg') no-repeat center;
}

.mfp-container .mfp-arrow:hover:before {
  background: url('assets/i/static/gallery-right-white.svg') no-repeat center;
}

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

@font-face {
  font-family: 'Instrumentsans';
  src:
    url('assets/fonts/InstrumentSans-Regular.woff2') format('woff2'),
    url('assets/fonts/InstrumentSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: 'Instrumentsans';
  src:
    url('assets/fonts/InstrumentSans-BoldItalic.woff2') format('woff2'),
    url('assets/fonts/InstrumentSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Instrumentsans';
  src:
    url('assets/fonts/InstrumentSans-Bold.woff2') format('woff2'),
    url('assets/fonts/InstrumentSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Light-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-Light-Italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Bold-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-Bold-Italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Medium-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-Medium-Italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-ExtraLight-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-ExtraLight-Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Thin-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-Thin-Italic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-ExtraBold-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-ExtraBold-Italic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Bold.woff2') format('woff2'),
    url('assets/fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Thin.woff2') format('woff2'),
    url('assets/fonts/Inter-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-Black-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-Black-Italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-SemiBold-Italic.woff2') format('woff2'),
    url('assets/fonts/Inter-SemiBold-Italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: 'Inter';
  src:
    url('assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
    url('assets/fonts/Inter-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: 'SuisseIntl';
  src:
    url('assets/fonts/SuisseIntl.woff2') format('woff2'),
    url('assets/fonts/SuisseIntl.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.main-footer__social a path {
  fill: white;
}