/* Wacom custom web fonts */
@font-face {
  font-family: 'Signature Wacom';
  src: url("/-/media/Themes/Wacom/Sites/BSU/BSU Site Theme/fonts/ROW/handwritten/SignatureWacom-RegularWEB.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* font assignments for general elements */
/* headings */
h2.field-contentblockflairscript, h2.field-right-headline-handwriting, h2.field-left-headline-handwriting {
  margin-top: -3%;
}

.content-block.image-between-handwriting-and-headline h2.field-contentblockflairscript, .content-block.image-below-handwriting-headline h2.field-contentblockflairscript, .content-block.image-above-handwriting-headline h2.field-contentblockflairscript {
  font-size: 96px;
}

p.wacom-for-business {
  font-size: 17px !important;
  font-weight: 300;
}

p, div, input {
  font-weight: 300;
  font-family: Arial, Roboto;
}

.font-md {
  font-weight: 500;
  font-family: Arial, Roboto;
}

.field-contentblocklink a, .field-contentblocklink2 a {
  font-family: Arial, Roboto;
}

.large p, .large div, .large li, .large span, .large a, .large {
  font-size: 20px !important;
  line-height: 32px;
}

.medium p, .medium div, .medium li, .medium span, .medium a, .medium {
  font-size: 18px !important;
  line-height: 28px;
}

.small p, .small div, .small li, .small span, .small a, .small {
  font-size: 16px !important;
  line-height: 25px;
}

.x-small p, .x-small div, .x-small li, .x-small span, .x-small a, .x-small {
  font-size: 14px !important;
  line-height: 25px;
}

.content-text-medium .field-left-text *, .content-text-medium .field-left-link *,
.content-text-medium .field-right-text *, .content-text-medium .field-right-link *,
.content-text-medium .field-contentblocktext * {
  font-size: 18px !important;
  line-height: 28px !important;
}

.content-text-large .field-left-text *, .content-text-large .field-left-link *,
.content-text-large .field-right-text *, .content-text-large .field-right-link *,
.content-text-large .field-contentblocktext * {
  font-size: 20px !important;
  line-height: 32px !important;
}

@media screen and (max-width: 470px) {
  .content-block.image-between-handwriting-and-headline h1, .content-block.image-below-handwriting-headline h1, .content-block.image-above-handwriting-headline h1 {
    font-size: 40px !important;
    line-height: 46px;
  }
  .content-block.image-between-handwriting-and-headline h2.field-contentblockflairscript, .content-block.image-below-handwriting-headline h2.field-contentblockflairscript, .content-block.image-above-handwriting-headline h2.field-contentblockflairscript {
    font-size: 52px !important;
    line-height: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-family: Arial, Roboto;
    font-size: 60px !important;
    line-height: 66px;
  }
  h2 {
    font-family: Arial, Roboto;
    font-size: -webkit-calc( 30px + (20 - 10) * (100vw - 400px) / (767 - 400));
    font-size: calc( 30px + (20 - 10) * (100vw - 400px) / (767 - 400));
  }
  h2.field-contentblockflairscript {
    font-size: -webkit-calc( 27px + (48 - 27) * (100vw - 320px) / (767 - 320));
    font-size: calc( 27px + (48 - 27) * (100vw - 320px) / (767 - 320));
  }
  .large-headline-handwriting-and-text h2 {
    font-size: -webkit-calc( 35px + (20 - 10) * (100vw - 320px) / (767 - 320));
    font-size: calc( 35px + (20 - 10) * (100vw - 320px) / (767 - 320));
  }
  .large-headline-handwriting-and-text h2.field-contentblockflairscript {
    font-size: -webkit-calc( 35px + (15 - 10) * (100vw - 320px) / (767 - 320));
    font-size: calc( 35px + (15 - 10) * (100vw - 320px) / (767 - 320));
  }
  .content-block.image-between-handwriting-and-headline h2.field-contentblockflairscript, .content-block.image-below-handwriting-headline h2.field-contentblockflairscript, .content-block.image-above-handwriting-headline h2.field-contentblockflairscript {
    font-size: 72px;
    line-height: 69px;
  }
  h3 {
    font-family: Arial, Roboto;
    font-size: 40px !important;
    line-height: 54px;
  }
  h4 {
    font-family: Arial, Roboto;
    font-size: 35px !important;
    line-height: 49px;
  }
  h5 {
    font-family: Arial, Roboto;
    font-size: 30px !important;
    line-height: 41px;
  }
  h6 {
    font-family: Arial, Roboto;
    font-size: 25px !important;
    line-height: 30px;
  }
}

@media screen and (min-width: 768px) {
  h1 {
    font-family: Arial, Roboto;
    font-size: 80px !important;
    line-height: normal;
  }
  h2 {
    font-family: Arial, Roboto;
    font-size: -webkit-calc( 16px + (16 - 8) * (100vw - 400px) / (1200 - 768));
    font-size: calc( 16px + (16 - 8) * (100vw - 400px) / (1200 - 768));
    line-height: normal;
  }
  h2.field-right-headline-handwriting, h2.field-left-headline-handwriting {
    font-size: -webkit-calc( 32px + (52.8 - 32) * (100vw - 992px) / (1920 - 992));
    font-size: calc( 32px + (52.8 - 32) * (100vw - 992px) / (1920 - 992));
  }
  h2.field-contentblockflairscript {
    font-size: -webkit-calc( 32px + (52.8 - 32) * (100vw - 992px) / (1920 - 992));
    font-size: calc( 32px + (52.8 - 32) * (100vw - 992px) / (1920 - 992));
  }
  .flair-text-larger .field-contentblockflairtext {
    font-size: 110px !important;
    line-height: 133px;
  }
  .flair-text-larger .field-contentblockflairscript {
    font-size: 135px !important;
    line-height: 136px;
  }
  h3 {
    font-family: Arial, Roboto;
    font-size: 40px !important;
    line-height: normal;
  }
  h4 {
    font-family: Arial, Roboto;
    font-size: 35px !important;
    line-height: normal;
  }
  h5 {
    font-family: Arial, Roboto;
    font-size: 30px !important;
    line-height: normal;
  }
  h6 {
    font-family: Arial, Roboto;
    font-size: 25px !important;
    line-height: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .small p, .small a, .small li {
    font-size: -webkit-calc(13px + (9 - 8) * (100vw - 768px) / (991 - 768)) !important;
    font-size: calc(13px + (9 - 8) * (100vw - 768px) / (991 - 768)) !important;
  }
  .double-text-default .field-left-text li, .double-text-default .field-right-text li {
    font-size: -webkit-calc(13px + (9 - 8) * (100vw - 768px) / (991 - 768)) !important;
    font-size: calc(13px + (9 - 8) * (100vw - 768px) / (991 - 768)) !important;
  }
  h2.field-contentblockflairscript {
    font-size: -webkit-calc( 27.6px + (32 - 27.6) * (100vw - 768px) / (991 - 768));
    font-size: calc( 27.6px + (32 - 27.6) * (100vw - 768px) / (991 - 768));
  }
  h6.field-contentblocktext {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 1920px) {
  h2 {
    font-size: 44px;
  }
  h2.field-right-headline-handwriting, h2.field-left-headline-handwriting, h2.field-contentblockflairscript {
    font-size: 52.8px;
  }
}

/* All language-specific font changes */
html:lang(ko) * {
  font-family: Arial, Dotum, AppleGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(ko) .font-md * {
  font-family: Arial, Dotum, AppleGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(ko) .field-contentblockflairtext {
  font-family: Arial, Roboto;
  font-weight: 400;
  font-style: normal;
}

html:lang(ko) .field-contentblocklink a {
  font-family: Arial, Dotum, AppleGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(ja) * {
  font-family: Arial, 'MS PGothic', 'MS PMincho';
  font-weight: 400;
  font-style: normal;
}

html:lang(ja) .font-md * {
  font-family: Arial, 'MS PGothic', 'MS PMincho';
  font-weight: 400;
  font-style: normal;
}

html:lang(ja) .field-contentblockflairtext {
  font-family: Arial, Roboto;
  font-weight: 400;
  font-style: normal;
}

html:lang(ja) .field-contentblocklink a {
  font-family: Arial, 'MS PGothic', 'MS PMincho';
  font-weight: 400;
  font-style: normal;
}

html:lang(ru) * {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(ru) .font-md * {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(ru) .field-contentblocklink a {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.field-contentblocklink a {
  font-weight: 600;
}

html:lang(zh) * {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

html:lang(zh) .field-contentblocklink a {
  font-weight: 600;
}

.field-contentblockflairscript, .field-right-headline-handwriting, .field-left-headline-handwriting {
  font-family: 'Signature Wacom' !important;
  font-weight: normal;
}