/**
* Core
**/
body {
    font-family: 'ManropeR';
    background-color: #F8F9FA;
    color: #212529;
    background-attachment: fixed;
    height: 100%;
}

a {
    color: #e57B2F;
    text-decoration: none;
}

a:hover {
    color: #e57B2F;
    text-decoration: none;
    filter: brightness(110%);
}

/**
* Colors
**/
:root {
  --tl-black: #080B0B;
  --tl-charcoal: #101818;
  --tl-ivory: #F6F1E7;
  --tl-white: #FEFEFE;

  --tl-navy: #102448;
  --tl-red: #931B2B;
  --tl-gold: #C3A517;
  --tl-copper: #9F4A1F;

  --tl-text-dark: #171B1A;
  --tl-text-muted: #5F6764;
}

.ivory {
  color: #F6F1E7 !important;
}

.gold {
  color: #C3A517 !important;
}

/**
* Font Family
**/
@font-face {
    font-family: 'Intan';
    src: url('../font/IntanRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ManropeR';
    src: url('../font/Manrope-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
* Font Classes
**/
.manr {
    font-family: 'ManropeR';
}

.intan {
  font-family: 'Intan';
}

/**
* Classes
**/
.navwrap {
  background-color: #102448;
  font-family: 'Intan';
}

.navbar {
  max-width: 1320px;
  margin: 0 auto;
}

.navbar-brand,.nav-link {
  color: #F6F1E7 !important;
}

footer {
  background-color: #102448;
}

/**
* Header CSS
**/

/**
* Button CSS
**/
.btn-primary {
  background: #9F4A1F;
  border-color: #9F4A1F;
  color: #FEFEFE;
}

.btn-primary:hover {
  background: #B95A27;
  border-color: #B95A27;
}

.btn-outline-light {
  border-color: #F6F1E7;
  color: #F6F1E7;
}

.btn-outline-light:hover {
  background: #F6F1E7;
  color: #080B0B;
}