/* Responsive Pages - Branch specific styles */


/* 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;
}


/* ===================================== 
         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;
}

.panel-body h1 {
	display: none !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.4;
	color: #1A3E68;
	font-weight: 600;
}

.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;
}
/*
.detailpage .maincol .panel-variation > .panel-heading h2 {
    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 h4 {
	font-size: 1.3em;
	line-height: 1.1;
	color: #335379;
	font-weight: 600;
}

.col-33percent.sidebar .panel-body h2, .col-33percent.sidebar .panel-body h3 {
	display: none;
}

.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: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;
}
}
  

/* ===================================== 
         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;
}
  

/* ===================================== 
         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 {
	padding: 20px 25px;
}

.panel-variation-2,
.panel-variation-3,
.panel-variation-4,
.panel-custom,
.panel-custom-2,  
.panel-custom-3,
.panel-custom-4,
.panel-custom-5
  
 {
	padding: 20px 25px;
}

.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-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;
}

.col-33percent.sidebar .panel-variation-4 .panel-body h2 {
	display: block;
 	font-size:1.1em;
  	line-height:1.1em;
}

/* landing page custom panels */

.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:20px;
}

.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%;
}
}
  
.panel-custom-2,
.panel-custom-3,
.panel-custom-4,
.panel-custom-5 {
  border: 1px solid #ccd4e0;
}  

.panel-custom-2 { 					/* sunnygrass green - mentoring academy */
  border-top: 7px solid #78BE20;
}	

.panel-custom-3 {					/* purple - teaching scholars */
  border-top: 7px solid #7F2083;
}  
  
.panel-custom-4 {					/* sky blue - leadership dev */
  border-top: 7px solid #00B5E2;
}  
  
.panel-custom-5 {					/* poppy orange - wimhs */
  border-top: 7px solid #ED8B00;
}    
  
.panel-custom-2 .panel-body h2,
.panel-custom-3 .panel-body h2,
.panel-custom-4 .panel-body h2,
.panel-custom-5 .panel-body h2 {
  font-size:1.75em;
  margin-top:10px;
}  
  
@media (max-width:475px) {
  .panel-custom-2 .img-responsive-left,
  .panel-custom-3 .img-responsive-left,
  .panel-custom-4 .img-responsive-left,
  .panel-custom-5 .img-responsive-left {
    float:none;
  }
}

.panel-custom-4 .panel-body h3 {
    font-size: 1.3em;
    color: #ffffff;
    background-color: #00B5E2;
    padding: 6px 25px;
    margin: 30px 0px 20px 0px;
}

.panel-custom-4 .panel-body-inner-wrapper {
   padding: 10px 25px;
}

@media (min-width:649px) {
.program-description {
  	margin-left:190px
}
}

/* 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-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;
}
}


/* ===================================== 
            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;
}


/* 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;
}


/* ===================================== 
          General styles
======================================== */

strong {
    font-weight: 600;
} 

.largetext {
  font-size:1.3em;
  line-height:1.6em;
}
.large1x {
    font-size: 1.125em;
    line-height: 1.5em;
}

p.large1x.member-name {
	margin-top:20px;
	margin-bottom:0;
}

.emphasis {
  font-style: italic;
	color: #335379;
}

.link-arrow {display:none }

.glyphicon-chevron-right {
    color: #F99f00;
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: 2px;
}

.glyphicon-download-alt {
    color: #007991;
    padding-left: 4px;
}

.glyphicon-download-alt:hover {
    color: #deb31a;
}

@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;
}
}

/* Director messages */

.director-message-block p.director-quote {
  font-size:1.05em;
  line-height:1.5em;
  margin-bottom:15px;  
}
  
.director-message-block p.director-title {
  margin-top:20px;
  margin-bottom:0;
}



/* ===================================== 
                Filter Box
======================================== */

.filter-box {
	padding:30px;
	margin:20px 0 0;
	background-color:#e5e9ef;
	display:block;
}

/* Input Fields */
.filter-box input {
  width: 100%;
	margin:10px 0 0;
  padding: 12px 15px;
  background-color: #ffffff;
  border: 1px solid #4D688C;
  box-shadow: none;
  box-sizing: border-box; 
}

.filter-box input:focus {
  border: 1px solid #008EAA;
  outline: 1px solid #008EAA; 
}

/* Removes awkward default styles on iOS */
.filter-box input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}


/* ===================================== 
            Events - Offerings
======================================== */

.event-tag {
    color: #002855;
    display: inline-block;
    background: #f8eecc;
    padding: 10px 15px;
    font-size: .9em;
    margin: 25px 0 10px 0;
}

@media (min-width:630px) {
.event-tag {
    float: right;
    margin-left: 30px;
}
}
 
.event-tag.offered-by {
	float:none;
    font-size: 1em;
    margin: 20px 0 0;
}

.event-item {
	border-top:1px solid #e5e9ef;
	padding-top: 10px;
	margin-top: 5px;
}

.event-item h2 {
	color: #1a3e68;
	font-size:1.6em;
}

.event-item .btn-default {
	margin-top:15px;
}

.event-note {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #1a3e68;
    background-color: #f7f7f7;
  	padding: 10px 20px;
	margin: 20px 0;
}

.event-item .btn-default {
	padding:8px 30px;
    color: #1a3e68;
    background-color: transparent;
    border-color: #1a3e68;
	border-width: 2px;
    margin-bottom:10px;
}

.event-item .btn-default:hover, 
.event-item .btn-default:focus, 
.event-item .btn-default:active,
p > a.btn-default:active {
    color: #ffffff;
    text-decoration: underline;
    background-color: #1a3e68;
	border-color: #1a3e68;
}


/* column padding styles */

@media (min-width:640px) {
.maincol.col-66percent {
	padding-left:25px;
	padding-right:25px;
}
.sidebar.col-33percent {
	padding-right: 25px;
}
}

/* newsletter header styles */

.newsletter-header {
display:block;
text-align:center;
background-color: #1a3e68; 
padding: 30px 25px; 
color: #ffffff; 
margin-bottom: -30px;
z-index: 2;
position: relative;
}

.newsletter-header .logo img {
    max-width: 130px;
    margin-top: 15px;
}

.newsletter-header h2.mainhead {
display:inline;
color:#ffffff;
font-size: 2.4em;
font-weight: 700;
}

.newsletter-header p.subhead {
margin-top:20px;
margin-bottom:0;
display:block;
}

@media (max-width:414px) {
.newsletter-header .logo img {
    border-bottom: 1px solid #f7f7f7;
   padding-bottom:25px;
}
.newsletter-header h2.mainhead {
display:block;
}
}

@media (min-width:416px) {
.newsletter-header h2.mainhead {
padding-left: 30px;
border-left: 1px solid #f7f7f7;
}
.newsletter-header .logo img {
margin-top: 0;
margin-right: 25px;
margin-bottom: 15px;
}
}

@media (min-width:767px) {
.newsletter-header {
text-align:left
}
.newsletter-header .logo img {
max-width:170px;
padding-bottom:0px;
float:left;
border-bottom:none;
margin-right:30px;
margin-top:15px;
}
.newsletter-header h2.mainhead {
font-size: 3.7em;
}
}

@media (min-width:768px) and (max-width:1024px) {
.newsletter-header h2.mainhead {
    font-size: 2.6em;
}
.newsletter-header .logo img {
    max-width: 130px;
    margin-top: 10px;
}
}


/* site title - single line */

.title {
		padding-top:1.5%;
		width:80%;
		max-width:500px;
		}
		
@media (max-width: 1084px) {
.title {
	padding-top:2.2%;
	max-width:40%;
		}
	}	
	
@media (max-width: 1034px) {
.title {
	font-size: 1.2em;
		}
	}
		
@media (max-width: 781px) {		
.title {
	display: none;
}
}		

@media (min-width: 1300px) and (max-width: 1329px) {
.title {
	max-width: 38%;
	font-size: 1.6em;
		}
	}
	
@media (min-width: 1259px) and (max-width: 1299px) {
.title {
	max-width: 38%;
	font-size: 1.5em;
		}
	}	
	
@media (min-width: 1085px) and (max-width: 1258px) {
.title {
	max-width: 44%;
	font-size: 1.5em;
		}
	}	
	
@media (min-width: 1035px) and (max-width: 1084px) {
.title {
	font-size: 1.3em;
	max-width: 41%;
		}
	}	
	
@media (min-width: 992px) and (max-width: 999px) {
.title {
	max-width: 39%;
		}
	}


/* custom styles for landing pages - need to organize */


.landingpage #topbanner .flexslider {
    margin-left: -30px;
}
.landingpage #topbanner .flexslider .slide-item-caption {
        position: relative;
        background-color: rgba(0,38,86,0.9);
    }
	
.landingpage .slide-item-caption h1 {
	text-align: center;
	letter-spacing: .01em;
        font-size: 1.3em; 
	color:#fff;
	text-decoration: none;
    }

@media (min-width:640px) {
.landingpage #topbanner .flexslider .slide-item-caption {
    position: absolute;
    width: 60%;
    left: 0;
    bottom: 0;
    background-color: rgba(0,38,86,0.85);
    margin-bottom: 40px;
    right: unset;
}	
	
.landingpage .slide-item-caption h1 {
    text-align: left;
    padding: 18px 20px 20px 30px;
    font-size: 1.7em;
    line-height: 1.3em;
    font-weight: 300;
    text-shadow: none;
    margin-bottom: 0;
}
}

@media (min-width:992px) and (max-width:1109px) {	
	
.landingpage .slide-item-caption h1 {
    font-size: 1.4em;
}
}

@media (min-width:1110px) and (max-width:1226px) {	
.landingpage .slide-item-caption h1 {
    font-size: 1.6em;
}
}


/* ===================================== 
            Button styles
======================================== */

.cta-btn {
    margin: 20px 0;
}

.btn {
    border-radius:2px;
  	padding:8px 30px;
    text-decoration: none !important;
    letter-spacing: .01em;
    font-weight: 500 !important;
  	font-size:.95em;
}
.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: #008EAA;
    border: 2px solid #008EAA;
}

/* primary button */
.btn-primary, p > a.btn-primary /* sets styles for buttons wrapped in a p tag */ {
    color: #000;
    background: #deb31a;
    border: 2px solid #deb31a;
    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: #000 !important;
    background: none;
    border: 2px solid #deb31a;
}

/* 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-link, p > a.btn-link /* sets styles for buttons wrapped in a p tag */ {
    color: #002855;
    text-decoration: none;
    background: none;
    border: none;
    transition: all 0.3s ease 0s;
    padding: 8px 5px;
}
.btn-link:after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    color: #ed8b00;
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: 4px;
}
.btn-link:hover, a.btn-link:hover,
.btn-link:focus, a.btn-link:focus,
.btn-link:active, p > a.btn-link:active,
.btn-link.active, 
.open .dropdown-toggle.btn-link {
    color: #007991 !important;
    text-decoration: none;
}   


/* ===================================== 
        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;
}
}

/* ===================================== 
        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;
}

/* ===================================== 
      Wide Home Page Layout Styles
======================================== */


@media (min-width:1376px) {
.wide-marquee-overlay h1 {
    font-size: 1.95em;
}
}
.panel-body .content-wCallout-text h2 span.featured {
display:block;
font-size:.65em;
line-height:1.3em;
font-weight:normal;
color:#333333;
}
.panel-body .content-wCallout-text h2 {
    font-size: 1.7em;
}
.panel-body .content-wCallout-box h3 {
    font-size: 1.5em;
    margin-bottom:.625em;
}
.panel-body .content-wCallout-box .event-feed {
margin-left: -8px;
margin-right: -8px;
max-height: 250px;
overflow-y: scroll;
}
.content-wCallout-box .glyphicon-chevron-right {
display:none;
}
.threecolumn-promo-intro {
    font-size: 1.8em;
    font-weight: 600;
    margin-top: .325em;
    margin-bottom:.625em;
}
.threecolumn-promo-container {
    margin-top: 30px;
}
.panel-body .threecolumn-promo-container h2 {
display:none;
}
.threecolumn-promo-container p.heading-with-link {
font-size: 1.5em;
line-height: 1.4;
color: #1A3E68;
font-weight: 600;
}
.panel-body .threecolumn-promo-container p.heading-with-link a {
    text-decoration: none;
}
.panel-body .threecolumn-promo-container p.heading-with-link a:hover {
    text-decoration: underline;
   color: #1A3E68;
}
.panel-body .sky-blue:first-of-type {
    border-color: #7F2083;
}
.panel-body .sunnygrass-green:first-of-type {
    border-color: #00B5E2;
}
.panel-body .poppy-orange:first-of-type {   
    border-color: #78BE20;
}
.panel-body .threecolumn-promo-row:last-of-type .sky-blue {
    border-color: #EB8C22;
}
.panel-body .threecolumn-promo-row:last-of-type .sunnygrass-green {
    border-color: #008EAA;
}
.panel-body .threecolumn-promo-row:last-of-type .poppy-orange {
    border-color: #C6007E;
}


.panel-body .fullwidth-callout-container h2 {
	margin-top:0;
	font-size:1.75em;
}

.panel-body .fullwidth-callout-container p.kicker {
	margin-bottom:0;
}

.fullwidth-callout-container p.smalltext {
    font-size: 1.1em;
}

.fullwidth-callout-container img {
	width: 190px;
	opacity: .95;
	padding-top: 8px;
}

@media (min-width:992px) {
	.fullwidth-callout-container img {
	margin: 0 20% 0 30%;
}
}

.content-wCallout-box p.smalltext {
    font-size: .9em;
    line-height: 1.3em;
    margin-top: -6px;
}

.panel-body .content-wCallout-box p strong a  {
    font-weight: 700;
}

/* ===================================== 
        Form styles
======================================== */

/* Container */
.subscribe-container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; 
}

/* Labels */
.subscribe-container label {
  display: block;
  margin: 15px 0 5px 0;
  font-size: 14px;
  font-weight: 400; 
}
/* Input Fields */
.subscribe-container input {
  width: 100%;
  height: 40px;
  padding: 6px 10px;
  background-color: #ffffff;
  border: 1px solid #4D688C;
  box-shadow: none;
  box-sizing: border-box; 
}
.subscribe-container input:focus, .subscribe-container input:focus {
  border: 1px solid #008EAA;
  outline: 1px solid #008EAA; 
}

/* Removes awkward default styles on iOS */
.subscribe-container input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}

/* Subscribe button */
.subscribe-container .subscribe-button {
  width: 100%;
  height: 40px;
  color: #4D688C;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: .1rem;
  margin: 20px 0 10px 0;
  text-decoration: none;
  background-color: #ffffff;
  border: 2px solid #4D688C;
  cursor: pointer;
}
.subscribe-container .subscribe-button:hover {
  color: #ffffff;
  background-color: #4D688C;
  border: 1px solid #4D688C;
}

/* Clearing */
.subscribe-container:after {
  content: "";
  display: table;
  clear: both; 
}

