:root {
	--primary1: #428086;
	--primary1_a95: rgba(66, 128, 134, .95);
	--primary2: #92d5d5;
	--primary2_a95: rgba(146, 213, 213, .95);
	--primary3: #66a9ad; /* analogous. cadet blue */
	--primary3: #ad7966; /* triadic. dark salmon */
	--kai_gray: #a7a9ab;
	--kai_gray_a95: rgba(167, 169, 171, .95);
/*
	--primary1: #582931;
	--primary1_a95: rgba(88, 41, 49, .95);
	--primary2: #C88442;
	--primary2_a95: rgba(200, 132, 66, .95);
	--primary3: #979d73; /* it's used once. not very primary */
*/
	}

/* *********** OVERRIDE CODE IN all.min.css *********** */
/* JGH I didn't combine these, just to make it easier to identify what each replaces in all.min.css */

.sf-menu li.index-5.last.level-1 {
	background: var(--primary1);
}

.bg-orange-faded {
    background-color: var(--primary2_a95);
}

/*added for contrast */
nav.contentnav.bg-orange-faded a { color: #000; }


.nav-narrow nav {
    border-bottom: 3px solid var(--primary1)
}

.nav-narrow nav li.alt {
    background-color: var(--primary1)
}

.nav-narrow nav li a {
    color: var(--primary1);
}

.menu-activator.btn.menu-open-button {
    color: var(--primary1)
}

.menu-activator.btn.menu-open-button:hover {
    color: var(--primary1);
}

.st-menu {
    background: var(--primary1);
}

h2 {
    color: var(--primary1)
}

.btn {
    background-color: var(--primary1);
}

.btn--orange {
    background-color: var(--primary2);
}

.heading {
    background-color: var(--primary1_a95);
}

.heading .heading-orange {
    background-color: var(--primary2_a95)
}

footer {
    background-color: var(--primary1_a95)
}

.vertlist .item h2 {
    color: var(--primary1)
}

.vertlist .item .cta {
    background-color: var(--primary1);
}

.maroon-band {
    background-color: var(--kai_gray_a95);
}

.maroon-band h1,
.maroon-band h2,
.maroon-band h3,
.maroon-band h4 {
    color: var(--primary1)
}

/* what color to make this?? */
.st-content {
    background-color: var(--primary3);
}


.covid-tables th, 
.covid-tables .col-md-6 { 
	border-right: solid var(--primary1,#C68548) 2px !important;
}

.border-bottom {
	border-bottom: solid var(--primary1,#C78447) 2px
}


/* Bootstrap - add 5ths  */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.maroon-band .col-sm-5ths p strong,
.maroon-band .col-sm-2 p strong {
    text-align: center !important;
    display: block;
    color: white;
}
html .maroon-band {
    background-color: -var(--primary1_a95);
}

.gray-band {
    background-color: #707070;
}
/* End Bootstrap: add 5ths */

body {
    /*padding-top: 50px;
    padding-bottom: 20px; */
}
.fab {
    font-size: 32px;
    /*color: #572931;*/
    color: var(--primary2);
    transition: all 500ms ease-in-out;
    padding: 10px;
}
.fab:hover {
	background-color: #919876;
	color: #FFF
}

.fab.fa-instagram {
    font-weight: 900;
    
}

.social-icons a {
    display: inline-block;
    margin-left: 10px;
    
}

.social-icons td {
	padding: 0;
}

footer .fab {
	color: white;
}

/*.slider-container {
  position: relative;
  overflow: hidden;
}
.slider-container .slider-buttons {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.slider-container .slider-buttons .slider-button:hover {
  opacity: .8;
}
*/

@media (max-width: 768px) {
    .slider-container {
          position: relative;
          overflow: visible;
          display: block;
    }
}

/*.inner-slider{
    display: flex; 
    height: 400px; 
    overflow: auto;
}*/
.leftslider{
    width: 50%;
    
}
.spaced-all-1.rightslider{
    width: 50%; 
    background-color: rgba(249,249,249,0.9);
    overflow: hidden;
}

.slick-track .spaced-all-1 {
    line-height: 100%;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: center !important;
    background-color: rgba(249,249,249,0.9);
}

.slick-track .spaced-all-1 h1 {
    vertical-align: middle;
    /*margin-top: 20%;
    margin-bottom: 20%;*/
    font-family: Taviraj, serif;
    color: #572A32;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 200;
    max-width: 700px;
    text-align: left;
    margin-left: 30px;
    margin-right: 30px;
}
.slider .spaced-all-1 .h1 {
    vertical-align: middle;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Taviraj, serif;
    color: #572A32;
    font-size:38px;
    line-height: 1.1;
    font-weight: 200;
    max-width: 700px;
    text-align: left;
    /*margin-left: 5%;*/
    margin-right: 5%;
}
.slick-track .spaced-all-1 h2 {
    vertical-align: middle;
    font-family: Taviraj, serif;
    color: #572A32;
    font-size: 50px;
    line-height: 1;
    font-weight: 200;
    max-width: 700px;
    text-align: left;
    /*margin-left: 10%;*/
    margin-right: 10%; 
}
.slick-track .spaced-all-1 p {
    font-size: 1.2rem;
    line-height: 1.5;
    max-width: 700px;
}

.slider .spaced-all-1 {
    line-height: 100%;
    display: table;
    height: 100%;
    width: 50%;
}

.slider .spaced-all-1 h2 {
    font-family: Taviraj, serif;
    color: #333333;
    font-size: 20px;
    line-height: 1;
    font-weight: 200;
    max-width: 700px;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

    
.slider .spaced-all-1 h3 {
    vertical-align: middle;
    font-family: Taviraj, serif;
    color: #572A32;
    font-size: 25px;
    line-height: 1;
    font-weight: 200;
    max-width: 700px;
    text-align: left;
}


.slider .spaced-all-1 p {
    font-size: 18px;
    line-height: 1; 
    max-width: 500px;
}


@media (max-width: 1200px) {
	.slider .spaced-all-1 .h1 {
		font-size: 32px;
		margin-bottom: 30px;
	}
}
.longlist .spaced-all-1{
    
    padding: 5px;
}

.fixpad .col-md-9{
    
    padding: 0;
}

.maroon-band h1, .maroon-band h2, .maroon-band h3, .maroon-band h4, .gray-band h2 {
    color: #FFF;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    font-size: 24px;
}

.maroon-band .col-sm-5ths.spaced-bottom-2 img,
.maroon-band .col-sm-2.spaced-bottom-2 img,
.maroon-band .col-sm-3.col-xs-6 img {
    max-height: 68px !important;
    text-align: center !important;
    display: flex !important;
    margin: auto !important;
}

.col-sm-3 p {
	text-align: center;
}
.main-logo img, .footer-logo img {
        max-width: 270px;
        width: 100%;
}

p.tagline {
    font-style: italic;
}

img#awards {
    margin-left: 10px;
    margin-bottom: 10px;
}

.service-icons img {
    margin: auto;
    display: block;
    max-width: 100px;
}

.service-icons h2 {
    text-align: center;
    font-family: futura-pt, corbel, sans-serif;
    font-weight: bold;
}

.service-icons a {
    text-decoration: none;
}

input, textarea {
    width: 100%;
}

button#contact_submit {
    width: 33%;
}

.clients .col-md-2 {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    
}

.clients .col-md-12 {
    padding-left: 0;
}
.clients .spaced-bottom-1 {
    padding-bottom: 10px;
}
.clients .col-md-12.spaced-all-1 {
    padding: 30px;
}
.clients h2 {
    border-top: solid #727272 1px;
    border-bottom: solid #727272 1px;
    font-size: 1.7rem;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    color: #C9843A;
    margin-bottom: 25px;
}

.closed {
    display: none; 
}

.award-video {
    margin-top: 25px;
    display: none;
}

.opacity {
    opacity: 0.8;
    transition: 500ms;
}

.big-orange-logo, .spacer { 
    width: 100%;
}

.spacer {
    visibility: hidden;
}

.careers .container {
    max-width: 970px;
}

.home-banner {
    position: relative;
}

.box img, .bio img {
    margin: auto;
    display: block;
    /*position: absolute; */
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
}
.executive-leadership .bio img {
    position: static; 
}
.box p{

    position: static;
}
.careers .box p {
    text-align: center;
}
.box {
    height: 275px;
    cursor: pointer;
}
.box:hover {
    height: auto;
}
.executive-leadership .box {
    margin-bottom: 30px;
}

.row.boxes {
    margin-bottom: 30px;
}
.executive-leadership .box img {
    position: static;
    width: 100% !important;
}
.executive-leadership .box-content {
    margin: 15px;    
} 

.executive-leadership .box p {
    color: #FFF;
    position: static;
    text-align: left;
}
.careers .content.spaced-all-1 {
    padding-bottom: 0;
}

.awards h2{
    /*background: rgba(199,131,72,0.6);*/
    /*background: rgba(151, 157, 115, .87);*/
    padding: 5px;
    color: #C9843A;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.awards .inner .col-md-4 img {
    margin: auto;
    display: block;
}

.awards .inner .col-md-4 p {
    text-align: center;
}

.front, .back {
    height: 100%;
}

.front {
    background: #D7D7D7;
    padding: 15px;
}

.back {
    background: var(--primary1,#C88342);
}

.back strong {
    color: white;
    font-size: 1.3rem;
    text-align: center;
    padding: 20px;
    display: block;
}
.testimonial {
    border-bottom: solid #D7D7D7;
}
    
.testimonial p {
    font-size: 21px;
    text-align: right;
}

.testimonial.first p {
    text-align: left;
}

.orange-btn {
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    padding: 20px 15px;
    background: #C78348;
    border-radius: 5px;
    transition: ease-in-out 500ms;
}

.careers .orange-btn {
    margin-left: 30%;
    margin-right: 30%;
    display: inline-block;
}

.orange-btn:visited {
    background: #919876;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.orange-btn:hover {
    background: #592D36;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}


.orange-btn:active {
    background: #919876;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.home .home-banner {
    position: relative;
    height: 70vh;
}


.container-fluid .row .col-sm-2.spaced-bottom-2{
    text-align: center;
    margin: 0 auto;
}


.container-fluid .row h2{
    font-weight: 100;
    font-size: 30px;
}

.container-fluid .row .col-sm-8 h2 a{
    font-weight: 100;
    font-size: 20px;
}

.open-or-closed{
    overflow: hidden; 
    
}
.service-title-icon {
    float: left;
    padding-right: 15px;
        margin-top: 15px;
    max-width: 100px;
}

.service-icons .icon {
    float: left;
    padding-right: 15px;
    margin-top: 0.5em;
    overflow: visible;
}
.service-icons p {
    margin-top: 10px;
}

.image-container {
    width: 55px;
    overflow: auto;
    float: left;
    max-width: 100%;
    margin-bottom: 30px;
    overflow: visible;
}

.certifications .inner .col-md-4 {
    margin-bottom: 15px;    
}

.certifications .inner .col-md-4 img {
    display: block; 
    margin: auto;
}

.certifications .inner .col-md-4 p {
    text-align: center;
}

.research-evaluation .inner img, 
.training-technical-assistance .inner img,
.communications .inner img,
.meeting-event-planning .inner img,
.management-grants-support .inner img {
    margin-left: 10px;
    margin-bottom: 10px;
}

.feature-image {
    width: 100%;
    max-width: none;
    margin-right: 15px;
    margin-bottom: 15px;
}

html p, html td {
    font-size: 1.2rem;
    font-weight: 100;
}
.heading h1, .heading h1 p {
    font-size: 50px;
    font-family: Taviraj, serif;
    font-weight: 400;
}


html td {
    padding: 5px;
}

html .content h2, html .content .h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: Taviraj, serif;
    color: var(--primary1);
}

.back {
    background: var(--primary1,#C88342);
    padding: 15px 15px 40px 15px;
}

.cta.p-1 {
    background: #592D36;
    position: absolute;
    height: 40px;
    bottom: 0;
    right: 0;
}

.cta.p-1 a, .cta.p-1 i {
    color: white;
}

footer .fa-fw {
	width: auto;
}
.dhat .home-banner {
	justify-content: center;
}

.dhat .home-banner .inner {
	margin: auto;
}

/* Stories of Reslience Page (container needs to be centered) */

.indigespirit-stories-of-resilience .row {
	justify-content: center;
}

.indigespirit-stories-of-resilience .grid { 
	display: grid;
	gap: 30px;
	padding: 5px;
}

.indigespirit-stories-of-resilience .embed-responsive {    
	padding-bottom: 56.25%;
}

.featured-story{
    padding: 10px;
    margin: 7px;
    background-color: #E5E6E8;
    border-radius: .3rem;
}

.hear-from h3 {
	font-size: 1.2rem;
	text-align: center;
	}

.hear-from p, .hear-from ul {
	font-size: 1.2rem;
	font-weight: 100;
	}

@media (min-width: 768px) { 
	.indigespirit-stories-of-resilience .cols-1-1 {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 768px) { 
	.boltforms-third-row {
		width: 31%; 
		margin-right: 1% !important;
		display: inline-block;
	}
}

.leadership .inner .col-lg-6 {
	margin-bottom: 10px;
}
/* Tribal Programming CSS */

.np .inner {
    max-width:850px;
}
html .content .green-light-header h2 {
  font-size: 44px;
  color: rgb(85, 94, 81);
  font-style: italic;
  font-weight: 100;
  font-weight: 300;
}

.rounded-rectangle {
  border-radius: 10px;
  background-color: rgba(182, 188, 156, 0.2);
  padding: 30px;
  margin-bottom: 30px;
}

.kai-ready {
	font-size: 1.5rem;
	color: var(--primary1);
	text-align: center;
	font-weight: 400;
}

.careers-template .btn,
.np .btn {
	font-size: 1.6rem;
	font-weight: 400;
}

.np p, .np li {
	font-family: 'Open Sans', sans-serif;
}

.np ul {
  list-style: none; /* Remove default bullets */
  margin-left: 0; /* Also needed for space (tweak if needed) */
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.np ul li {
	font-size: 19px;
}
.np .col-lg-9 ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--primary1); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1rem; /* Also needed for space (tweak if needed) */
  font-size: 20px;
  
}

.np ol li {
	color: #535749;
	font-weight: 600;
	font-size: 19px;
	line-height: 2;
}

.np img {
	max-width: none;
}

header .sf-menu > .last.level-1 a {
	background:var(--primary1);
	color: white !important;
	padding: 5px 10px;
}

header .sf-menu > .last.level-1 a:hover {
	color: var(--primary1) !important;
}
.capabilities-slide {
	width: 90%;
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	align-items: flex-start;
}

@media (max-width: 1280px) {
	.capabilities-slide {
		width: 100%;
	}
}
.capabilities-slide a.btn:hover:before {
	background: #A3A883 !important;
}

.capabilities-slide a.btn:hover {
	background: #61303C;
}
@media (min-width: 768px) {
	.rounded-rectangle .grid {
		display: grid;
		grid-template-columns: 0.3fr 1fr;
	}
}
@media (min-width: 768px) {
	.prevention-wellness{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}