@charset "UTF-8";
/*!
 * Custom CSS rules for Getty musSchoolVisits site
*/

:root 
{
  --bs-primary: #1a47b8; /* Getty Blue */
  --bs-primary-rgb: 26, 71, 184;
  --bs-primary-bg-subtle: #1a47b8;
  --bs-primary-text-emphasis: #ffffff;
  /*--bs-primary-border-subtle: #153a98;*/
  
  --bs-secondary: #5b5b5b; /* Getty Dark Gray */
  --bs-secondary-rgb: 91, 91, 91;
  --bs-secondary-bg-subtle: #5b5b5b;
  --bs-secondary-text-emphasis: #ffffff;
  
  --bs-success: #009877; /* Getty Garden Green */
  --bs-success-rgb: 0, 152, 119;
  --bs-success-bg-subtle: #009877;
  --bs-success-text-emphasis: #ffffff;

  --bs-info: #41c4dd; /* Getty Sky Blue */
  --bs-info-rgb: 65, 196, 221;
  --bs-info-bg-subtle: #41c4dd;
  --bs-info-text-emphasis: #ffffff;

  --bs-warning: #f5ce3e; /* Getty Golden Yellow */
  --bs-warning-rgb: 245, 206, 62;
  --bs-warning-bg-subtle: #f5ce3e;
  --bs-warning-text-emphasis: #000000;

  --bs-danger: #e0592a; /* Getty Bright Terra-Cotta */
  --bs-danger-rgb: 224, 89, 42;
  --bs-danger-bg-subtle: #e0592a;
  --bs-danger-text-emphasis: #ffffff;

  --bs-border-radius: 0rem;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--400--italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--500--italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face
{
  font-family: graphik;
  src: url('../fonts/Graphik/graphik--600--italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

html,body
{
  font-family: graphik, sans-serif;
  font-weight: 400;
}

header
{
  padding: 24px;
  /*padding: 28px 18px 18px 18px;*/
  margin-bottom: 30px;
  background-color: #1a47b8;
  color: white;
}

h1,h2,h3,h4,h5,h6
{
  font-weight: 600 ;
  font-style: normal ;
  font-stretch: normal ;
}

#logo
{
  padding: 36px;
  /*padding: 28px 18px 18px 30px;*/
  display: block;
  background-color: #1a47b8;
  height: 106px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

#pageHeading
{
  margin-top: 96px;
}

.btn, .alert, .card
{
  border-radius: 0;
}

.btn-primary 
{
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0c3392;
  --bs-btn-border-color: #0c3392;
  
  /* Hover State */
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  
  /* Focus/Active State */
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #042165;
  --bs-btn-active-border-color: #042165;
}

.btn-secondary 
{
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #434343;
  --bs-btn-border-color: #434343;
  
  /* Hover State */
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  
  /* Focus/Active State */
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #323232;
  --bs-btn-active-border-color: #323232;
}

.btn-danger 
{
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #ca4e25;
  --bs-btn-border-color: #ca4e25;
  
  /* Hover State */
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--bs-danger);
  --bs-btn-hover-border-color: var(--bs-danger);
  
  /* Focus/Active State */
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #b54621;
  --bs-btn-active-border-color: #b54621;
}

.alert a
{
  color: var(--bs-primary-text-emphasis);
}

.alert-warning a
{
  color: var(--bs-warning-text-emphasis);
}