/** ********************************************** **
	@Website		learn.cityofhope.org
	@Last Update	Tuesday, October 3, 2023

	TABLE CONTENTS
	-------------------------------
		Globals
		Color Background/Foreground
    Site Header
		Footer
		Responsive
		DEVELOPMENT ONLY 
*************************************************** **/

/** Globals
 **************************************************************** **/

html {
  font-size: 16px;
} 

body {
  background-color: #fff!important;
  color: #373A36!important;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
}

html, body {
  height: 100%;
}

i, em {
  font-style: italic;
}
.list-margin {
  margin: 1rem 1rem 0.5rem .25rem;
}

.list-style-disc {
  list-style-type: disc;
}

.list-style-decimal {
  list-style-type: decimal;
}

.list-style-decimal > li {
  margin-bottom: 1rem;
}

.font-weight-bold > li > span {
  font-weight: lighter;
}

 span > strong {
  font-weight: bold;
}

.center {
  text-align: center;
}

a, a:hover, a:focus, a:active  {
  color: #0072CE;
}

a:hover {
  text-decoration: underline;
}

.bg-alternate a, a:focus, a:hover {
  color: #0072CE;
}





/* Custom default button */

.btn-primary, .btn-primary:focus {
  background-color: #0072CE;
  border-color: #0072CE;
  color: #fff;
  font-weight: bold;
  padding: 1.125rem 1.125rem;
  transition: all 0.3s;
}

.btn-primary:hover {
  background-color: #5BC2E7;
  border-color: #5BC2E7;
  transition: all 0.3s;
  text-decoration: none;
}

.btn-secondary, .btn-secondary:focus {
  background-color: #5BC2E7;
  border-color: #5BC2E7;
  color: #fff;
  font-weight: bold;
  padding: 1.125rem 1.875rem;
  transition: all 0.3s;
}

.btn-secondary:hover {
  background-color: #5BC2E7;
  border-color: #5BC2E7;
  transition: all 0.3s;
}

.btn-rounded {
  border-radius: 0.25rem;
}

/** Color Background/Foreground
 **************************************************************** **/

.bg-primary {
  background-color: #0072CE!important;
  
}

.bg-secondary {
  background-color: #5BC2E7!important;
}

.bg-alternate {
  background-color: #768692!important;
  /*E6EAF0*/
}

.bg-alternate-light {
  background-color: #D9D9D6!important;
}

.color-black {
  color: #373A36!important;
  
}

.color-gray {
  color: #7E7F74!important;
  
}

.color-white {
  color: #ffffff!important;
  
}

.color-primary {
  color: #0072CE!important;
  
}

.color-secondary {
  color: #5BC2E7!important;
}

.color-alternate {
  color: #E6EAF0!important;
}

.color-alternate-light {
  color: #D9D9D6!important;
/*f4f4f4*/
}

/** Card Border
 **************************************************************** **/

 .border-primary {
  border-color: #0072CE!important;
}

.border-secondary {
  border-color: #5BC2E7!important;
}

.border-success {
  border-color: #289728!important;
}

.border-danger {
  border-color: #DC3545!important;
}

.border-warning {
  border-color: #F1AB00!important;
}

.border-info {
  border-color: #696D6D!important;
}

.border-light {
  border-color: #E6EAF0!important;
}

.border-dark {
  border-color: #494949!important;
}


/** Site Header
 **************************************************************** **/
#llp-header {
  height: 8.8rem;
  display: flex;
  padding: 0;
}

#i-header {
  border: none;
  flex: 1;
  overflow:hidden;
  position: relative;
  width: 100%;
}

#small-screen-header {
  display: none;
}

@media (max-width: 61em) {
  #llp-header {
    height:auto;
  }

  #i-header {
    display: none;
  }

  #small-screen-header {
    border: none;
    display: flex;
    padding: 16px 0;
    align-items: flex-start;
    flex: 1;
    overflow:hidden;
    position: relative;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
  }

  #small-screen-header .logo {
    display: flex;
    margin: 0 3.75em 0 3.15em;
    min-width:154px;
    height:auto;
  }
}

.coh-refresh .container {
  max-width: calc(100% - 40px);
}

.coh-refresh .ref-header #ref-nav .container .nav-content .nav-links {
  padding-right: 0rem!important;
}


/** Site Footer
 **************************************************************** **/
 #llp-footer {
  background: #f6f7fb;
  /*height: 100%;*/
  display: flex;
  /*overflow: hidden;*/
  /*position: relative;*/
}

#i-footer {
  border: 0;
  flex: 1; 
  /*height: 1rem;*/
  overflow:hidden;
  /*left: 0;*/
  position: relative;
  /*top: 0;*/
  width: 1px;
  min-width: 100%;
  /*width: 100%;*/
}



/** Responsive
 **************************************************************** **/

/** DEVELOPMENT ONLY 
	DO NOT USE THIS CSS - USED FOR DEVELOPMENT PURPOSES ONLY!
 **************************************************************** **/


/*
 iframe, header, footer, div, p, nav, ul, li, span, img, h1, h2, h3, a, i {
  border: .03125rem solid orchid;
} 

*/