/* Custom Responsive Styles  */

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


/* 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;
}

.title {
  padding-top:1.5%;
  font-size:1.8em;
}

/* ===================================== 
         Social Media icons
======================================== */
.sidebar.socialmedia {
  margin-bottom:15px;
}

.sidebar.socialmedia img {
	opacity: .9;
	max-width: 35px;
	max-height: 35px;
	margin: 5px 5px 0 0;
	transition: all 0.3s ease 0s;

}
@media (max-width: 859px) {
	.sidebar.socialmedia img {
		margin: 10px 10px 0 0;
	}
}
.sidebar.socialmedia img:hover, .sidebar.socialmedia img:focus {
	opacity: 1;
    transform: scale(1.2);
}


/* ===================================== 
         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;
}

.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;
}
}


/* ===================================== 
         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,
.panel-body h3.card-title  {
  margin-bottom: 0.75rem; }

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

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

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

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

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

.card-header {
  font-size: 18px;
  font-weight: 600;
  padding: 1.75rem 1.25rem;
  margin-bottom: 0;
  margin-top:0;
  background-color: #e5e9ef;
  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: 30px; }

@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; } }

  
/* ===================================== 
         Video Styles
======================================== */

.overlay {
    background-image: url("/global/images/icons/play-icon.svg");
    background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 8rem;
    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;
}
  

/* ===================================== 
         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 {
	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;
}

.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: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%;
}
}
  

/* 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;
} 

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

.largetext {
  font-size:1.3em;
  line-height:1.6em;
}
.large1x {
    font-size: 1.125em;
    line-height: 1.5em;
}

.large2x {
	font-size: 1.4em;
    line-height: 1.3em;
}

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

.emphasis {
  font-style: italic;
	color: #335379;
}
  
.marker::after {										/* New December 2020 */
    display: block;
    border-top: 5px solid #F99f00;
    margin: .2em 0 .75em;
    width: 36px;
    content: "";
}  


/* spacing styles */
.mt-0 { margin-top:0}
.mt-1 { margin-top:.25rem; }
.mt-2 { margin-top:.5rem; }
.mt-3 { margin-top:1rem; }
.mt-4 { margin-top:1.5rem; }
.mt-5 { margin-top:2rem; }
.mt-6 { margin-top:3rem; }
.mt-7 { margin-top:4rem; }

.mb-0 { margin-bottom:0}
.mb-1 { margin-bottom:.25rem; }
.mb-2 { margin-bottom:.5rem; }
.mb-3 { margin-bottom:1rem; }
.mb-4 { margin-bottom:1.5rem; }
.mb-5 { margin-bottom:2rem; }
.mb-6 { margin-bottom:3rem; }
.mb-7 { margin-bottom:4rem; }

.m2-3 { margin-right:1rem; }
.ml-3 { margin-left:1rem; }
  
@media (max-width: 575px) {
  .mb-sm-6 {margin-bottom:3rem }
}
  
  
.link-arrow {display:none }

.glyphicon-download,  
.glyphicon-chevron-right {
    color: #F99f00;
    vertical-align: bottom;
    padding-bottom: .2rem;
    transition: all 0.3s ease 0s;
}
  
.glyphicon-chevron-right {
    padding-left: 2px;  
}

.large1x .glyphicon-chevron-right {
    padding-bottom: .4rem;
}
  
.glyphicon-download {
    padding-left:3px;
    padding-bottom: .4rem;
}
  
a:hover .glyphicon-download {
    padding-bottom: .1rem;
}  
  
a:hover .glyphicon-chevron-right {
    padding-left: 5px;
}   

.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;
}
}


/* ===================================== 
            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
======================================== */

/* column padding styles */

@media (min-width:640px) {
.maincol.col-66percent {
	padding-left:25px;
	padding-right:25px;
}
.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;
}
.sidebar.col-33percent {
	margin-top:20px;
}
}

/* ===================================== 
   Home page marquee style overrides
======================================== */

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


/* ===================================== 
            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;
	margin-bottom: 2rem;					/* new */
}

.btn:first-child {							/* new */
	margin-right:1rem;
}

.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: #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;
}
}


/***********************/
/**** 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;
}

/* ===================================== 
        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; 
}