@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; src: url('./images/DismantlingBias/fonts/Montserrat/Montserrat-Bold.ttf'); }
@font-face { font-family: Playfair; font-style: normal; font-weight: 700; src: url('./images/DismantlingBias/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.ttf'); }

.CurlyFont { font-family : Playfair; }
.StrongFont { font-family: Montserrat; }
.GothamFont { font-family: "Gotham SSm A", "Gotham SSm B", arial, helvetica, sans-serif; font-style: normal; font-weight: 400; }
.CAPS { text-transform: uppercase; }
.WhiteText { color: #FFF; }
.TitleText { font-size: 25px;  }
.TitleCAPS { font-size: 25px; text-transform: uppercase; line-height: 30px; }
.SubTitleCAPS { font-size: 15px; text-transform: uppercase; line-height: 20px; }
.LargeAltText { font-size: 22px; }
.AlignRight { text-align: right; }
.AlignCenter { text-align: center; }
.DetailSpacing { display: grid; grid-row-gap: 20px; }
.SideBySide { display: flex; flex-wrap: wrap; }
.SideBySide > div { flex-basis: 100%; position: relative; }
.SideBySide > div { padding-left: 20px; padding-right: 20px; }
.PadLeft { padding-left: 20px; }
.PadRight { padding-right: 20px; }
.DetailSpacing .SideBySide > div { margin-bottom: 20px; }
.DetailSpacing .SideBySide.NoMargin > div { margin-bottom: 0px; }
.SideBySide.GoofyFoot > div:nth-of-type(1) { order: 2; }
.SideBySide.GoofyFoot > div:nth-of-type(2) { order: 1; }
.SideBySide.VerticalCenter { align-items: center; }
.HeadingBanner { position: relative; height: 280px; }
.BannerImage { position: relative; height: 155px; }
.BannerText { font-size: 25px; }
.CenterAll { display: flex; align-items: center; justify-content: center; text-align: center; }
.DashBefore::before { content: '-'; display: block; }
.DashAfter::after { content: '-'; display: block; }
.CornerLarge { border-style: solid; border-width: 8px; height: 45px; width: 45px; }
.CornerSmall { border-style: solid; border-width: 5px; height: 35px; width: 35px; }
.CornerTiny  { border-style: solid; border-width: 3px; height: 10px; width: 10px; }
.CornerWhite { border-color: #FFF; }
.CornerDarkGrey { border-color: #474B55; }
.CornerLightGrey { border-color: #B7BABE; }
.CornerDarkBlue { border-color: #00395D; }
.CornerTopLeft { border-bottom: 0px; border-right: 0px; }
.CornerBottomRight { border-top: 0px; border-left: 0px; }
.CornerTopRight { border-bottom: 0px; border-left: 0px; }
.CornerBottomLeft { border-top: 0px; border-right: 0px; }
.InTopLeft { position: absolute; top: 0px; left: 0px; }
.InTopRight { position: absolute; top: 0px; right: 0px; }
.InBottomRight { position: absolute; bottom: 0px; right: 0px; }
.InBottomLeft { position: absolute; bottom: 0px; left: 0px; }
.InTopLeftInset { position: absolute; top: 20px; left: 20px; }
.InTopRightInset { position: absolute; top: 20px; right: 20px; }
.InBottomRightInset { position: absolute; bottom: 20px; right: 20px; }
.InBottomLeftInset { position: absolute; bottom: 20px; left: 20px; }
.LinkTable > div { display: flex; align-items: center; justify-content: space-between; }
.LinkTable > div::after { content: '\27F6'; font-size: 15px; font-weight: bold; color: #474B55; }
.LinkTable a { font-family: Montserrat; text-transform: uppercase; font-weight: bold; font-size: 15px; }
.LinkTable > div { padding: 20px 0px; border-bottom: solid 1px black; }
.LinkTable > div:last-of-type { border-bottom: none; }
.LinkTable.AlignTop > div:first-of-type { padding-top: 0px; }
.LinkTable.AlignBottom > div:last-of-type { padding-bottom: 0px; }
.LinkTable.WhiteText a { color: #FFF !important; }
.LinkTable.WhiteText > div::after { color: #FFF !important; }

@media (min-width: 720px) {
   .SideBySide > div { flex-basis: 50%; }
   .DetailSpacing .SideBySide > div { margin-bottom: 0px; }
   .SideBySide.GoofyFoot > div:nth-of-type(1) { order: 1; }
   .SideBySide.GoofyFoot > div:nth-of-type(2) { order: 2; }
   .TitleText { font-size: 35px; }
   .TitleCAPS { font-size: 23px; line-height: 30px; }
   .SubTitleCAPS { font-size: 23px; line-height: 25px; font-weight: bold; }
   .LargeAltText { font-size: 23px; }
   .CornerLarge { height: 50px; width: 50px; }
   .CornerSmall { height: 35px; width: 35px; }
   .HeadingBanner { height: 280px; }
   .BannerImage { height: 265px; }
   .BannerText { font-size: 45px; }
}

@media (min-width: 960px) {
   .DetailSpacing .SideBySide > div:nth-of-type(1) { padding-right: 75px; }
   .TitleText { font-size: 45px; }
   .TitleCAPS { font-size: 30px; line-height: 40px; }
   .SubTitleCAPS { font-size: 30px; line-height: 35px; }
   .LargeAltText { font-size: 25px; }
   .CornerLarge { border-width: 10px; }
   .CornerSmall { border-width: 8px; }
   .HeadingBanner { height: 300px; }
   .BannerImage { height: 353px; }
   .BannerText { font-size: 55px; }
}

@media print {

}