/* 2016.11.04 -  Anvato video player with a carousel of videos. */

/* Overrides to A&D CSS FOR KSTPTV*/
body { font-family:Arial, sans-serif; }
footer {background-color: #144697;}
footer a {color: #ffffff;}
footer a:link {color: #ffffff;}
footer a:visited {color: #ffffff;}
footer a:hover {color: #F7090D;}
footer a:active {color: #ffffff;}

.header-top .topbar {background-color: #144697; }/* Desktop nav background color*/
.header-top .navbar-fixed-top {background-color: #144697; }/* Mobile/Collapse nav background color*/
.header-top .navbar-default .navbar-nav > li > a, 
.header-top .navbar-default .dropdown-menu a, 
.header-top .navbar-search a, 
.header-top .mega-nav a {color: #000000;}
.header-top .navbar-default .navbar-nav > li > a:hover, .header-top .mega-nav a:hover  
{/* Navigation links */color: #F7090D;font-weight: bold;}
.header-top .navbar-default .navbar-nav > li > a .mega-nav-btn {/* Main nav link color */color: #FFF;}
/* Logo size on mobile */
/*.header-top .navbar-header .navbar-brand img{height:25px;margin-top:5px;}*/
/* Menu on Table View */
.header-top .navbar-default .navbar-nav > li > .mobile-menu-button {color: #fff;}
/* Menu on Mobile View */
.header-top .navbar-default .mobile-menu-button {color: #fff;}
.header-top .hbi-mega-nav-col h5 {line-height: 2.0;}

/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (max-width: 1024px) {
	/* Reduce the size of the font on tablet navigation */
	.header-top .nav li {
		font-size: 85%;
	}
}

/* Overrides the margin-bottom */
.navbar { margin-bottom: 0px; }
/* End of overrides to A&D CSS */
.header-top .topbar .logo {height: 80px; margin-top:-5px;}
.dropdown-menu {}

/* Mobile Navigation */
/* Center the mobil navigation */
.mega-nav .mega-nav-row .mega-nav-col {
	text-align:center;	
}

/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (max-width: 768px) {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row { 
		margin-left: 0px;
		margin-right: 0px;
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
	}
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		margin-left: -30px;
		font-size: 125%;
	}

}
/* This media query affect screens of resolution equal or below 1024px*/
@media screen and (min-width: 770px) and (max-width: 1024px)  {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 90%;
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row {
		margin-left: 0px;
		margin-right: 0px;
	    display:block; /* overrides display:table; from hubbard.min.css to fix spacing in ipad collapse nav.*/
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		display: none;
	}
	

}

@media screen and (min-width: 1025px)  {
	/* Reduce the size of the font on mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 90%;
		text-align: left;
	}

	.header-top .mega-nav .mega-nav-row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.header-top .mega-nav .mega-nav-row .mega-nav-col {
		margin-left: 0px;
		margin-right: 0px;
		text-align: left;
	}
	.header-top .mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		margin-left: -40px;
		font-size: 90%;
	}

}


/* This media query affect screens of resolution equal or below 991px*/
@media screen and (max-width: 991px) {
	/* Tells the sticky header meganav to always fit the screen 100% vertically */
  	.header-top #sticky-header .mega-nav {
    	background-color: #fff;
	    bottom: 0;
    	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1);
	    left: 0;
    	overflow-y: scroll;
	    position: fixed;
    	top: 50px;
	    width: 100%;
  	}

	/* Left adjust the mobil navigation and add padding to the navigation */
	.mega-nav .mega-nav-row .mega-nav-col {
		text-align:left;	
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 0px;
	}

	/* Increase the size of the mobil navigation */
	.mega-nav .mega-nav-row .mega-nav-col h6{
		font-size: 150%;
	}

	.mega-nav .mega-nav-row .mega-nav-col .hbi-mobil-menu-item {
		list-style: none;
		font-size: 125%;
		font-weight: bold;
	}

}

/* Element headers */
.panel {box-shadow:none;} /* Remove the shadow box from the content blocks */
.panel .panel-heading .panel-title.text-muted {color: #000000;}
.panel .panel-heading .panel-title {font-weight: 700;}
.panel-title {font-size: 20px; }
#ADSPACE03 {/*padding-top:45px;*/} 
.hbi-nav-a:hover {color:#8A0205;}
.hbi-row-padding {padding-bottom: 10px;} 
.hbi-no-margins {margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}
.hbi-no-padding {padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;}
.hbi-hidden {display:none;}
/* CUSTOM HBI ALERT BANNERS */
.hbi-breaking-news {
	margin: 0px 0px 0px 0px;
	background-color: #A40404;
	color: #FFFFFF;
	font-size: 34px;	 
	padding: 5px 10px 5px 5px;
	background: #f90e02; /* For browsers that do not support gradients */
	text-transform: uppercase;
	text-align:center;
}
.hbi-breaking-news-gradient {
	background: -webkit-linear-gradient(left, #f90e02 , #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f90e02, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f90e02, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f90e02 , #FFFFFF); /* Standard syntax */	*/
}
.hbi-breaking-news-link {color:#A40404;}
.hbi-weather-alert {background-color: #A40404; height: 60px;}
.hbi-weather-alert-link {color: #FFFFFF;}
.hbi-weather-alert-desc {color: #FFFFFF;}
.hbi-weather-alert-exp {color:#F7EE06;}
.hbi-weather-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-weather-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.alert-info .hbi-weather-alert-close {font-weight:bold; background-color: #000000;padding: 1px 1px 1px 1px;}
.hbi-amber-alert {background-color:#FFBF00;}
.hbi-amber-alert-link {color:#000000;font-weight:bold;}
.hbi-amber-alert-desc {color:#000000;}
.hbi-video-alert {background-color: #144697;}

.hbi-video-alert-link {color:#FFFFFF;font-size:17px;}
.hbi-video-alert-link:link {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:visited {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-link:active {color:#FFFFFF;font-weight:bold;}

.hbi-video-alert-desc {color:#FFFFFF;font-size:17px;}
.hbi-video-alert-desc:link {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:visited {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.hbi-video-alert-desc:active {color:#FFFFFF;font-weight:bold;}

.hbi-site-alert {background-color: #A40404;}
.hbi-site-alert-exp {color:#F7EE06;}

.hbi-site-alert-link {color: #FFFFFF;font-size:17px;}
.hbi-site-alert-link:link {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:visited {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-link:active {color:#FFFFFF;font-weight:bold;}

.hbi-site-alert-desc {color: #FFFFFF;font-size:17px;}
.hbi-site-alert-desc:link {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:visited {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:hover {color:#FFFFFF;font-weight:bold;}
.hbi-site-alert-desc:active {color:#FFFFFF;font-weight:bold;}

.alert-info .hbi-video-alert-close {font-weight:bold;background-color:#000000;padding:1px 1px 1px 1px;}
.quicklinks-info { background-color:#ffffff;color:#777;border-color:#ffffff;padding-left:52px;padding-right:50px;}
.quicklinks-info .hbi-quicklinks-alert-desc {display:inline-block;font-weight:bold;}
.quicklinks-info a.hbi-quicklinks-alert-link {color:#777;}
.quicklinks-info a.hbi-quicklinks-alert-link:hover {color:#F80409;}
.hbi-auto-height {height: auto;}
/* WEATHER WIDGET */
.hbi-weather-widget-gradient {
	background: #067EFC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #067EFC , #2C02FD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #067EFC, #2C02FD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #067EFC, #2C02FD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #067EFC , #2C02FD); /* Standard syntax */	
}
.hbi-weather-widget-dsk {margin: 0px 0px 0px 0px;color: #FFFFFF;padding: 5px 5px 5px 5px;width: 640px;height: 70px;}
.hbi-weather-widget-tab {color: #FFFFFF;width:200px;height:50px;}
.hbi-weather-widget-tab a {}
/* WW01 - To center the weather widget on iphone */
/* .hbi-weather-widget-mob {color: #FFFFFF;width:85px;height:50px;display:inline-block;} */
.hbi-weather-widget-mob {color: #FFFFFF;width: 85px !important;height: 50px;display: block;margin: 0 auto;}
/* WW01  */
.hbi-weather-widget-align {text-align: center;vertical-align: middle;}
.hbi-weather-widget-icon-desk {padding-top: 0px;}
.hbi-weather-widget-icon1-desk {padding-top: 0px;}
.hbi-weather-widget-temp-desk {font-size: 34px;padding-top: 0px;}
.hbi-weather-widget-vari-desk {font-size: 12px;text-align: center;padding-top: 0px;}
.hbi-weather-widget-desc-desk {font-size: 12px;padding-top: 0px;}
.hbi-weather-widget-desc1-desk {font-size: 12px;padding-top: 1px;}
.hbi-weather-widget-desc2-desk {font-size: 12px;padding-top: 1px;}
.hbi-weather-widget-link-desk {font-size: 10px;}
.hbi-weather-widget-icon-tab {padding-top: 0px;}
.hbi-weather-widget-temp-tab {font-size: 34px;padding-top: 0px;color:#fff}
.hbi-weather-widget-desc-tab {font-size: 12px;padding-top: 10px;color:#fff}
.hbi-weather-widget-icon-mob {padding-top: 2px;text-align: right;}
.hbi-weather-widget-temp-mob {font-size: 15px;padding-top: 15px; color:#ffffff; line-height: 15px;}
.hbi-weather-widget-desc-mob {font-size: 12px;padding-top: 5px;}
.hbi-weather-widget-sponsord {/*background-color:#FFFFFF;*/}
.hbi-h2 {magin-top: 0px;}
.hbi-h2 a  {font-size: 80%;}
.hbi-h3 a,.hbi-h4 a,.hbi-h5 a {}
.hbi-h5-sm {font-size: 85%;}
.hbi-h6 a {display: block;line-height: 1.4;}
.hbi-h6-sm {font-size: 80%;}
.hbi-h3-md { font-size: 90%;}
.hbi-h5-sidebar a {font-size: 80%;}
/* WW01 - To center the weather widget on iphone */
.weatherMobileWidget {display: block;height: 50px;left: 0;margin: 0 auto 0 15;overflow: visible;padding-left: 5px;position: absolute;right: 0;text-align: center; top: 0;width: 100px;} 
/* end WW01  */
/* END WEATHER WIDGET */
/* WEATHER EXTENDED */
.hbi-weather-extended-default-padding {padding-left:10px;padding-right:10px;}
/* END EXTENDED */
/* WEATHER CAMERAS */
.hbi-weather-camera-desc,
.hbi-camera-desc {font-weight: bold;margin-bottom: 10px;}
/* END WEATHER CAMERAS */
#hbi-long-date { display: none;}
#hbi-short-date { display: none;}
/* WEATHER WIDGET EXTENDED */
.hbi-main-weather-main {font-size: 20px;font-weight: bold;}
.hbi-main-weather-curr-temp {font-size: 25px;font-weight: bold;}
.hbi-main-weather-lohi-temp {font-size: 12px;}
.hbi-main-weather-desc-temp {font-weight: bold;}
.hbi-main-weather-tab {background-color: #D8D6D6;border:#939090 thin solid;padding: 5px 5px 5px 5px;font-weight: bold;font-size: 17px;}
.hbi-main-weather-tab-active {border-bottom: 0px;}
.hbi-main-weather-tab-table {width:100%;border:#939090 thin solid;padding:5px 5px 5px 5px;}
.hbi-main-weather-tab-content {font-size:14px;font-weight:normal;}
.hbi-main-weathe-grad {background: B1CCF1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#B1CCF1, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B1CCF1, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B1CCF1, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B1CCF1 white); /* Standard syntax */
}
/* INTERACTIVE WSI RADAR */
#wsimap{height: 350px;}
@media screen and (min-width: 400px) and (max-width: 1023px) {#wsimap{height: 700px;}}
@media screen and (min-width: 1024px) {#wsimap{height: 800px;}}
/* END INTERACTIVE WSI RADAR */
/* STORIES */ 
.hbi-img-caption,.hbi-img-caption  {font-size: 12px;}
.hbi-img-thumbnail {max-width: 100px;}
.hbi-story-body {padding-left:10px;padding-right:10px;}
.hbi-story-body hr{border-top:1px solid #000}
.hbi-story-media-credit {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-media-caption {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-credits-h3 {margin-top: 0px;border-bottom: #070707 1px solid;font-size: 12px;}
.hbi-story-credits-p {font-weight:bold;font-size: 14px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-dates-p {font-size: 12px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-copy-p {font-size: 11px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hbi-story-img-author {	max-width: 70px;padding: 3px;border: 0;font-size: 12px;}
.hbi-story-time {font-size: 9px;color: #888;font-weight: normal;}
.play-video {
    display: inline-block;
    background: url(/kstpimages/cs/camera.png) no-repeat 50% 50% transparent;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
}
.hbi-ad-advertiser {text-align: center; margin: 0; font-size: 8px;}
.carousel .carousel-inner .item .slide-block img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
}
.carousel.loaded .carousel-inner .item .slide-block img {
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/* Images for Featured Stories*/
.hbi-large-img-responsive {
	width: 825px;	
}

/* Images for Featured Stories*/
.hbi-xlarge-img-responsive {
	width: 1140px;	
}

.hbi-element-top-padding {padding-top:10px;}
.hbi-read-more {text-align: center;}

/* end */

/* Mobile Devices */
@media only screen and (max-width: 767px) {
	#ADSPACE03 {padding-top: 0px;}
	.hbi-weather-widget-mob {width: 75px; text-align:center;}
	.hbi-weather-widget-icon-mob {text-align:right;}
	.hbi-weather-widget-temp-mob {text-align:left;}
	.hbi-h1 {font-size: 1.5em; margin-bottom:10px;}
	.hbi-h2 a {font-size: 55%;display: block;line-height: 1;padding: 0px 0px 0px 0px;}
	.hbi-h3 a,.hbi-h4 a,.hbi-h5 a {font-size: 75%;}	
	.hbi-story-body {font-size: 14px;font-size: 75%;}
	.hbi-img-thumbnail {max-width: 65px;}
	.hbi-story-dates {font-size: 85%;}
	.hbi-story-media {max-width: 95%;}
	.hbi-story-body {font-size: 100%;}
	.header-top .navbar-header .navbar-brand img{margin-top:-5px;}

}
@media only screen and (max-width: 375px) {
	.hbi-story-media {max-width: 94%;}
}
@media only screen and (max-width: 320px) {
	.hbi-story-media {max-width: 93%;}
	
	/* WW01 - To center the weather widget on iphone */
	#mobileWeatherWidget {
        display: block;
        float: right;
        width: 85px;
        padding: 0;
        margin: 0;
    }

    .hbi-weather-widget-icon-mob {
        padding-top: 2px;
        text-align: right;
    }
	/* end WW01 */

}
/* Desktop Devices */
@media only screen and (min-width: 768px) {
	.hbi-story-panel-body-before-ad {padding-bottom: 0px;}
	.hbi-story-panel-body-after-ad {padding-top: 0px;}
}
/* 640px and below */
@media only screen and (max-width: 640px) {
	/* WW01 - To center the weather widget on iphone */
    header .navbar-brand {
        padding: 10px 10px 4px 0px !important;
    }
	/* end WW01 */

}


.hbi-div-image-OptA {width: 200px;}
.hbi-div-image-OptB {width: 88px;}
.hbi-div-image-OptC {width: 260px;}


@media only screen and (max-width: 1024px) {
.hbi-div-image-OptA {width: 193px;}
.hbi-div-image-OptC {width: 193px;}
}

@media only screen and (max-width: 640px) {
.hbi-div-image-OptA {width: 125px;}
.hbi-div-image-OptC {width: 125px;}
}


/* Google Search Styles */
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #666666;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #666666;
    background-color: #144697;
    background-image: none;
    filter: none;

  }
	td.gsc-search-button input.gsc-search-button {
		  box-sizing: content-box;
		  border-color: #666666;
		  background-color: #144697;
		  color: #FFFFFF;
	}
/* End Google Search Styles */


/* School Alert List */

#schoolAlertList {}

#schoolAlertList td {font-size:125%;}

/* End School Alert List */

/* BEGIN - Anvato video player with a carousel of videos */

.anvatovideocarouselcontent {
	width: 100%;
	max-width: 960px;
	min-width: 288px;
	margin: 0 auto;
}

.anvatovideocarouselcontent. h3{
	margin-left: 15px;
	color: black;
}
			
.anvatovideocarouselcontent .player-frame {
	padding: 1.5%;
}

.anvatovideocarouselcontent .anvmenu {
	text-align: center;
}

.anvatovideocarouselcontent .anv-item-header {
	width: 50%;
	padding: 20px;
	text-align: left;
	background: rgba(5, 4, 5, 0.42);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(5, 4, 5, 0.82)', endColorstr='rgba(5, 4, 5, 0)'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 4, 5, 0.82)), to(rgba(5, 4, 5, 0))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(5, 4, 5, 0.82),  rgba(5, 4, 5, 0)); /* for firefox 3.6+ */
}

/* END - Anvato video player with a carousel of videos */

/* Google Search*/
.gsc-input input.gsc-input {
	line-height: normal;
}
/* END Google Search */

/* Related Stories */
.relatedstoriesheadlines {padding-top:10px;}
.relatedstoriesheadlines-left {float:left; clear: left;margin-right:10px;}
.relatedstoriesheadlines-right {float:right; clear: right;margin-left:10px;}
.relatedstoriesheadlines .detail  {background-color:#E0DEDE;border-top:#B3B0B0 1px solid;} 
.relatedstoriesheadlines .detail ul {margin-left:-15px;} 
.relatedstoriesheadlines .detail .media-heading {line-height:normal;} 
.relatedstoriesheadlines .panel-heading  {padding: 0px 0px;} 
.relatedstoriesheadlines .panel-title  {font-size: 80%;} 
.relatedstoriesheadlines a  {font-size: 75%;} 
/* END Related Stories */

/* Custom Carousel */
.custom-carousel {border:1px solid #000;padding-top:10px;padding-bottom:10px;}
.custom-carousel-left {float:left; clear: left;margin-right:10px;}
.custom-carousel-right {float:right; clear: right;margin-left:10px;}
.custom-carousel .carousel-inner {background-color:#E0DEDE;}
.custom-carousel .carousel-inner .item .slide-credit {color:#949292;font-size:10px;line-height: normal;}
.custom-carousel .carousel-inner .item.show-caption .caption {padding-left:10px;font-size:12px;color: #000;line-height: normal;}
/* END Custom Carousel */

/* Default Carousel */
.carousel .carousel-inner .item .slide-credit {text-align: left;}
/* Default Carousel */

/* Advertiser Divs of AdSpace */
#ADSPACE01 .hbi-ad-advertiser {display:none;}
/* Default Carousel */

/*Persistent ad at the bottom of the screen*/
.mobile-ad-footer {
	background-color: #FFF;
}

/* BEGIN: 10/6/2017 Timeline Styles */
.page-header h1 {
  font-size: 3.26em;
  text-align: center;
  color: #efefef;
  text-shadow: 1px 1px 0 #000;
}

/** timeline box structure **/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  display: block;
  width: 200px;
  background: #414141;
  border: 3px solid #212121;
  color: #ededed;
  margin: 0 auto;
  padding: 3px 0;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}

.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 46%;
  float: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  background: #6a8db3;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-left: -16px;
  border: 3px solid #90acc7;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 100;
}

/** timeline images **/
.timeline img { border: 0; max-width: 100%; }

/** timeline content **/

.tl-heading h4 {
  margin: 0;
  color: #c25b4e;
}

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
/* END: 10/6/2017 Timeline Styles */