body, html {
	background-color: #F0EFED;
	font-family: "Inter Tight", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	color: #333333;
}

body.body-dark main {
	background-color: #333333;
}

/* colors */

.bg-light-grey {
	background-color: #dcdcdc;
}

.bg-dark-grey {
	background-color: #323232 !important;
}

.bg-orange {
	background-color: #FF480C;
}

/* basic custom site styling */

.container-intro {
	padding-top: 100px !important;
}

.container-outro {
	padding-bottom: 100px !important;
}

.text-green {
	color: #667F00;
}

.border-black {
	color: #000000;
}

.bg-grey {
	background-color: #E6E6E6;
}

a {
	text-decoration: none;
}

a:link, a:visited, a:active {
	color: #333333;
}

a.nav-link.selected {
	font-weight: 600;
}

a:hover {
	color: #dcdcdc;
}

.bg-body-secondary {
	background-color: #FE4A0B !important;
}

footer {
	background-color: #57671C;
}

.text-body-secondary {
	color: #B1AA9A !important;
}

.text-body-secondary-alt {
	color: #92987C !important;
}

.ls-1 {
	letter-spacing: 1px;
}

/* typography */

.sans, .text-sans {
	font-family: "Inter Tight", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}

.serif, .text-serif {
	font-family: "Gilda Display", serif !important;
	font-weight: 400;
	font-style: normal;
}

.footnote {
	font-size: .8rem;
}
		
h1, h2 {
	font-family: "Inter Tight", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-size: 2em;
	/* margin: 100px 0 60px 0; */
	color: #f94701;
	font-weight: normal;
	letter-spacing: 1px;
}

h4 {
	font-family: "Inter Tight", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-size: 1.5em;
	font-weight: normal;
	margin: 60px 0 20px 0;
}

h3, h5, h6 {
	font-family: "Inter Tight", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}

p {
	font-size: 1.2em;
}

p.caption {
	font-size: 80%;
}

.muted {
	opacity: .5;
}

/* header & navigation */

#brand {
	min-width: 200px;
}

#brand a {
	display: block;
	color: #ffffff !important;
}
		
main nav.navbar {
	background: #111111 !important;
	text-transform: uppercase;
	font-size: .8em;    		
}

#main-navbar {

}

#main-navbar.collapse {
	margin-bottom: 0px !important;
	transition: all .47s ease-out;
}

#main-navbar.collapse.show {
	padding-bottom: 50px !important;
}

.navbar.navbar-dark a:link, .navbar.navbar-dark a:visited, .navbar.navbar-dark a:active {
	color: #ffffff;
}

.navbar.navbar-light a:link, .navbar.navbar-light a:visited, .navbar.navbar-light a:active {
	color: #000000;
}

.navbar.navbar-light a:hover, .navbar.navbar-dark a:hover {
	color: #999999;
}

.navbar-collapse {
	/* background-color: #999; */
}

#page {
	margin: 0px auto 0px auto;
	font-family: "Inter Tight", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}

body#page-home #page, body#page-careers #page, body#page-gallery #page {
	background-color: #3C3C3C;
	color: #ffffff;
}

body#page-exhibits-awards #page {
	background-color: #5F3F19;
	color: #ffffff;
}
	

/* about the artist */

body#page-about-the-artist .container-header {
	background-color: #667F00;
}

.section-splash {
	width: 100vw;
	height: 80vh;
}

.section-splash#splash-about {
	background: transparent url(../img/about/splash.webp) center right no-repeat;
	background-size: cover;
}

.section-splash#splash-about2 {
	background: transparent url(../img/about/nas.webp) center right no-repeat;
	background-size: cover;
}

.section-splash#splash-exhibits {
	background: url(../img/about/nas_exhibit_splash.webp) center right no-repeat;
	background-size: cover;
}

.section-splash#splash-home {
 	height: unset;
	/* 
	background: transparent url(../img/home/splash.webp) center center no-repeat;
	background-size: cover;
	*/
}

/* foundation */

body#page-the-foundation .container-header {
	background-color: #1C2302;
}


/* exhibits + awards */

body#page-exhibits-awards .container-header {
	background-color: #936518;
}

table.table, table.table tr, table.table th, table.table td {
	background-color: transparent !important;
}

body#page-about-the-artist table.table td, body#page-about-the-artist table.table th {
	color: #333333;
}

body#page-exhibits-awards table.table td {
	color: #ffffff;
}

#nav-about li {
	margin-bottom: 5px;
}

.circ-badge {
	background-color: #fff;
	height: 24px;
	width: 24px;
	color: #667F00;
	font-size: .8em;
	padding: 2px 7px 2px 7px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-right: 5px;
}

h5 > .circ-badge {
	color: #fff;
	background-color: #000;
	font-size: 60%;
	margin-top: -2px;
}

.bordered-list li, body#page-about-the-artist table.table td, body#page-about-the-artist table.table th {
	border-bottom: 1px solid #dcdcdc;
	margin: 7px auto 7px auto;
	padding-bottom: 7px;
}

.bordered-list li:last-child {
	border: none;
}

.grid-item {
  float: left;
  width: 30%;
}

/* Carousel Indicators as Circles */

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50%;
}

.hero-container {
  width: 100%;
  overflow: hidden;

}

.hero-image {
  

  object-fit: cover;
 max-height: 80vh;
  width: 100%;

	
}


.hero-image-caption {font-size: small; float: right; margin-right: 1rem; padding: .5rem; margin-top: 0;}
@media (max-width: 768px) {.hero-container {display: none;}
}

@media (max-width: 768px) {
  .hero-image img {
    display: none;
  }
  h1.text-uppercase.text-sans.text-light.fs-4.m-0 {padding-top: 4rem; }

  main nav.navbar {margin-bottom: inherit;}
}

@media (max-width: 768px) {
.py-5 {    padding-top: 4rem !important;
padding-bottom: .5rem;
}
}

.hero-image-caption {font-size: small; float: right; margin-right: 1rem; padding: .5rem; margin-top: 0;z-index: 2;position: relative;}