@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

/* Base page */
body {
  font-family: 'Montserrat', Arial, sans-serif;
  background-color: #000000 !important;
  color: #1F1F1C;
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', Arial, sans-serif;
  color: #CAA447 !important;
  font-weight: 700;
}


/* Basic text */
p,
li {
  font-family: 'Montserrat', Arial, sans-serif;
}


/* Links */
a {
  color: #CAA447;
}


a:hover {
  color: #F4E8C2;
}


/* Light content panels */
.container-white,
.wrapper-white,
.wrapper-800,
.panel,
.card,
.well,
.modal-content {
  background-color: #F8F6F0 !important;
  color: #1F1F1C !important;
  border-radius: 6px;
}


/* Text inside GiveSmart light/default panels */
.container-white p,
.container-white li,
.container-white div,
.container-white span,
.container-white td,
.container-white th,
.wrapper-white p,
.wrapper-white li,
.wrapper-white div,
.wrapper-white span,
.wrapper-white td,
.wrapper-white th,
.wrapper-800 p,
.wrapper-800 li,
.wrapper-800 div,
.wrapper-800 span,
.wrapper-800 td,
.wrapper-800 th,
.panel p,
.panel li,
.panel div,
.panel span,
.panel td,
.panel th,
.card p,
.card li,
.card div,
.card span,
.card td,
.card th,
.well p,
.well li,
.well div,
.well span,
.well td,
.well th,
.modal-content p,
.modal-content li,
.modal-content div,
.modal-content span,
.modal-content td,
.modal-content th {
  color: #1F1F1C !important;
  font-family: 'Montserrat', Arial, sans-serif;
}


/* Headings inside GiveSmart light/default panels */
.container-white h1,
.container-white h2,
.container-white h3,
.container-white h4,
.wrapper-white h1,
.wrapper-white h2,
.wrapper-white h3,
.wrapper-white h4,
.wrapper-800 h1,
.wrapper-800 h2,
.wrapper-800 h3,
.wrapper-800 h4,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.card h1,
.card h2,
.card h3,
.card h4,
.well h1,
.well h2,
.well h3,
.well h4,
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4 {
  color: #CAA447 !important;
}


/* Navbar */
.navbar {
  background-color: #F8F6F0 !important;
  border-bottom: 3px solid #CAA447;
}


.navbar .nav-link {
  color: #000000 !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}


.navbar .nav-link:hover {
  color: #8A6D20 !important;
}


/* Custom page sections */
.about-gala,
.dress-code-section,
.food-drink-section,
.entertainment-section,
.impact-section,
.sponsor-page,
.sponsors-page,
.home-sponsor-callout {
  color: #1F1F1C !important;
}


.about-gala p,
.about-gala li,
.dress-code-section p,
.dress-code-section li,
.food-drink-section p,
.food-drink-section li,
.entertainment-section p,
.entertainment-section li,
.impact-section p,
.impact-section li,
.sponsor-page p,
.sponsor-page li,
.sponsors-page p,
.sponsors-page li,
.home-sponsor-callout p,
.home-sponsor-callout li {
  color: #1F1F1C !important;
}


.about-gala h1,
.about-gala h2,
.about-gala h3,
.about-gala h4,
.dress-code-section h1,
.dress-code-section h2,
.dress-code-section h3,
.dress-code-section h4,
.food-drink-section h1,
.food-drink-section h2,
.food-drink-section h3,
.food-drink-section h4,
.entertainment-section h1,
.entertainment-section h2,
.entertainment-section h3,
.entertainment-section h4,
.impact-section h1,
.impact-section h2,
.impact-section h3,
.impact-section h4,
.sponsor-page h1,
.sponsor-page h2,
.sponsor-page h3,
.sponsor-page h4,
.sponsors-page h1,
.sponsors-page h2,
.sponsors-page h3,
.sponsors-page h4,
.home-sponsor-callout h1,
.home-sponsor-callout h2,
.home-sponsor-callout h3,
.home-sponsor-callout h4 {
  color: #CAA447 !important;
}


/* Donation section */
#donateContainer {
  color: #1F1F1C !important;
}


#donateContainer h1,
#donateContainer h2,
#donateContainer h3,
#donateContainer .section-title {
  color: #CAA447 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}


#donateContainer p,
#donateContainer li,
#donateContainer div,
#donateContainer span,
#donateContainer td,
#donateContainer th {
  color: #1F1F1C !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}


/* Buttons */
.gs-btn,
button,
.btn-primary {
  display: inline-block;
  background-color: #CAA447 !important;
  color: #000000 !important;
  border: 1px solid #CAA447 !important;
  border-radius: 8px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}


.gs-btn span,
button span,
.btn-primary span {
  color: #000000 !important;
}


.gs-btn:hover,
button:hover,
.btn-primary:hover {
  background-color: #000000 !important;
  color: #CAA447 !important;
  border-color: #CAA447 !important;
  text-decoration: none;
}


.gs-btn:hover span,
button:hover span,
.btn-primary:hover span {
  color: #CAA447 !important;
}


/* Donation buttons */
#donateContainer button,
#donateContainer .gs-btn,
#donateContainer .btn-primary {
  display: inline-block;
  background-color: #CAA447 !important;
  color: #000000 !important;
  border: 1px solid #CAA447 !important;
  border-radius: 8px !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
}


#donateContainer button span,
#donateContainer .gs-btn span,
#donateContainer .btn-primary span {
  color: #000000 !important;
}


#donateContainer button:hover,
#donateContainer .gs-btn:hover,
#donateContainer .btn-primary:hover {
  background-color: #000000 !important;
  color: #CAA447 !important;
  border-color: #CAA447 !important;
  text-decoration: none !important;
}


#donateContainer button:hover span,
#donateContainer .gs-btn:hover span,
#donateContainer .btn-primary:hover span {
  color: #CAA447 !important;
}


/* Selected donation toggle */
#donateContainer .active,
#donateContainer button.active {
  background-color: #CAA447 !important;
  color: #000000 !important;
  border-color: #CAA447 !important;
}


#donateContainer .active span,
#donateContainer button.active span {
  color: #000000 !important;
}