/* 
Font: Gotham


<link rel="stylesheet" href="https://use.typekit.net/nvz6pje.css">
font-family: 'gotham', sans-serif;
font-weight: 400; font-style: normal;
font-weight: 400; font-style: italic;
font-weight: 500; font-style: normal;
font-weight: 700; font-style: normal;
font-weight: 700; font-style: italic;
font-weight: 800; font-style: normal;

Serif Font: Playypi 
https://fonts.google.com/specimen/Platypi?preview.text=Morbi

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Platypi:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">


.platypi-<uniquifier> {
  font-family: 'Platypi', serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.montserrat-<uniquifier> {
  font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/




/* Type */

html {
  font-size: 16px; /* 16 is default for most browsers*/
}
@media screen and (min-width: 320px) {
  html { font-size: 110%; }
}
@media screen and (min-width: 992px) {
  html { font-size: 114%; }
}
@media screen and (min-width: 1200px) {
  html { font-size: 116%; }
}
@media screen and (min-width: 1400px) {
  html { font-size: 118%; }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height:1.5;
  /*font-family: 'Gotham',sans-serif;*/
  /*font-family: 'Figtree',sans-serif;*/
  font-family: 'Montserrat', sans-serif;
}

h2.on-detail { color:inherit; }

.text-condensed { color:inherit; }
.text-serif { font-family: 'Platypi', serif; }

/* global typography */

h1,h2,h3,h4,h5,h6 { text-wrap:balance; color:inherit; }

h1 { font-size: 2.56rem; line-height:1.1; font-weight:900; margin-top:0px; margin-bottom: 1rem; }
h2 { font-size: 1.618rem; line-height:1.2; font-weight:700; margin-top:1.5rem; margin-bottom: 1rem; }
h3 { font-family: 'Platypi', serif; font-size: 1.3rem; line-height:1.5; font-weight:700; } 

h2.on-detail { font-size: 0.85rem; font-weight:700; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }

p, li { font-size:1rem; line-height:1.4; font-weight:420; }
li { margin-bottom:0.25rem; } /* I like to differentiate between line height and items */
p.intro,p.lead { font-weight:inherit; font-size:1.2rem; line-height:1.35; }

label { color:inherit; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,.1); opacity:1; }

hr.clearing-spacer { clear:both; background-color:inherit; border:0px; opacity:1; }

a { color:var(--cty-alink); text-decoration:underline; }
a:hover { color:var(--cty-ahover); text-decoration:underline; }


.btn-brand, .btn-outline-brand, .btn-brand-pill, .btn-outline-brand-pill, .btn-brand-domino { 
  text-transform:none; 
  font-weight:700;
  letter-spacing:0.010rem;
}

.btn-brand-white { 
  background-color:white; 
  border:1px solid white; 
  color:var(--cty-default-fg); 
  font-size:0.8rem; font-weight:700;  text-transform:none;  letter-spacing:0rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:0;
  margin:0;
}
.btn-brand-white:hover { 
  background-color:white; 
  border-color:white; 
  color:var(--cty-default-fg);
  text-decoration:none; 
}