/* Custom Responsive Pages - Branch specific styles */

/* base custom styles from FDD, modified to include cards and large videos, SKB */


.marker::after {

    display: block;
    border-bottom: 5px solid #ffbf00;
    margin: .3em 0 .75em;
    width: 40px;
    content: "";

}

.key-message-block {
 	padding:32px 24px 24px;
  	background-color:#f7f7f7;
    text-align:center;
}

 .panel-body .key-message-block h2 {
    font-size: 1.5em;
    margin-top:0;
   	margin-bottom:.5rem;
}

 .panel-body .key-message-block p {
    font-size: 1.1em;
}

@media (min-width:576px) {
  
	.key-message-block {
 		padding-left:64px;
    	padding-right:64px;
	}
    .panel-body .key-message-block h2 {
    	font-size: 1.8em;
	}

 	.panel-body .key-message-block p {
   		font-size: 1.3em;
   		line-height:1.5;
	}
   
}  

/* mural images styles */

.mural {
  z-index: 10; 
  position: relative;
}

/* special targeting styles to resize images, large icons hide button links in sidebar */

@media (min-width:530px) {
.maincol img.resize {
  width:33% }
}

  
@media (min-width:361px) and (max-width:530px) {
.maincol.col-66percent img.img-responsive-left.resize, 
.maincol.col-66percent img.img-responsive-right.resize {
    max-width: 100%;
    width:100%;
    height: auto;
    float:none;
}  
} 
  
.maincol.col-66percent img.img-responsive-left.resize-sm {
      max-width: 70%;
      width:100%;
	  height: auto;
      float:none;
}
  
@media (min-width:530px) {
.maincol.col-66percent img.img-responsive-left.resize-sm {
  width:26%;
  float:left; }
}

@media (max-width:360px) {
   .maincol.col-66percent img.img-responsive-left.large-icon {
    margin:auto;
    max-width:60%;
}
}
  
@media (min-width:361px) and (max-width:530px) {
.maincol.col-66percent img.img-responsive-left.large-icon {
    margin:auto;
    float:none;
}  
}  
  
.sidebar .hide-in-sidebar {
  display:none
}
  
 
/* admin team contact styles */

p.contact-item {
  margin:0 8px 32px 8px;
}

span.contact-name { 
    background-color:#eceff3;
  	padding: 2px 8px;
	display: block;
	margin: 8px -8px;
}
  

/* anchor link fix for sticky header and nav */


span[id] {
	padding-top: 170px;  /* fixed header and nav height */
	margin-top: -170px;  /* negative margin to negate padding */
	/* display: inline-block; required for webkit browsers */
	vertical-align: top;
}

a[href^="mailto:"]  /* testing for email URL break */
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  /* -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; */
}

/* kicker or eyebrow style for heading, applied with span tag */

.eyebrow {
    font-size: .95em;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding-bottom: 0;
    margin-bottom:.5rem;
	font-weight: 600;
	color: #667d9d;	
}

h1 span.eyebrow {
  font-size:.65em;
}

span.eyebrow {
  display:block;
}

/* Hyphens */

p {
  hyphens:manual;
}

/* Participate in a study graphic styles */

 
.graphic-border {
border: 3px #fff solid;
border-radius: 50%;
transition: all 0.3s ease 0s;
}

.graphic-border:hover {
border-color: #deb31a;
transform: scale(1.02);
}


/* ===================================== 
         Box Styles
======================================== */

/* research PI boxes plus others */

.box-item {				
    padding: 20px;   
 	overflow:hidden;
}

.border-blue { border:1px solid #ccd4e0 }
.border-yellow-40 { border:1px solid #f0dd99 }
.border-yellow-100 { border:1px solid #ffbf00 } /* new gold */

.bg-blue-5 {background-color: #eceff3 }
.bg-blue-90 {background-color: #033266 }	/* new blue */
.bg-gray-5 {background-color: #f7f7f7 }
.bg-gold-10 {background-color: #fbf6e5 }
.bg-gold-20 {background-color: #f8eecc }	
.bg-gold-30 {background-color: #f4e5b2 }
.bg-gold-100 {background-color: #ffbf00 }  /* new gold */
           

.panel-body .box-item.bg-blue-90 h3,
.box-item.bg-blue-90 p,
.box-item.bg-blue-90 p a,
.panel-body p.bg-blue-90  {
  color: #ffffff;
}
              
.panel-body .box-item.bg-blue-90 p a  {
  color: #ffffff;
  	text-decoration: underline;
	-webkit-text-decoration-color: rgba(250, 250, 250, 0.5); /* Safari */   
	text-decoration-color: rgba(250, 250, 250, 0.5);
}   

.panel-body .box-item.bg-blue-90 p a:hover,
.panel-body .box-item.bg-blue-90 p a:focus  {
	-webkit-text-decoration-color: rgba(250, 250, 250); /* Safari */   
	text-decoration-color: rgba(250, 250, 250);
}              
              
.box-item hr {
  border-color:#ccd4e0;
}
  
              
/* research page PI boxes and images */
              
.col-33percent-sm.left-pad .box-item.bg-blue-5 .img-responsive {
    display: block;
    height: auto;
    max-width: 35%;
    float: right;
    margin-left: 15px;
}
 
.col-33percent-sm.left-pad .box-item.bg-blue-5 p:after {
   content: "";
   display: table;
   clear: both;
	} 
              
@media (max-width:530px) {              
	.col-33percent-sm.left-pad .box-item.bg-blue-5 {
 	 margin: 30px -20px;
	}
  
    .col-33percent-sm.left-pad .box-item.bg-blue-5 .img-responsive {
    max-width: 25%;
    margin-left: 10px;
    margin-right:20px;
}
}               
          
@media (max-width:767px) and (min-width:531px) {
   .col-33percent-sm.left-pad .box-item.bg-blue-5 {
    	margin:30px 0; 
	}
   .col-33percent-sm.left-pad .box-item.bg-blue-5 .img-responsive {
    float: left;
    margin-right: 20px;
	margin-left: 0px;
	}
}
             
@media (min-width:768px) {
   .col-33percent-sm.left-pad .box-item.bg-blue-5 {
    margin-top:20px; 
	}
}
               
              


/* ===================================== 
         Navigation Overrides
======================================== */


/* primary nav edits */
.navtop .glyphicon-minus {display:none}

/* Secondary nav edits */

#secondary-nav .navbar-brand {
    padding: 10px 20px;
    font-size: 1.1em;
}
.secondary-menu-desktop #secondary-nav {
    margin-bottom: 30px;
}
.secondary-menu-desktop #secondary-nav .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
}

/* ===================================== 
         General Type Styles
======================================== */

.page-header h1,
.detailpage .page-header h1 {
	font-size: 1.3em;
	line-height: 1.2;
	color: #002855;
	font-weight: 500;
    margin-bottom:25px;
}

.landingpage .page-header h1 {
  margin-top:30px !important;
}

.panel-body h1 {
	display: none !important;
}

#bio-detail .panel-body h1 {
	display: block !important;
}

.panel-body h2, 
.panel-heading h2, 
.maincol .panel-plain > .panel-heading h2,
.detailpage .maincol .panel-plain > .panel-heading h2 {
	font-size: 1.5em;
	line-height: 1.3;
	color: #1A3E68;
	font-weight: 500;
}

.detailpage .maincol .panel-default > .panel-heading h2,
.detailpage .maincol .panel-plain > .panel-heading h2,
.detailpage .maincol .panel-variation-2 > .panel-heading h2  {
  padding-bottom:.425em;
  margin-bottom:0;
}

.sidebar .panel-plain > .panel-heading h2, 
.sidebar .panel-default > .panel-heading h2, 
.sidebar .panel-variation > .panel-heading h2,
.detailpage .sidebar .panel-plain > .panel-heading h2, 
.detailpage .sidebar .panel-default > .panel-heading h2, 
.detailpage .sidebar .panel-variation > .panel-heading h2 {
	font-size: 1.1em;
	line-height: 1em;
}

.sidebar .panel-title {
    font-weight:600;
	line-height: 1.1em;
}

.panel-body h3 {
	font-size: 1.4em;
	line-height: 1.2;
	color: #1A3E68;
	/* font-weight: 600; */
}
                    
.panel-body h3.smallbold {
    font-size: 1.125em;
    color: #333;
    font-weight: 700;
    margin-bottom: 8px;                
}              
                    
.panel-body h4 {
	font-size: 1.3em;
	line-height: 1.1;
	color: #335379;
	font-weight: 600;
}


.panel-default > .panel-heading a, .panel-body h2 a, .panel-body h3 a, .panel-body h4 a  {
	color: #1a3e68;
}

/* hyperlink styles */
.panel-body p a, 
.panel-body li a {
	color: #1a3e68;
	font-weight: 500;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(0, 40, 85, 0.25); /* Safari */   
	text-decoration-color: rgba(0, 40, 85, 0.25);
}

.panel-body p strong a, 
.panel-body li strong a {
  	font-weight:600;
}

.panel-body p a.bold,
.panel-body li strong a.bold  {
    font-weight:700;
}

.panel-body p a:hover, 
.panel-body li a:hover {
	color: #007991;
}
.panel-variation-4 .panel-body p a, 
.panel-variation-4 .panel-body li a {
	color: #1a3e68;
}

.panel-variation-4 .panel-body p a:hover, 
.panel-variation-4 .panel-body p a:focus,
.panel-variation-4 .panel-body li a:hover,
.panel-variation-4 .panel-body li a:focus  {
	color: #007991;			/* New April 2019 */
}

@media (min-width: 768px) {
.panel-body p a[href^="tel"],
.panel-body li a[href^="tel"],
.panel-body p a[href^="tel"]:hover, 
.panel-body li a[href^="tel"]:hover   {
    text-decoration: none;
    cursor: default;
  	color:#1a3e68;
}
}


/* ===================================== 
         Card Styles
======================================== */

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem;  }

.card > hr {
    margin-right: 0;
    margin-left: 0; }
                   
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.panel-body h3.card-title {
    font-size: 1.3em;
    color: #333;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-tag {
	font-size:.95em; 
	color:#666666;
}

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5; }

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f7;
  border-top: 1px solid #e5e5e5; }

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%; 
  height:auto }

.card-img-top.sky-blue { border-bottom: 7px solid #00B5E2; }
.card-img-top.grass-green { border-bottom: 7px solid #78BE20; }
.card-img-top.poppy-orange { border-bottom: 7px solid #ed8b00; }
.card-img-top.winegrape-purple { border-bottom: 7px solid #642667; }
.card-img-top.recpool-blue { border-bottom: 7px solid #008EAA; }
.card-img-top.redbud-pink { border-bottom: 7px solid #c6007e; }

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck .card {
  margin-bottom: 15px; }

.card-deck .card.span-2-cards {
  flex-grow:2
}
                           
.card-deck p.card-title {			/* special style for trainee cards */
    margin-bottom: 0;
    margin-left: -12px;
    margin-right: -12px;
    line-height: 1.15;
    margin-top: -4px;
}
                           
img.fixed-width {		
  max-width:150px;
}                           
                           

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
  
  .card-deck .card {
      flex: 1 0 0%;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px; } 
}
                            

                          
                            
  /* color themes */
                            
                            
.light-theme .card {			/* light gray */
  background-color: #f7f7f7;
  background-clip: border-box;
  border: 1px solid #CCD4E0;
  border-radius: 0.25rem;  }
                            
.light-theme .card.light-yellow {
    background-color: #f8eecc;
    background-clip: border-box;
    border: 1px solid #ECD47F;
    border-radius: 0.25rem;
}     
                            
.card-deck.no-borders .card {
  border:transparent;
}

 .card-deck.gutters {
    margin-right: 0;
    margin-left: 0;
}                           
                            
                            
  /* horizontal cards */                     
                            
.horizontal-cards.border-bottom .card {
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom: 1px solid #CCD4E0;
  padding-bottom:
}
                            
.horizontal-cards .card-body { 
  padding-top:0;
}

.panel-body .horizontal-cards h3.card-title  {
  margin-top:4px;
  font-size: 1.1em;
  font-weight:700;
}
                                
                            
.horizontal-cards .col-16percent-sm {
  padding-right:0;
}
                            
 @media (max-width:767px) {
   .horizontal-cards .col-83percent-sm {
     padding-left:0;
     padding-right:0;
   }
   
   .panel-body .horizontal-cards h3.card-title  {
  	margin-top:8px;
   }
 }
                            
                            
 
/* ===================================== 
         Video Styles
======================================== */

.overlay {
    background-image: url("/global/images/icons/play-icon.svg");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 7.5rem;
    opacity: 0.8;

}
.video .overlay {
    width: 100%;
    height: 45%;
    position: absolute;
	top:0;
}

.video:hover .overlay {
	opacity: 0.95;
	cursor: pointer;
}




/* ===================================== 
         Base Panel Styles
======================================== */
.panel {
	margin-bottom: 30px;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-default,
.panel-plain,
.panel-variation,
.panel-variation-2,
.panel-variation-3,
.panel-variation-4 {
	border: none;
}
.panel-heading {
	padding: 0;
	border: none;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom: 0;
	background: none;
}
.panel-body {
	padding: 0;
}

.panel-body hr:last-child {
	margin-bottom:0;
}

.maincol .panel:last-child {
margin-bottom:30px }

.tab-content ul li, 
.panel-body ul li,
.tab-content ol li,   
.panel-body ol li   {
    margin-bottom:.625em;
}

.panel-body ul li ul,
.panel-body ol li ol {
    margin-top:.625em;
}
  

.col-66percent.maincol .panel-variation .panel-body p:last-child,
.col-66percent.maincol .panel-variation-2 .panel-body p:last-child,
.col-66percent.maincol .panel-variation-3 .panel-body p:last-child,
.col-66percent.maincol .panel-variation-4 .panel-body p:last-child, 
.col-33percent.sidebar .panel-variation-2 .panel-body p:last-child,
.col-33percent.sidebar .panel-variation-3 .panel-body p:last-child,
.col-33percent.sidebar .panel-variation-4 .panel-body p:last-child {
	margin-bottom: 5px;
}
                            

/* ===================================== 
            ACCORDION STYLES
======================================== */

.panel-group .panel {
    margin-bottom: 8px;
    border-radius: 0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}
.panel-group .panel-default {
    padding: 0;
    border-color: #ccd4e0;
}
.panel-group .panel-default > .panel-heading {
    background: #ccd4e0;
    padding: 0;
}
.panel-default > .panel-heading a:hover, 
.panel-default > .panel-heading a:focus {
    background-color: #ccd4e0;
  }
.panel-group .panel-default > .panel-heading h2  {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0;
    padding: 12px 20px;
    border: none;
}
.panel-group .panel-default .panel-body{
    background: #ffffff;
    padding: 10px 20px;

}
                            
                            
/* ===================================== 
         Panel Color Styles
======================================== */

/* Default and Plain */
.panel-default > .panel-heading,
.panel-plain > .panel-heading {
	background: none;
}

.panel-default > .panel-body,
.panel-plain > .panel-body {
	background: none;
}

/* Variations */

.panel-variation {
  	background: #f7f7f7;
}

.panel-variation > .panel-heading {
	background: #ccd4e0;
	padding: 10px 25px;
  	color:#1a3e68;
}

.panel-variation .panel-body,
.panel-variation-5 .panel-body {
	padding: 20px 25px;
}

.panel-variation-2,
.panel-variation-3,
.panel-variation-4,
.panel-custom {
	padding: 25px;					/* changed from 20px for top and bottom */
}

.panel-variation-2  {
	background: #f7f7f7;
}
.panel-variation-2 > .panel-heading {
	background: none;
}
.panel-variation-3 {
	background: #f8eecc;   /*#fbf6e5 */
	border: 1px solid #e9cc66;
}
.panel-variation-3 > .panel-heading {
	background: none;
}
.panel-variation-4 {
	background: #e5e9ef; 
	border: 1px solid #ccd4e0;
}
.panel-variation-4 .panel-body {
	background: none;
}
.panel-variation-4 > .panel-heading {
	background: none;
    color: #1a3e68;			/* New Apr 2019 */
}                         
 
.panel-variation-4 .feature {
    font-size:.95em;
	text-transform:uppercase }                           
                            
.panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus,
.panel-plain > .panel-heading a:hover, .panel-plain > .panel-heading a:focus,
.panel-variation > .panel-heading a:hover, .panel-variation > .panel-heading a:focus,
.panel-variation-2 > .panel-heading a:hover, .panel-variation-2 > .panel-heading a:focus,
.panel-variation-3 > .panel-heading a:hover, .panel-variation-3 > .panel-heading a:focus,
.panel-variation-4 > .panel-heading a:hover, .panel-variation-4 > .panel-heading a:focus {
	background: none;
	padding: 0;
	margin: 0;
}
                            
                            
.panel.panel-variation-5 {
	margin-bottom:0
}                            

.col-66percent.maincol .panel-variation-5 .panel-body .row {
	background-color:#f7f7f7;
    margin: 0 -25px 30px -25px;
    padding: 30px 20px 10px;
} 
                            
.panel-variation-5 .col-33percent-sm img.img-responsive {                        
    padding-bottom: 8px;
}                             
                            
@media (min-width:768px) {                            
.panel-variation-5 .col-33percent-sm img.img-responsive {                        
    padding-right: 10px;
    padding-top: 6px;
}  
}


/*  custom panel */

.panel-custom .feature {
    font-size:.95em;
	margin-bottom:-15px;
	text-transform:uppercase }

.panel-custom hr {display:none}

.panel-custom {
	background: #f7f7f7;
}

@media (min-width:767px) {
.panel-custom .col-divider-right {
  text-align:right;
  border-right: 1px solid #ccd4e0; 
  padding-right: 25px; 
  margin-right: 10px;
}
}

.panel-custom .panel-body h2 {
  margin-bottom:10px;
}

.panel-custom .panel-heading h2 {				/* new april 2020 */
	margin-top:.5rem;
}

.panel-custom .panel-body h3 {					/* new april 2020 */
    margin-top:2rem;
	margin-bottom:1rem;
}

.panel-custom .panel-body ul li {
  margin-bottom:0;
}

.panel-custom .btn {white-space:normal}


@media (min-width:768px) {
.custom-panel .col-66percent-sm {
    padding-right: 25px;
	width:70% }  

.panel-custom .col-33percent-sm.left-pad {
    border-left: 1px solid #b2bdcf;
    padding-left: 25px;
    width: 29%;
}
}
  

/* ===================================== 
   Full width home page style overrides
======================================== */
@media (max-width:767px) {
  .wide-marquee {
        overflow: hidden;
  }
  
  .wide-marquee img {
    width: 140%;
    margin-left: -20%;
}
}


@media (min-width:768px) {
.wide-marquee-overlay h1 {
        font-size: 1.5em;
    }
}

@media (min-width:1280px) {
    .wide-marquee-overlay h1 {
        font-size: 1.9em;
    }
}

.content-wCallout-box p {
  font-size:1.125em;
}

.panel-body .fullwidth-callout-container h3 {
  font-size:1.5em;
}

.fullwidth-callout-container p {
  font-size:1.125em;
}

.fullwidth-callout-btn {
  border-radius:0;
  padding:10px 32px;
}

.fullwidth-callout-container img {
margin-top:20px;
}

@media (max-width:990px) and (min-width:476px) {
  .content-wCallout-text.col-66percent-sm,
  .content-wCallout-box.col-33percent-sm {  
     width:100%;
     margin-bottom:30px;
  }
  .content-wCallout-hr-bottom {display:none
  }
}
  
.features-news-card .video-thumbnail .overlay {
    top: 30%;
    left: 25%;
}                                  
                            
/* ===================================== 
         Landing page styles
======================================== */                                
                                
section.landingpage .slide-item-caption h1 {    /* new march 2021 */
    font-size: 1.5em;
    font-weight: 400 !important;
}                                
                                


/* rows and columns in panels */
.row h3.rowheader {
    font-size: 1.5em;
    margin-top: 30px;
    border-top: 1px solid #ccd4e0;
    padding-top: 20px;
}


/* ===================================== 
            Testimonials
======================================== */


.testimonial-head {
    font-size: 1.4em;
    color: #1a3e68;
    font-weight: 600;
    padding-bottom: 20px;
}
  
  
.testimonial {
	padding:15px;
}

.testimonial p.headline {
  color: #1a3e68;
  font-size: 1.125em;
  line-height: 1.5em;
}

.maincol .panel-plain > .panel-heading h2.testimonial {
  font-size:1.6em;
  margin-bottom:-10px;
}

.testimonial img.img-responsive-left {
	margin-right:30px;
	margin-bottom:30px;
}
  
.testimonial img.img-responsive-left.img-sm {
    margin-right: 20px;  
}

.testimonial img.img-responsive-right {
    margin-left:0;
	margin-bottom:15px;
}

.testimonial .quote-left,
.testimonial .quote-right  {
    display: block;
    position: relative;
    z-index: 2;
}

.testimonial .quote-left::before,
.testimonial .quote-right::before  {
    color: #ffffff;
    content: '\201C';
    position: absolute;
    font-size: 9em;
    z-index: -1;
    margin-left: -25px;
    line-height: .5;
}

.testimonial.blue .quote-left::before,
.testimonial.blue .quote-right::before  {
	color:#e5e9ef;
}

@media (max-width:413px) {
  .testimonial .img-responsive-left,
  .testimonial .img-responsive-right  {
    float:none;
  }
}
@media (min-width:414px) {
  .testimonial img.img-responsive-right {
	margin-left:30px;
	margin-bottom:30px;
    }
}

.profile-image,
.profile-body {
  margin-left:15px
}

@media (max-width:530px) {
  .profile-image .img-responsive-left {
    float:none;
  }
}

@media (min-width:531px) {
.profile-body {
  margin-left:175px;
}
}
                   
 /* decorative quote */
                   
p.quote-left  {
    display: block;
    position: relative;
    z-index: 2;
}                   
                   
p.quote-left::before {
    color: #cdd4e0;				
    content: '\201C';
    position: absolute;
    font-size: 9em;
    z-index: -1;
    margin-left: -25px;
    line-height: .5;
}                  


/* ===================================== 
            SIDE BAR STYLES
======================================== */


.col-33percent.sidebar .panel-heading {
	padding: 15px 20px;
}

.col-33percent.sidebar .panel-body {
  padding: 20px 20px;
}

.col-33percent.sidebar .panel-body.event-feed {
    padding: 20px 10px;
}
.col-33percent.sidebar .panel-plain .panel-heading {
	padding: 0;
}
.col-33percent.sidebar .panel-plain .panel-body {
  padding: 0;
}

/* Default */

.col-33percent.sidebar .panel-default > .panel-heading {
	background: #f7f7f7;
	padding: 20px 25px 0;
}
.col-33percent.sidebar .panel-default > .panel-body {
	background: #f7f7f7;
}

/* Variation */
.col-33percent.sidebar .panel-variation > .panel-heading {
	background: #ccd4e0;
}
.col-33percent.sidebar .panel-variation > .panel-body {
	background: #f7f7f7;
}

  
/* Variation 2 */
.col-33percent.sidebar .panel-variation-2 > .panel-heading {
	background: #ccd4e0;
    padding:15px 20px;
}
.col-33percent.sidebar .panel-variation-2 > .panel-body {
	background: #fff;
}
 .col-33percent.sidebar .panel-variation-2 {
	border: 1px solid #ccd4e0;  
} 
                              
.sidebar .panel-variation-2 > .panel-heading h2 {
    font-size: 1.1em;
    line-height: 1em;
}
  
  
  
/* Overrides spacing of main column variation panels */
.col-33percent.sidebar .panel-variation,
.col-33percent.sidebar .panel-variation-2,
.col-33percent.sidebar .panel-variation-3,
.col-33percent.sidebar .panel-variation-4 {
	padding: 0;
}
/* .col-33percent.sidebar .panel-variation-2 .panel-heading, */
.col-33percent.sidebar .panel-variation-3 .panel-heading,
.col-33percent.sidebar .panel-variation-4 .panel-heading{
	padding: 20px 20px 0;
	margin-bottom: -15px;
}

.sidebar .panel-variation-4 .panel-heading h2.panel-title {				/* New May 2019 */
  font-size:1.1em;
}
  
                          
                               
.col-33percent.sidebar .panel-variation-4 .panel-body h2 {
	display: block;
 	font-size:1.1em;
  	line-height:1.1em;
}
                            
.col-33percent.sidebar .panel-variation-4 .panel-body h2.large1x {
    font-size: 1.4em;
}   
                            
 .col-33percent.sidebar .panel-variation-4 .panel-body h2.large2x {
    font-size: 1.6em;
}                             


/* ===================================== 
          General typography styles
======================================== */

strong {
    font-weight: 600;
} 

.text-primary {
	color: #1a3e68;
}

.mediumtext {
  font-size:1em;
}
  
.largetext {
  font-size:1.3em;
  line-height:1.4;
}
.large1x {
    font-size: 1.125em;
}

.large2x {
	font-size: 1.4em;
    line-height: 1.3em;
}
  
.panel-body h2.large2x {				/* check on this for other locations! */
  	font-size: 1.8em;
}
  

p.large1x.member-name {
	margin-top:20px;
	margin-bottom:0;
}

.emphasis {
  font-style: italic;
	color: #335379;
}

.link-arrow {display:none }
                   
  
/* ===================================== 
          Display utilities
======================================== */                   

.d-none {
  display:none;
}
                   
.d-block {
  display:block;
}
  
.d-inline {
  display:inline;
}
  
/* ===================================== 
          Images
======================================== */  
  
.img-responsive-left {				/* overrides 15px */
    margin-right: 20px; 
    margin-bottom:30px;
}
  
@media (max-width: 416px) {  
.img-responsive-left {
    width:100%;
    float: none;
    margin-right: 0;  
    margin-bottom:20px;
}
  
.img-responsive-left.img-circle {
    width:60%; }  
}
              
 /* hover effect */
              
.hover-effect {
  transition: all 0.4s ease 0.1s;
}

.hover-effect:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
              
   

/* ================================================== 
          Icons - bootstrap icons and glyphicons
===================================================== */

.bi.bi-bookmark {
  	color: #ffbf00;
	vertical-align: text-bottom;
}
              
.icon-indent {
  margin-left: 35px; 
  text-indent: -28px;
}
  
.glyphicon-chevron-right {
    color: #ffbf00;					/* new gold, was F99f00 */
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: .2rem;
  	margin-right: -20px;			/* new Mar 2021 */			
}

.large1x .glyphicon-chevron-right {
    padding-bottom: .5rem;
}

.glyphicon-download-alt {
    color: #007991;
    padding-left: 4px;
}

.glyphicon-download-alt:hover {
    color: #deb31a;
}

.glyphicon-earphone {
	color: #F99f00;
	padding-right: 6px;
	vertical-align: bottom;
    padding-bottom: .5rem;
} 
  
.glyphicon-map-marker,
.glyphicon-print  {
   padding-right:5px
}

@media (max-width:375px) {
.img-responsive-left.img-circle.img-mobile {
  	float:none;
}
}

.alert .img-responsive {
    max-width: 130px;
}

@media (min-width:1280px) {
.sidebar-content-wrapper {
margin-left:128px;
}
}

@media (min-width:768px) {
  .vrule-left {
   border-left: 1px solid #ccd4e0; 
   padding-left: 25px;
}
}


/* ===================================== 
          Column spacing styles
======================================== */

.row.no-gutters {
  margin-left:0;
  margin-right:0;
}

/* column padding styles */

@media (min-width:640px) {
.maincol.col-66percent {
	padding-left:25px;
	padding-right:25px;
}

.landingpage .maincol.col-66percent {
	padding-left:15px;
}
  
  
.sidebar.col-33percent {
	padding-right: 25px;
}
}

@media (min-width:640px) and (max-width:991px) {
.sidebar.col-33percent {
	padding-left:25px;
}
}

@media (min-width:860px) {
.maincol.col-66percent {
	margin-top:20px;
}
  
.landingpage .maincol.col-66percent {
	margin-top:10px;
}
  
.sidebar.col-33percent {
	margin-top:20px;
}  
  
.landingpage .sidebar.col-33percent {
	margin-top:11em;
}
}


@media (min-width:992px) {
.col-75percent.col-resizer {
	width:79%;
}
.col-25percent.col-resizer {
	width:21%;
}  
}


/* ===================================== 
            Button styles
======================================== */

.cta-btn {
    margin: 20px 0;
}

.cta-btn .btn {
  display:block
}

.cta-btn-group .btn {
    white-space: normal;
    padding: 15px 30px;
  	margin: 2rem 0;
}

.btn {
    border-radius:2px;
  	padding:8px 30px;
    text-decoration: none !important;
    letter-spacing: .01em;
    font-weight: 500 !important;
  	font-size:.95em;
	margin-bottom: 2rem;					/* new */
    white-space:normal;						/* new June 2021 for long text buttons */
}

@media (min-width:576px) {
.btn:first-child {							/* new */
	margin-right:1rem;
}
 .cta-btn .btn {
   display:inline-block
 }
} 


.btn.mb-0 {									/* new */
	margin-bottom:0;
}

.btn-sm {
    font-size: .75em;
}
.btn-lg {
    font-size: 1.25em;
}

/* default button */
.btn-default, p > a.btn-default /* sets styles for buttons wrapped in a p tag */ { 
    color: #ffffff;
    border: 2px solid #002855;
    background: #002855;
    transition: all 0.3s ease 0s;
}
.btn-default:hover, p > a.btn-default:hover, 
.btn-default:focus, p > a.btn-default:focus,
.btn-default:active, p > a.btn-default:active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #007991;
    border: 2px solid #007991;
}

/* primary button */
.btn-primary, p > a.btn-primary /* sets styles for buttons wrapped in a p tag */ {
    color: #000 !important;
    background: #ffc519;
    border: 2px solid #ffc519;
    transition: all 0.3s ease 0s;

}
.btn-primary:hover, a.btn-primary:hover, 
.btn-primary:focus, p > a.btn-primary:focus,
.btn-primary:active, p > a.btn-primary:active,
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background: #007991;
    border: 2px solid #007991;
}

/* info button */
.btn-info, p > a.btn-info /* sets styles for buttons wrapped in a p tag */ {
    color: #002855;
    text-decoration: none;
    background: none;
    border: 2px solid #002855;
    transition: all 0.3s ease 0s;
}
.btn-info:hover, a.btn-info:hover,
.btn-info:focus, a.btn-info:focus,
.btn-info:active, p > a.btn-info:active,
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    color: #fff !important;
    text-decoration: none;
    background: #002855;
    border: 2px solid #002855;
}

/* link button */
.btn.btn-link, p > a.btn.btn-link /* sets styles for buttons wrapped in a p tag */ {
    color: #002855;
    font-size:1em;
    text-decoration: underline !important;  /* new Apr 2021 */
    -webkit-text-decoration-color: rgba(0,121,145,0.25); /* Safari */   
	text-decoration-color: rgba(0,121,145,0.25);
    background: none;
    border: none;
    transition: all 0.3s ease 0s;
    padding: 8px 0 0;
 	white-space:normal;
    text-align:left;
}

.btn-link:after {
  		display: inline-block;
  		content: url("data:image/svg+xml,<svg viewBox='0 12 18 16' width='16' height='32' fill='%23ffbf00' stroke='%23ffbf00' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z'/></svg>");
 		padding-left:0.125rem;
		vertical-align: middle;
		width:1.25rem;
		height:1.6rem;
		margin-right: -1rem;
		}


.btn.btn-link:hover, a.btn.btn-link:hover,
.btn.btn-link:focus, a.btn.btn-link:focus,
.btn.btn-link:active, p > a.btn.btn-link:active,
.btn.btn-link.active {
    color: #007991 !important;
    text-decoration: underline !important;
    -webkit-text-decoration-color: rgba(0,121,145,1); /* Safari */   
	text-decoration-color: rgba(0,121,145,1);
}   


/* ===================================== 
        Panel Body Pullquote Styles
======================================== */
.panel-body .pullquote_left, 
.panel-body .pullquote_right {
    display: block;
    width: 100%;
    max-width: 100%;
    margin:30px 0;
    font-size: 1.5em;
    line-height: 1.35;
    font-weight: 500;
    color: #1a3e68;
    padding: 0;
    background: none;
	border: none;
}
.panel-body .pullquote_left:before, 
.panel-body .pullquote_right:before {
    display: block;
    border-top: 5px solid #ccd4e0;
    margin: 0 0 .5em;
    content: "";
}


@media (min-width:480px) {

.panel-body .pullquote_left, 
.panel-body .pullquote_right {
    max-width: 280px;
}
.panel-body p.pullquote_left,
.panel-body div.pullquote_left  
  {
    margin: 20px 30px 30px 0;
}
.panel-body p.pullquote_right,
.panel-body div.pullquote_right {
    margin: 20px 0 30px 30px;
}
}


/***********************/
/**** large videos *****/
/***********************/


.video-box-large {
    position:relative;
} 

.video-box-large .overlay {
	width: 100%;
	height: 60%;
	position: absolute;
	top:0;
	left:0;
    opacity: .7;
    background-size: 75px 75px;
	background-position: 50% 50%;
}

.video-box-large .overlay:hover {
opacity:1;
}

@media (max-width:375px) {
.video-box-large .overlay {
	height: 45%;
}
}

@media (min-width:768px) {
.video-box-large .overlay {
	top:20%;
    background-size: 90px 90px;
}
}

@media (min-width:1300px) {
.modal-dialog {
    width: 1280px;
}
}


/* ===================================== 
        Panel Body Box Styles
======================================== */
.panel-body .box_left, 
.panel-body .box_right {
    width: 100%;
    max-width: 280px;
    padding: 20px;
    line-height: 1.5em;
    display: block;
    color: #1a3e68;
    background: #fbf6e5;
    border: 1px solid #edc47f;
} 
.panel-body p.box_left {
    margin: 5px 20px 5px 0;
}
.panel-body p.box_right {
    margin: 5px 0 5px 20px;
}

/* ===================================== 
        Table Styles
======================================== */
 th {
    background-color: #ccd4e0;
}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
border: 1px solid #b2bdcf;
}

.table tbody > tr > th,
.table tbody > tr > td {
    padding: 15px 18px;
}

/* ===================================== 
        Pagination
======================================== */

.panel-body ul.pagination li {
    background-image: none;
    margin-left: 0;
    padding-left: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin: 0 4px;
  line-height: 1.42857143;
  color: #1a3368;
  text-decoration: none;
  background-color: #ccd4e0;
}

.pagination > li.previous > a,
.pagination > li.next > a {
  background-color:transparent
}
.pagination > li.previous > a:hover,
.pagination > li.previous > a:focus,
.pagination > li.next > a:hover,
.pagination > li.next > a:focus  {
color: #1a3e68;
background-color: #f7f7f7;
}


.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #4d688c;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  cursor: default;
  background-color: #4d688c;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 8px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}



/* ===================================== 
				Borders 
======================================== */

.bt-blue-20 { 
  border-top:1px solid #ccd4e0;
            } 

.bt-gold-60 { 
  border-top:1px solid #e9cc66;
            } 

@media (min-width:768px) {
	.br-md-blue-20  { border-right:1px solid #ccd4e0;} 
    .bt-md-0  { border-top:none };               
}
  

@media (min-width:992px) {
	.br-lg-gold-60  { border-right:1px solid #e9cc66;} 
    .bt-lg-0  { border-top:none };               
}
  

/* ===================================== 
				Spacing 
======================================== */

  /* eventually remove this next set to match up with new */
  
.mt-16 { margin-top:16px }  
.mb-20 {   margin-bottom:	1.25rem; }
.mb-30 {   margin-bottom: 1.875rem; }
.mb-40 {   margin-bottom: 2.5rem; }
  
  /* new */
  
.mb-0  { margin-bottom: 0 !important; }  
.mb-1  { margin-bottom:	4px; }		/* .25rem based on 16px/1rem spacer base in b4.4 */
.mb-2  { margin-bottom:	8px; }		/* .5rem */
.mb-3 { margin-bottom:	16px; }		/* 1rem */
.mb-4 { margin-bottom:	24px; }		/* 1.5rem */
.mb-5 { margin-bottom:	32px; }		/* 2rem */
.mb-6 { margin-bottom:	48px; }		/* 3rem */
 
  
.mt-0  { margin-top: 0; }
.mt-1  { margin-top: 4px; }
.mt-2  { margin-top: 8px; }
.mt-3  { margin-top: 16px; }
.mt-4  { margin-top: 24px; }
.mt-5  { margin-top: 32px; }
.mt-6  { margin-top: 48px; }  
  
.mx-0  { margin-left: 0; margin-right: 0 }
.mx-2  { margin-left: 8px; margin-right: 8px; }
.mx-3  { margin-left: 16px; margin-right: 16px; }
.mx-4  { margin-left: 24px; margin-right: 24px; }
.mx-5  { margin-left: 32px; margin-right: 32px; }
.mx-6  { margin-left: 48px; margin-right: 48px; }
  
.ml-0  { margin-left: 0 }
.ml-1  { margin-left: 4px }  
.ml-2  { margin-left: 8px }
.ml-3  { margin-left: 16px }
.ml-4  { margin-left: 24px }
.ml-5  { margin-left: 32px }
.ml-6  { margin-left: 48px }  
  
.mr-0  { margin-right: 0 }
.mr-1  { margin-right: 4px; }  
.mr-2  { margin-right: 8px; }
.mr-3  { margin-right: 16px; }
.mr-4  { margin-right: 24px; }
.mr-5  { margin-right: 32px; }
.mr-6  { margin-right: 48px; }  
  
.mx-n1  { margin-left: -4px; margin-right: -4px; }  
.mx-n2  { margin-left: -8px; margin-right: -8px; }
.mx-n3  { margin-left: -16px; margin-right: -16px; }
.mx-n4  { margin-left: -24px; margin-right: -24px; }
.mx-n5  { margin-left: -32px; margin-right: -32px; }
.mx-n6  { margin-left: -48px; margin-right: -48px; }   
 
.mt-n3  { margin-top: -16px; }
.mt-n4  { margin-top: -24px; }
.mt-n5  { margin-top: -32px; } 
.mt-n6  { margin-top: -48px; }   

.mb-n1  { margin-bottom: -4px; }  
.mb-n2  { margin-bottom: -8px; } 
.mb-n3  { margin-bottom: -16px; }
.mb-n4  { margin-bottom: -24px; }
.mb-n5  { margin-bottom: -32px; }
.mb-n6  { margin-bottom: -48px; }  

.p-0  { padding: 0; }
.p-1  { padding: 4px; }
.p-2  { padding: 8px;}
.p-3 { padding: 16px; }
.p-4 { padding: 24px; }
.p-5 { padding: 32px; }
.p-6 { padding: 48px; }  

.pt-0  { padding-top: 0; }  
.pt-1  { padding-top: 4px; }		
.pt-2  { padding-top: 8px; }		
.pt-3 { padding-top: 16px; }			
.pt-4 { padding-top: 24px; }		
.pt-5 { padding-top: 32px; }		
.pt-6 { padding-top: 48px; }  
  
.pb-0  { padding-bottom: 0; }  
.pb-1  { padding-bottom: 4px; }		
.pb-2  { padding-bottom: 8px; }		
.pb-3 { padding-bottom:	16px; }			
.pb-4 { padding-bottom:	24px; }		
.pb-5 { padding-bottom:	32px; }		
.pb-6 { padding-bottom:	48px; }	
  
.px-0  { padding-left: 0; padding-right: 0; }
.px-1  { padding-left: 4px; padding-right: 4px; }
.px-2  { padding-left: 8px; padding-right: 8px; }
.px-3 { padding-left: 16px; padding-right: 16px; }
.px-4 { padding-left: 24px; padding-right: 24px; }
.px-5 { padding-left: 32px; padding-right: 32px; }
.px-6 { padding-left: 48px; padding-right: 48px; }   
  
  
.py-0  { padding-top: 0; padding-bottom: 0; }
.py-1  { padding-top: 4px; padding-bottom: 4px; }
.py-2  { padding-top: 8px; padding-bottom: 8px; }
.py-3 { padding-top: 16px; padding-bottom: 16px; }
.py-4 { padding-top: 24px; padding-bottom: 24px; }
.py-5 { padding-top: 32px; padding-bottom: 32px; }
.py-6 { padding-top: 48px; padding-bottom: 48px; }    
 
  
 @media (min-width:576px) {
   
.pull-left-sm { float: left !important; }     
.pull-right-sm { float: right !important; }   
    .p-sm-0  { padding: 0; }
	.p-sm-1  { padding: 4px; }
	.p-sm-2  { padding: 8px; }
	.p-sm-3 { padding: 16px; }
	.p-sm-4 { padding: 24px; }
	.p-sm-5 { padding: 32px; }
	.p-sm-6 { padding: 48px; }   
    .px-sm-0  { padding-left: 0; padding-right: 0; }
	.px-sm-1  { padding-left: 4px; padding-right: 4px; }
	.px-sm-2  { padding-left: 8px; padding-right: 8px; }
	.px-sm-3 { padding-left: 16px; padding-right: 16px; }
	.px-sm-4 { padding-left: 24px; padding-right: 24px; }
	.px-sm-5 { padding-left: 32px; padding-right: 32px; }
	.px-sm-6 { padding-left: 48px; padding-right: 48px; }   
    .pr-sm-2 { padding-right: 8px }
    .pr-sm-3 { padding-right: 16px } 
    .pr-sm-4 { padding-right: 24px } 
   	.pr-sm-5 { padding-right: 32px }
    .pl-sm-2 { padding-left: 8px }
  	.pl-sm-3 { padding-left: 16px } 
    .pl-sm-4 { padding-left: 24px } 
   	.pl-sm-5 { padding-left: 32px } 
    .mr-sm-2 { margin-right: 8px }
    .mr-sm-3 { margin-right: 16px } 
    .mr-sm-4 { margin-right: 24px } 
   	.mr-sm-5 { margin-right: 32px }
    .ml-sm-2 { margin-left: 8px } 
  	.ml-sm-3 { margin-left: 16px } 
    .ml-sm-4 { margin-left: 24px } 
   	.ml-sm-5 { margin-left: 32px }
   
 }

 @media (min-width:768px) {
    .p-md-0  { padding: 0; }
	.p-md-1  { padding: 4px; }
	.p-md-2  { padding: 8px; }
	.p-md-3 { padding: 16px; }
	.p-md-4 { padding: 24px; }
	.p-md-5 { padding: 32px; }
	.p-md-6 { padding: 48px; }  
    .pr-md-2 { padding-right: 8px }
    .pr-md-3 { padding-right: 16px } 
    .pr-md-4 { padding-right: 24px } 
   	.pr-md-5 { padding-right: 32px }
    .pl-sm-2 { padding-left: 8px }
  	.pl-md-3 { padding-left: 16px } 
    .pl-md-4 { padding-left: 24px } 
   	.pl-md-5 { padding-left: 32px } 
    .mt-md-2 { margin-top: 8px } 
    .mt-md-3 { margin-top: 16px } 
    .mt-md-4 { margin-top: 24px } 
   	.mt-md-5 { margin-top: 32px }
    .mr-md-2 { margin-right: 8px } 
    .mr-md-3 { margin-right: 16px } 
    .mr-md-4 { margin-right: 24px } 
   	.mr-md-5 { margin-right: 32px }
    .ml-md-2 { margin-left: 8px }
  	.ml-md-3 { margin-left: 16px } 
    .ml-md-4 { margin-left: 24px } 
   	.ml-md-5 { margin-left: 32px }    
	.pull-left-md { float: left !important; }      
	.pull-right-md { float: right !important; }   
   
 }

 @media (min-width:992px) {
	.pl-lg-4 { padding-left: 24px } 
    .pl-lg-5 { padding-left: 32px } 
   	.pl-lg-6 { padding-left: 48px } 
	.pt-lg-0  { padding-top: 0; }  
	.pt-lg-1  { padding-top: 4px; }		
	.pt-lg-2  { padding-top: 8px; }		
	.pt-lg-3 { padding-top: 16px; }			
	.pt-lg-4 { padding-top: 24px; }		
	.pt-lg-5 { padding-top: 32px; }		
	.pt-lg-6 { padding-top: 48px; }  
}