/*
Written by May and Cheryl


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

.merriweather-<uniquifier> {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

font-family: 'Merriweather', Georgia, 'Times New Roman', serif;


Dark Blue
HEX #311E6A
RGB 49, 30, 106
CMYK 96, 100, 24, 13
Blue
HEX #88CCFF
RGB 136, 204, 255
CMYK 46, 4, 0, 0
Light Blue
HEX #C4FCEA
RGB 196, 252, 234
CMYK 25, 0, 15, 0
Warm White
HEX #F5F5F7
RGB 245, 245, 247
CMYK 3, 2, 1, 0
Dark Green
HEX #29a374
RGB 0, 86, 95
CMYK 100, 49, 52, 27
Green
HEX #29A374
RGB 41, 163, 116
CMYK 89, 4, 76, 0
Light green
HEX #DBFFC5
RGB 219, 255, 197
CMYK 17, 0, 34, 0
Warm Black
HEX #322E33
RGB 50, 46, 51
CMYK 70, 68, 58, 59
Red
HEX #AB0000
RGB 171, 0, 0
CMYK 17, 100, 100, 11
Orange
HEX #29a374
RGB 255, 87, 19
CMYK 0, 86, 100, 0
Lilac
HEX #EAD6FD
RGB 234, 214, 253
CMYK 7, 17, 0, 0
Pure White
HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
Pure Black
HEX #000000
RGB 0, 0, 0
CMYK 75, 68, 67, 90
*/

html {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #EAD6FD;
  color: #322E33;
}

body {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    1.1rem;
}

/* Typography */ 

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6  {
  font-family: 'Merriweather', Georgia, 'Times New Roman', serif;
}

.display-1, .display-3 {
  background-color: #311e6a;
  color: #fff;
  padding: .5rem;
  display: inline-block;
}

h1, .h1 {
    background: #C4FCEA;
    color:  #00565f;
    padding: .5rem;
}

.display-2, .display-4 {
  background-color: #00565f;
  color: #c4fcea;

}

h2, .h2 {
  color: #311e6a;
}

h3, h4, .h3, .h4 {
  color: #00565f;
}

h5, h6, .h5, .h6 {
  color: #322e33;
}

/* LINKS */

a {
  color: #FF5713;
  font-weight: bold;
}

a:hover, a:focus {
  color:#29A374;
  border-bottom: 3px solid #29A374;
  text-decoration: none;
}

a:hover img, a:focus img,
a:hover img:hover, a:focus img:focus,
a:hover img:focus, a:focus img:hover {
  border: none !important;
}

.logo-link {
  display: block;
  border: none !important;
}

.btn-primary {
  background: #FF5713;
  border: 0;
  text-decoration: none;
  font-weight: bold;
}

.btn-primary:hover, .btn-primay:focus {
  background-color: #29A374;
  border-color: #228d64;
}

.btn-primary:active {
  background-color: #228d64;
  border-color: #311e6a;
}

.btn-outline-primary {
  border-color: #FF5713;
  text-decoration: none;
  background: #fff;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
  background: #29A374;
  color: #fff;
}


/* NAVBAR */

.nav-primary, .footer-primary {
  background: #311e6a;
  color: #fff;
  padding: 10px 0;
  min-height: 75px;
}

.navbar-brand {
  text-decoration: none;
  width: 200px;
}

.navbar-dark.nav-primary .navbar-nav .nav-link{
  color: #fff;
  margin: 0 .25rem;
}

.navbar-dark.nav-primary .navbar-nav .nav-link:hover,
.navbar-dark.nav-primary .navbar-nav .nav-link:focus {
  background-color: #f5f5f7;
  border-bottom: 5px solid #FF5713;
  color:#d94a10;
}

.navbar-dark .navbar-nav .active>.nav-link {
 color: #d94a10;
  background-color: #f5f5f7;
  border-bottom: 5px solid #FF5713;
  text-decoration: none;
}

/* MAIN CONTENTS */

.callout {
  background-color: #c4fcea;
  background-image: url("/img/line-dashed.svg");
  background-position: center;
  background-size: 250%;
}

.hero {
  background-image: url("/img/headers/exchange-pink.jpg");
  background-size: cover;
  background-position: center;
}

.hero.events {
  background-image: url("/img/headers/exchange-events.jpg");
  background-size: cover;
  background-position: top;
}

.hero.partners {
  background-image: url("/img/headers/exchange-night.jpg");
  background-size: cover;
  background-position: top;
}
/*
.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /
  z-index: 1; /* Adjust based on your text layer 
}

h1.display-4 {
  z-index: 5 !important;
}
*/

.display-2, .display-4  {
  padding: 15px;
  display: inline-block;
}

.hero-content {
  background-color: #fff;
  padding: 15px;
  
}

.main {
  background-color: #f5f5f7;
  color: #322E33;*/
}

.table .thead-dark th {
  background-color: #00565f;
}

.logo-resize {
  max-height: 5rem;
}

.black-and-white {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For older Safari versions */
}

.img-thumbnail {
  border-color: #00565f;
 
}

/* FOOTER */
.footer {
  background: #311e6a;
  color: #fff;
}

.footer .h5 {
  color: #f5f5f7;
}

.footer-icons {
  padding-top: 4px 0;
}

.footer-icons i {
  font-size: 2.5rem;
  color: #c4fcea;
}
.footer-icons i:hover {
  color: #ffffff;
}

.footer-text {
  color: #fff;
  font-size: .95rem;
}
.footer-text a {
  color: #c4fcea;
}
.footer a:hover {
  color: #fff;
}

.footer-logo:hover {
  opacity: 0.7;

}

.divider {
  border-color: #c4fcea;
}

/* MEDIA QUERIES */
@media screen and (max-width: 575px ){

  .display-2, .display-4 {
    font-size:  2.75rem
  }

  .navbar-expand-sm .container .navbar-brand{
    margin-left: 15px;
  }
    .navbar-expand-sm .container .navbar-toggler {
      margin-right: 15px;
    }
}

@media screen and (min-width: 575px) {
  .display-2, .display-4, .hero-content {
    margin-left: -15px;
  }
}