/* Seattle Channel site wide resets Begin */

html {
    background-image: none;
    background-repeat: repeat-x;
    background-color: #fff;
}
    
body, #portalpage h2, #portalpage h3, #portalpage h4, #portalpage h5, h1, #seattleChannelHome h4, .overlayBox div.videoTitle {
	font-family: 'Lato', arial, sans-serif;
	text-transform: none;
}
body{
    font-size: 14px;
	line-height: 1.5; /* added 11/3/21 */
}
/* Portal heading fonts */
#portalpage h1, #portalpage h2, #portalpage h3, #portalpage h4, #portalpage h5, #seattleChannelHome h4, #channelLiveNavigation .btn, .seattlechannelprogram h1.programTitle {  
	text-transform: none;  
    color: #707070;
}
#colorBox {
    display: none;
}
.colorBox {
    display: none;
}
.containerBorder {
    border-left: none;
    border-right: none;
    border-top: none;
}
#deptBreadcrumbs {
    padding: 8px 0px 7px;
}
#portalpage .featureContainer {
    height: auto;    
}
#portalpage #serviceBox {
    background: none;
}
#tabs .ui-widget-header {
    border: none;
    background: none;
    border-bottom: 1px solid #999;
}
#tabs .ui-corner-all, .ui-corner-top, #channelLiveNavigation .btn {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
#tabs .ui-state-active, #channelLiveNavigation .active {
    background: none;
    background-color: #00539f; /* Blue #2 */
}
#portalpage #tabs .ui-state-active h4, #channelLiveNavigation .active {
    color: white;
}

/* Seattle Channel site wide resets end */
#seagovBanner {
    display: none;
}

/* Notification Banner Begins */
.notificationContainer {
  padding-top: 10px;
  padding-bottom: 10px;
}

.notificationContainer ~ .notificationContainer {
  padding-top: 0px;
}

.seagovBanner {
  position: relative;
  width: 100%;
  border: 0;
  padding: 1em 1em 1em 44px;
  display: block;
  left: 0px;
  right: 0px;
  height: -webkit-fit-content;
  color: black;
  margin: auto;
}

.seagovBanner h2 {
  font-size: 20px;
  margin: 0;
  color: #000;
}

.seagovBanner p, .seagovBanner ul {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.seagovBanner a {
  font-weight: bold;
}

.seagovBanner svg {
  float: left;
  margin-left: -32px;
  font-size: 24px;
}

.seagovBanner button {
  display: none;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: 5px;
  right: 2px;
}

.seagovBanner button > svg {
  float: none;
  margin-left: 0;
  font-size: 24px;
}

.seagovBanner:before {
  content: '';
  width: 100%;
  height: 100%;
  position: unset;
  left: 0;
  top: 0;
  background: none;
}

.seagovBanner.Normal {
  background-color: #e1f5fe;
}

.seagovBanner.Medium-Alert {
  background-color: #fff8e1;
}

.seagovBanner.High-Alert {
  background-color: #ffebee;
}

.seagovBanner .fa-exclamation-circle {
  color: #e4002b;
}

.seagovBanner .fa-exclamation-triangle {
  color: #f7c305;
}

.seagovBanner .fa-info-circle {
  color: #69b3e7;
}

@media screen and (max-width: 1023px) {
  .seagovBanner {
    height: 64px;
    overflow: hidden;
    padding: 8px;
    padding-left: 32px;
  }
  .seagovBanner p, .seagovBanner li {
    font-size: 12px;
    line-height: 14px;
    width: calc(100% - 25px);
  }
  .seagovBanner h2 {
    font-size: 15px;
    line-height: 16px;
    padding-bottom: 2px;
  }
  .seagovBanner svg {
    font-size: 18px;
    margin-left: -24px;
  }
}

.seagovBanner.isOverflown {
  overflow: hidden;
}

.seagovBanner.isOverflown button {
  display: block;
}

.seagovBanner.isOverflown.Normal:before {
  background: linear-gradient(transparent 32px, #e1f5fe);
  position: absolute;
}

.seagovBanner.isOverflown.Medium-Alert:before {
  background: linear-gradient(transparent 32px, #fff8e1);
  position: absolute;
}

.seagovBanner.isOverflown.High-Alert:before {
  background: linear-gradient(transparent 32px, #ffebee);
  position: absolute;
}

.seagovBanner.isExpanded button {
  display: block;
  bottom: -5px;
}

.seagovBanner .fa-sort-up {
  margin-top: 12px;
}

/* Notification Banner End */

.programDescription {
    max-height: 350px; /* was 360 */
    overflow-y: auto;
    overflow-x: hidden;
	padding-left:0; /* added */
}
.mainColwithSub {
    padding-bottom: 5px;
}
.mainColumnHighlight .overlayBox{
    margin-top: -13.5%;
    height: 6em;       
}
.programImage .overlayBox {
    margin-top: -14%;
    height: 6em;
}
.mainColumnHighlight{
    padding-right:5px;      
}
.mainColumnSubHighlights {
    padding-left: 9px;
}
.row.borderBottomNone.padTop {
	padding-top:15px;
}
#x27153 .twoColRight{
	padding-left:8px;
}
#x27153 .twoColLeft{
	padding-right:8px;
}
#x29210 #wrapper{
	background-color: #0046AD; /* Seattle Blue */ 
}
.twoColRight {
    padding-left: 10px;
}
.twoColLeft {
    padding-right: 10px;
}
.mainColumnSubHighlights .overlayBox {                
    height: 4em;
    margin-top: -18.9%;
}
.mainColumnTwoColumn .overlayBox {
    margin-top: -15.5%;
    height: 5.1em;
}
.sidebarImageLink {
    display: none;
}
/* Top Header/Nav */

#header {
	background:none;
}
#searchContainer {
  padding-top: 0px;
}
#seagovNav{
	display:none;
}
#seagovNavMobile{
	display:none;
}
#deptBreadcrumbsContainer{
	display:none;
}

/* Live Streams */


#channelLiveNavigation {
    padding-left: 5px;    
    margin-bottom: 10px;
}
#channelLiveNavigation > a {
    border-bottom: none;
    border: 1px solid #d3d3d3;    
    background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #888;
    padding: 7px 9px;
    border-bottom: none;
}
#portalpage .liveStreamSidebar .trumbacal h2 {
    font-size: 175%;
}

/* temporary */
#sm-md-Nav li.SeattleChannelTopNav a {
  line-height: 0.85em;  
  padding: 10px;
  padding-bottom: 7px;
  min-height: 1.7em;
}
li.SeattleChannelTopNav {
 
}
#topNavRow {
    background-image: none;
    border: none;
}
#sm-md-Nav {   
    width: 59%; 
    margin-top: 1px;
}
#sm-md-Nav li.active, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #00539f; /* Blue #2 */
}

#channelLiveNavigation li.active a {
	background-color: #00539f; /* Blue #2 */
	border-color: #00539f; /* Blue #2 */
}

#sm-md-Nav li.active a {
    color: white;
}
.showTitle {
    float:left;
    padding-right: 5px;
}
#sm-md-Nav li {
	background:none;                   
}
#searchCollectionToggle label{
        font-weight:normal;
    }
#searchCollectionToggle fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
/* End Top Header/Nav */

.mainColumnTwoColumn{
    background: none;
}
#x27997 h1.pageTitle, #x27645 h1.pageTitle{
	margin-bottom:0.3em;
}
/* Seattle Channel Home */
#seattleChannelHome span.videoDescription {
    display: none;
}

#seattleChannelHome #feedContainer1 {
    border: none;
}
#seattleChannelHome .feedContainer { 
    padding: 0px;
}
.seachanHome3Col {
	margin: 1em 0 0 0;
}

.fa-2x {
    font-size: 1.5em;
}

#seachanSub2 .feedContainer i, #seachanSub2 .feedContainer h2, #seachanSub2 .feedContainer .feedLinks {
	display: inline;
    position: relative;
    float: none;
}
/*#seattleChannelHome.col-xs-12 mainColHighlightTop.overlayBox {
	display:none;
}*/
/* End Seattle Channel Home */

/* Episode CSS */
.episodeTitle, .podcastTitle {
    font-size: 175%;
    line-height: 125%;
}
.episodeDate, .podcastDate {
    color: #707070;
    font-size: 115%;
}

/* Seattle Channel Carousel Begin */
.slickCarousel {
    clear: both;
}

.seaCarousel .carouselMoreLink a {
	top: -1px;
	position: relative;
	border-radius: 4px;
	padding: 2px 5px;
	border: 1px solid rgb(204, 204, 204);
	background: none repeat scroll 0% 0% rgb(238, 238, 238);
}/*added 2/5*/
.seaCarousel .carouselMoreLink:before {
	content: "";
}/*added 2/5*/

.slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus{
    background-color: #888;
    opacity: 1;
}
.slick-next:focus, .slick-prev:focus {    
    opacity: .8;
}

.slick-next, .slick-prev {    
    background-color: #888;
    display: block;
    height: 94px;
    margin-left: 2px;
    opacity: .8;   
    top: 11px;
}
.slick-next:before, .slick-prev:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 45px;
    color: white;
    opacity: 1;
}
.slick-next:before {
    content: "\f105";
}
.slick-prev:before {
    content: "\f104";
}
/* Seattle Channel Carousel End */

/* Pagination */
input#filterTerm {
    width: 50%; 
}
label#Title_Excerpt {
    display: none;
}

span.taxonomyCategory {
    font-size: larger;
    font-weight: bold;
    padding: 10px 0px;
    display: block;
}
h4.tiledTitle {
    font-size: 14px;
}

/* Video Overlay box begin */
.mainColumnHighlight .overlayBox h4, #portalpage h4, #channelLiveNavigation .btn, .seattlechannelprogram .overlayBox h4, .mainColumnHighlight .overlayBox div.videoTitle, .seattlechannelprogram .overlayBox div.videoTitle, .overlayBox div.videoTitle {    
    font-size: 220%;
}
#portalpage .mainColumnSubHighlights .overlayBox h4, #seattleChannelHome .mainColumnSubHighlights .overlayBox h4, .mainColumnSubHighlights .overlayBox div.videoTitle {    
    font-size: 130%
}
.mainColumnTwoColumn .overlayBox h4, .mainColumnTwoColumn .overlayBox div.videoTitle {    
    font-size: 175%;
}

/* Video Overlay box end */

/* Feature Images Control */

/* Feature Images Control end */

/* Feature Show Tiles */    
    .showContainer {
        padding: 0px 10px;
    }
.featureShowTitle {        
	font-size: 14px;
	margin-bottom: 15px;
}
div.featureShowTitle {
    padding: 0px 5px;
}
.mainColNav h2{
	padding-bottom:0.3em;
}
/* End Feature Show Tiles */

.noticeContent {
    float: left;
}
/*.noticeContent p{
    margin:0;
}*/
/*.aboutShowToggle:before {
    content: " | ";
}*/
.aboutShow {
	border: 1px solid #ccc;
	padding: 0 10px;
	margin-bottom: 15px;
}
#seaChanProgramEventInfo{
	
}

#seaChanProgramEventInfoAlert{
	border: 1px solid #00539f;
	padding: 10px 10px 0px 10px;
	margin-bottom: 15px;	
}

/* End Feature Show Archives */

/* Schedule Styles */
/* TV Schedule styles */
       div.episodeMore {
            display: none;
        }
		#scheduleContainer {
            padding-top:0px;
			
        }
        #scheduleContainer div button {
            border: none;
        }
        #scheduleContainer > .row {
            margin-right: 0px;
            margin-left: 0px;
			margin-top:10px;
            padding: 5px;
			border: 1px solid #E8E8E8;
        }
        a.videoLink {
            padding-right: 10px;
        }
        .episodeTime {            
            padding-left: 5px;
            padding-right: 5px;
        }
        /*#scheduleContainer > div div {
            font-size: medium;
        }*/
        .episodeText {
            padding-left: 5px;
            padding-right: 5px;
        } 
        .currentTime {
            background-color: #999;
        }
		.channels {
			color:#999;
		}





/* End Schedule Styles */

/* hide sidebar image links on Mayor and Council homepage, targets class based on xid of maincolumntwocolumn container */
#x28422 .sidebarImageLink {
    display: none;
}
/* Department Footer */
#footerHR {
    border-top: none;
}
#deptFooter {
    background-color: #FCFCFC;
	padding-top:0.5em;
}
#streetLabel {
    display: none;
}
#addressMailing {
    display: none;
}
#deptPhoneNumbers {
    display: none;
}
#deptSocialMediaFooter {
    display: none;
}
#deptColumn3 {
    padding-left: 10px; /* was 30 */
}
#deptFooterText {
    padding-bottom: 10px;
    background-color: #FCFCFC
}
#seafooter {
    display: none;
}

/* Blog styles */

.feedContainer{
	border: none;
	margin-top:0px;	
}

.feedContainer > .rssItem {
    margin-right: 0px;
    margin-left: 0px;
	margin-top:9px;
    padding: 8px;
	border: 1px solid #E8E8E8;
}
.even {
    background-color: #FFFFFF;
}

.feedContainer h2 {
    padding-bottom: 0px;
}
.rssDate {
    font-style: normal;
	color: #575757;
}

/* Blog styles */

/* Latest Mayor and Council Custom RSS */
h3.rssTitle {
    padding-bottom: 10px;
    float: left;
}
.rssItem {    
    padding-bottom: 0.8em;
}
.rssMoreVideos {
    padding-left: 6px;
    padding-top: 4px;
    float: left;
    color: #707070;
}
.rssMoreVideos a {
    color:#999; 
}

/* Video Not Found */
#notFoundFormContainer {
    display: none;
}

/* accessibility changes */

.channels, .episodeDate, .programTitle, .pageTitle, .rssTitle, .rssMoreVideos, #topNavRow H2 a, #sm-md-Nav li > a, .msn, .podcastMsn, .podcastDate, .showTitle, .episodeMore em {
    color: #707070;
}
#deptFooter .footerLinkList a, #deptFooterText a, .archiveLink {
    color: #0046AD; /*Seattle Blue */
}

/* small phone only, <= 360px */
@media (max-width: 360px) {
#x27637 .rssTitle{
		padding-bottom:0;
	}
	#x27637 .rssMoreVideos{
		padding-left:0;
		padding-top:0;
		padding-bottom:8px;
	}
	.rssMoreVideos:before {
    	content: "";
	}
	.programImage .overlayBox {
        height: 3.6em;
        margin-top: -3.9em;
        max-width: 640px;
    } /* added */
}

/* Phone only, <= 767px */
@media (max-width: 767px) {

    .podcastImage {
        margin-top: 15px;
    }

    /* header */
    #cityBrand {
        padding-top: 10px;
    }
    #seattleChannelNavLogo img {
        max-height: 80px;
    }
    #followUsWrapper {
        width: 50%;
        display: none;
    }
    .navbar-toggle {
        margin-top: -52px;
    }
    #searchCollectionToggle {
        display: none;
    }
    /* fonts and overlays */
	#portalpage h4, .overlayBox div.videoTitle, .seattlechannelprogram .overlayBox div.videoTitle  {
        font-size: 130%;
	}
    .seattlechannelprogram .overlayBox {
		display: none !important;
	}
    .mainColumnHighlight {
        margin-bottom: 10px;
    }     
    a.featureShowTitle {
      margin: 5px;
      display: inline-block;
      line-height: 1.2em;
    } 
	.mainColumnTwoColumn .twoColRight .overlayBox {    
    	margin-top:-4em;
	}
    .mainColumnTwoColumn .overlayBox h4, .mainColumnTwoColumn .overlayBox div.videoTitle  {    
       font-size: 120%;
    }    
    div.featureShowTitle {
        height: 165px;
    }
    .mainColumnHighlight .overlayBox, .mainColumnSubHighlights .overlayBox, .mainColumnTwoColumn .overlayBox, .panel-body .overlayBox {
        height: 4em;
        margin-top: -3.9em;
        max-width: 640px;
    }
	.programImage .overlayBox {
        height: 4em;
        margin-top: -4.3em; /* was -3.9 */
        max-width: 640px;
        display: none !important;
    }
    #seattleChannelHome .twoColRight, #seattleChannelHome .twoColLeft {
        padding-left: 9px;
        padding-right: 9px;
    }
    .seachanHome3Col {
        margin-right: -15px;
        margin-left: -15px;
    }
	#seachanSub2 h2, #seachanSub3 h2{
		margin-top:20px;
	}
	#x28422 .twoColRight{
		padding-right:10px; /* was 0 */
		padding-left:15px; /* was 0 */
	}
	.programDescription {
		max-height: 360px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 10px 0 0 15px;
	}
	.noticeContent p{
		margin:0;
	}
	.seaCarousel .carouselMoreLink a {
		border-radius: 0;
		padding: 0;
		border: none;
		background: none;
	}/*added 2/5*/
	.seaCarousel .carouselMoreLink:before {
		content: " | ";
	}/*added 2/5*/
}

/* Medium devices and up */
@media (min-width: 768px){
  #seattleChannelNavLogo {    
    margin: -14px 15px 10px 20px;     
  }
  .seattleChannel_HeaderWrapper {
    background-image: url("../images/borderSC.png");
    min-height: 67px;
    background-repeat: repeat-x;
    margin-top: 17px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  #followUsWrapper {
    padding-top: 18px;
    padding-right: 10px;
  }
  #followUsSocialMedia {
    padding-top: 4px;
  }
  #seattleChannelSubHead > div {
    padding-top: 6px;
    padding-left: 10px;
  }    
    div.featureShowTitle {
        height: 165px;
    }

}

/* Medium devices (tablet, 768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    #citySearch {
        margin-top: 7px;
    }
    #seattleChannelNavLogo {
        margin-right: 10px;
    }
    #sm-md-Nav {
        width: 57%;
    }
    #sm-md-Nav li {        
        padding-top: 5px;
    }
    #sm-md-Nav li > a {
        font-size: 26px;
    }
    #followUsWrapper {
        padding-right: 5px;
    }
    /* mainhighlight and sub highlight layout */
    .mainColumnHighlight {
        padding-right: 7px;
    }
    .mainColumnSubHighlights {
        padding-left: 5px;
    }
    /* overlay boxes tablet */
    .mainColumnHighlight .overlayBox h4, #portalpage h4, .mainColumnHighlight .overlayBox div.videoTitle, .seattlechannelprogram .overlayBox div.videoTitle  {
        font-size: 180%;
    }
    .mainColumnHighlight .overlayBox {
        margin-top: -16%;
        height: 5.5em;
    }
    .programImage .overlayBox {
        margin-top: -15.5%;
        height: 5.2em;
    }
    .carousel-inner .videoImage {
        min-height: 150px;
    }
    .videoImage .overlayBox {
        margin-top: -16%;
    }
    .mainColumnSubHighlights .overlayBox {
        margin-top: -21%;
        height: 3.5em;
        padding: 8px;
    }
    .mainColumnSubHighlights .overlayBox h4, #seattleChannelHome .mainColumnSubHighlights .overlayBox h4, .mainColumnSubHighlights .overlayBox div.videoTitle, #seattleChannelHome .mainColumnSubHighlights .overlayBox div.videoTitle   {
        font-size: 105%;
    }
    .mainColumnTwoColumn .overlayBox h4, .mainColumnTwoColumn .overlayBox div.videoTitle  {
        font-size: 150%;
    }
    .mainColumnTwoColumn .overlayBox {
        margin-top: -17.5%;
        height: 4.5em;
    }
    /* Feature Show layout tablet */
    .showContainer {
        padding: 0px 6px 0px 9px;
    }
    div.featureShowTitle {
        padding: 0px 5px;        
    }
    #seaChanSubRight {
        margin-left: 24px;
    }
    .programDescription {
        max-height: 280px;
    }	    
    
}

/* Large devices (Desktop, Laptop, 992px+) */
@media (min-width: 991px) {
    #sm-md-Nav li {
        width: 113px;    
    }    
    #taxonomyTermGroup .btn-default {
        border: none;        
    }
    #taxonomyTermGroup .btn > input.paginationInput {
        position: relative;
        z-index: auto;
        opacity: 1;
        margin-right: 10px;
    } 
    .mainColHighlightBottom {
        padding-top: 1px;
    }
       
}
@media (min-width: 1200px) {
    
}

@media (min-width: 1280px) {
    .container {
        width: 960px;
        max-width: 960px;
    }

    #header, #topNavRow, #seafooter, #colorBox, #footer2, .colorBox {
        width: 960px;
    }

    .container .colorBox {
        width: 960px;
    }
    #portalpage #featureBox #carousel .carousel-inner {
        width: 700px;
    }
    #leftNav li {
        width: 238px;
    }
    .scroll {
        height: 219px;
    }
}


.podcastMsn:before {
    content: "TV ID: ";
}

.podcastMsn {
    font-size: smaller;
    color: #999;
	margin-top: 5px;
}

.listenNowIcon {
    background-image: url(../images/noun_Audio_1559584_0046ad.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding-top: 5px;
    padding-left: 30px;
    text-decoration: underline;
	cursor: pointer;
}

#podcastImage {
    max-width: 190px;
    max-height: 190px;
}

.podcastDuration:before {
    content: " | ";
}

.paginationInput #inputContainer .btn {
    color: #fff;
    background-color: rgb(2,92,150);
}

.paginationInput #inputContainer .btn:hover {
    color: #fff;
    background-color: #000;
}

.PortalIndex.department #Thumbnail_Excerpt span, .PortalIndex.department #Tiled_Thumbnail span {
	margin-right: 5px;
}

.paginationContainer .row.paginationItem {
	min-height: 150px;
}