/*
Theme Name: Parapiù Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import 'styles/custom.min.css';

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Black.eot');
    src: url('fonts/Biotif-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Black.woff2') format('woff2'),
        url('fonts/Biotif-Black.woff') format('woff'),
        url('fonts/Biotif-Black.ttf') format('truetype'),
        url('fonts/Biotif-Black.svg#Biotif-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Book.eot');
    src: url('fonts/Biotif-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Book.woff2') format('woff2'),
        url('fonts/Biotif-Book.woff') format('woff'),
        url('fonts/Biotif-Book.ttf') format('truetype'),
        url('fonts/Biotif-Book.svg#Biotif-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-BlackItalic.eot');
    src: url('fonts/Biotif-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-BlackItalic.woff2') format('woff2'),
        url('fonts/Biotif-BlackItalic.woff') format('woff'),
        url('fonts/Biotif-BlackItalic.ttf') format('truetype'),
        url('fonts/Biotif-BlackItalic.svg#Biotif-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-BoldItalic.eot');
    src: url('fonts/Biotif-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-BoldItalic.woff2') format('woff2'),
        url('fonts/Biotif-BoldItalic.woff') format('woff'),
        url('fonts/Biotif-BoldItalic.ttf') format('truetype'),
        url('fonts/Biotif-BoldItalic.svg#Biotif-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-BookItalic.eot');
    src: url('fonts/Biotif-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-BookItalic.woff2') format('woff2'),
        url('fonts/Biotif-BookItalic.woff') format('woff'),
        url('fonts/Biotif-BookItalic.ttf') format('truetype'),
        url('fonts/Biotif-BookItalic.svg#Biotif-BookItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Bold.eot');
    src: url('fonts/Biotif-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Bold.woff2') format('woff2'),
        url('fonts/Biotif-Bold.woff') format('woff'),
        url('fonts/Biotif-Bold.ttf') format('truetype'),
        url('fonts/Biotif-Bold.svg#Biotif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-ExtraBoldItalic.eot');
    src: url('fonts/Biotif-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Biotif-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Biotif-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/Biotif-ExtraBoldItalic.svg#Biotif-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-MediumItalic.eot');
    src: url('fonts/Biotif-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-MediumItalic.woff2') format('woff2'),
        url('fonts/Biotif-MediumItalic.woff') format('woff'),
        url('fonts/Biotif-MediumItalic.ttf') format('truetype'),
        url('fonts/Biotif-MediumItalic.svg#Biotif-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-RegularItalic.eot');
    src: url('fonts/Biotif-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-RegularItalic.woff2') format('woff2'),
        url('fonts/Biotif-RegularItalic.woff') format('woff'),
        url('fonts/Biotif-RegularItalic.ttf') format('truetype'),
        url('fonts/Biotif-RegularItalic.svg#Biotif-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-ExtraBold.eot');
    src: url('fonts/Biotif-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-ExtraBold.woff2') format('woff2'),
        url('fonts/Biotif-ExtraBold.woff') format('woff'),
        url('fonts/Biotif-ExtraBold.ttf') format('truetype'),
        url('fonts/Biotif-ExtraBold.svg#Biotif-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-SemiBoldItalic.eot');
    src: url('fonts/Biotif-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Biotif-SemiBoldItalic.woff') format('woff'),
        url('fonts/Biotif-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Biotif-SemiBoldItalic.svg#Biotif-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Medium.eot');
    src: url('fonts/Biotif-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Medium.woff2') format('woff2'),
        url('fonts/Biotif-Medium.woff') format('woff'),
        url('fonts/Biotif-Medium.ttf') format('truetype'),
        url('fonts/Biotif-Medium.svg#Biotif-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Regular.eot');
    src: url('fonts/Biotif-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Regular.woff2') format('woff2'),
        url('fonts/Biotif-Regular.woff') format('woff'),
        url('fonts/Biotif-Regular.ttf') format('truetype'),
        url('fonts/Biotif-Regular.svg#Biotif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-Light.eot');
    src: url('fonts/Biotif-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-Light.woff2') format('woff2'),
        url('fonts/Biotif-Light.woff') format('woff'),
        url('fonts/Biotif-Light.ttf') format('truetype'),
        url('fonts/Biotif-Light.svg#Biotif-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-LightItalic.eot');
    src: url('fonts/Biotif-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-LightItalic.woff2') format('woff2'),
        url('fonts/Biotif-LightItalic.woff') format('woff'),
        url('fonts/Biotif-LightItalic.ttf') format('truetype'),
        url('fonts/Biotif-LightItalic.svg#Biotif-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Biotif';
    src: url('fonts/Biotif-SemiBold.eot');
    src: url('fonts/Biotif-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Biotif-SemiBold.woff2') format('woff2'),
        url('fonts/Biotif-SemiBold.woff') format('woff'),
        url('fonts/Biotif-SemiBold.ttf') format('truetype'),
        url('fonts/Biotif-SemiBold.svg#Biotif-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@media screen and (max-width: 600px) {
   .mobile-hidden {display: none !important;}
}

@media screen and (min-width: 601px) and (max-width: 1023px) {
  .tablet-hidden {display: none !important;}
  header#top {  padding-top: 20px;}
}

@media screen and (min-width: 600px) {
    .mobile-only {display: none !important;}
}