/*
Theme Name: bs-idea-serramenti
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
*/

.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;
}

.form__group input[type='text'],
.form__group input[type='email'],
.form__group input[type='tel'],
.form__group textarea {
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-size: 2.4rem;
}

.form__group input[type='text'].wpcf7-not-valid,
.form__group input[type='email'].wpcf7-not-valid,
.form__group input[type='tel'].wpcf7-not-valid,
.form__group textarea.wpcf7-not-valid {
  background-image: url('assets/i/static/unconfirmed.svg');
}

.form__group input[type='text']:valid:not(:placeholder-shown):not(.wpcf7-not-valid),
.form__group input[type='email']:valid:not(:placeholder-shown):not(.wpcf7-not-valid),
.form__group input[type='tel']:valid:not(:placeholder-shown):not(.wpcf7-not-valid),
.form__group textarea:valid:not(:placeholder-shown):not(.wpcf7-not-valid) {
  background-image: url('assets/i/static/confirmed.svg');
}

.form__group textarea {
  background-position: right 1.6rem bottom 1.6rem;
}

@font-face {
  font-family: 'AvenirRoman';
  src:
    url('assets/fonts/Avenir-Roman.woff2') format('woff2'),
    url('assets/fonts/Avenir-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-BookOblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-BookOblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src:
    url('assets/fonts/Avenir-Medium.woff2') format('woff2'),
    url('assets/fonts/Avenir-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-HeavyOblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-HeavyOblique.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src:
    url('assets/fonts/Avenir-Heavy.woff2') format('woff2'),
    url('assets/fonts/Avenir-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-MediumOblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-MediumOblique.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src:
    url('assets/fonts/Avenir-Light.woff2') format('woff2'),
    url('assets/fonts/Avenir-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src:
    url('assets/fonts/Avenir-Black.woff2') format('woff2'),
    url('assets/fonts/Avenir-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-BlackOblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-BlackOblique.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir';
  src:
    url('assets/fonts/Avenir-Book.woff2') format('woff2'),
    url('assets/fonts/Avenir-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-LightOblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-LightOblique.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AvenirOblique';
  src:
    url('assets/fonts/Avenir-Oblique.woff2') format('woff2'),
    url('assets/fonts/Avenir-Oblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
