/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */

 @font-face {
   font-family: "Lato";
   src: url("fonts/Lato-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Lato Thin";
   src: url("fonts/Lato-Thin.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Lato Light";
   src: url("fonts/Lato-Light.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Lato Black";
   src: url("fonts/Lato-Black.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: "Lato Bold";
   src: url("fonts/Lato-Bold.ttf") format("truetype");
   font-display: swap;
 }

 @font-face {
   font-family: "TuesdayNight";
   src: url("fonts/TuesdayNight-Regular.otf") format("opentype");
   font-display: swap;
 }

 .is-style-lato-black-font {
     font-family: 'Lato Black',sans-serif;
 }

 .is-style-lato-bold-font {
     font-family: 'Lato Black',sans-serif;
 }

 .is-style-lato-thin-font {
     font-family: 'Lato Thin',sans-serif;
 }

 .is-style-lato-light-font {
     font-family: 'Lato Light',sans-serif;
 }

.is-style-lato-font,
.wp-block-heading.is-style-default {
     font-family: 'Lato',sans-serif;
     font-weight: 400;
     font-style: normal;
 }

.is-style-tuesday-night-font {
    font-family: 'TuesdayNight',serif;
    text-transform: none;
    margin: 0;
}

.is-style-tuesday-night-font.pull-title-down {
    margin: 0 0 -25px;
}

.is-style-tuesday-night-font.pull-title-up {
    margin: -25px 0 0;
}

.is-style-tuesday-night-font.has-small-font-size {
    font-size: calc(20px + 0.2vw) !important;
}

.is-style-tuesday-night-font.has-regular-font-size {
    font-size: calc(22px + 0.2vw) !important;
}

.is-style-tuesday-night-font.has-large-font-size {
    font-size: calc(28px + 0.2vw) !important;
}

.is-style-tuesday-night-font.has-x-large-font-size {
    font-size: calc(32px + 0.2vw) !important;
}


@media screen and (min-width: 768px) {

    .is-style-tuesday-night-font.has-large-font-size {
        font-size: calc(32px + 0.2vw) !important;
    }

    .is-style-tuesday-night-font.has-x-large-font-size {
        font-size: calc(48px + 0.2vw) !important;
    }

}