/* h1 {font-size: 26px;}*/


.hboi-teal { background-color: #67ada9; border: 1px solid #67ada9; color: #ffffff; display: inline-block; }


.testimonial-quote {
    font-size: 16px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
   
    font-family: Georgia, serif;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box; 
}

.testimonial-quote blockquote p {
   
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}

.testimonial-quote .ite {
    
    display: block;
    font-size: .8em; 
}
  
.testimonial-quote .ite span {
    
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white; 
}

.testimonial-quote {
    position: relative; 
}

.testimonial-quote .quote-container {
    padding-left: 55px; 
}
  
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 88px; 
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right; 
}


.vid-ll-tt {margin: 0 0 20px 0; padding: 18px; background-image: linear-gradient(#d9e8fc, #baf7ef); border: 1px solid #cccccc; border-radius: 11px;}




.buttonnnn {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 18px 44px;
  text-align: center;
  text-decoration: none;
font-weight: bold;
  display: inline-block;
  font-size: 17px;
  margin: 17px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white; 
  color: #1b3e73; 
  border: 2px solid #008CBA;
}
					
					

.buttonnnn:hover { background-image: url("/hboi/research/images/water-moving.gif");
  background-color: #008CBA;
  color: white;
}	





.buttonn {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 22px 77px;
  text-align: center;
  text-decoration: none;
font-weight: bold;
  display: inline-block;
  font-size: 22px;
  margin: 22px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white; 
  color: #1b3e73; 
  border: 2px solid #008CBA;
}
					
					

.buttonn:hover { background-image: url("/hboi/research/images/water-moving.gif");
  background-color: #008CBA;
  color: white;
}				



.buttonnn {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 20px 50px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  margin: 20px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white; 
  color: #1b3e73; 
  border: 2px solid #008CBA;
}
					
					

.buttonnn:hover { background-image: url("/hboi/research/images/water-moving.gif");
  background-color: #008CBA;
  color: white;
}







.annotation {
    font-size: 16px;
	
    display: block;
    font-size: .8em; 
}

  
.annotation span {
   
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white; 
}

.annotation {
    position: relative; 
}



.big-thought {color: #3672de; font-weight: bold; font-size: 50px; line-height: 40px; padding: 55px; font-family: Arial, sans-serif;}
.spon {color: #3672de; font-weight: bold; font-size: 44px; line-height: 40px; padding: 55px 0 0 0; font-family: Arial, sans-serif;}
.spon-options {color: #00a497; font-weight: bold; font-size: 33px; line-height: 40px; padding: 22px 0 0 0; font-family: Arial, sans-serif;}
.yes {color: #00a497; font-weight: bold; font-size: 88px; line-height: 40px; padding: 22px 0 7px 0; font-family: Arial, sans-serif;}
.yess {color: #3672de; font-weight: bold; font-size: 44px; line-height: 40px; padding: 11px 0 0 0; font-family: Arial, sans-serif;}




.del {padding: 33px; background-image: linear-gradient(#baf7ef, #d9ecff); border: 1px solid #cccccc; border-radius: 25px;}

.dell {padding: 33px; background-color: #d9ecff; border: 1px solid #cccccc; border-radius: 25px;}


.options-sponsors {font-size:14px;}



		   .accordion-content row {
              	margin-top: 20px;
              }
		 
		   #accordion1 h3,
		   #accordion2 h3,
		   #accordion3 h3,
		   #accordion4  h3 {
		   		margin: 0;
		   		padding: .5em 0;
		   		border-top: 1px solid #036;
		   		border-bottom: 1px solid #036;
		   }
           .accordion-content img,
           .current-year img {
              	max-width: 150px;
           }
		   /* grid */
		   .section-wrapper .grid .item .icon { display: flex;align-items: center;justify-content: center;font-size: 10em;margin: 4rem 2rem; }
			.section-wrapper .grid .item span { width: auto; }
			.section-wrapper .grid .item {
				width: calc((100% / 4) - 2rem);
				margin-right: 2rem;
				margin-bottom: 2rem
			}
			@media screen and (max-width: 991px) {
				.section-wrapper .grid .item {
					width: calc((100% / 3) - 2rem);
				}

			}
			@media screen and (max-width: 640px) {
				 .section-wrapper .grid .item {
					width: calc((100% / 2) - 2rem);
					margin-right: .5em;
				}
			}