/****************************************************************************************************************
* Last Updated By: dan  *  01/03/19  *  CMS Version: 163  *  Ticket No.: OTSD-7337
* ONLY INCLUDE HOME PAGE SPECIFIC STYLES HERE
****************************************************************************************************************/

.page #bodyContainer{padding-bottom:0;}
.white-spacer{display:none;}
/* Feature */
.feature-full{padding-bottom:0;background: url('');background-position: 50% center;background-repeat: no-repeat;background-size: cover;position: relative;margin-bottom:0;max-width: 100%;height:auto;margin-top:-66px}
.feature-full div{margin-top:-19px;position: relative;padding-bottom: 56.5%; /* 16:9 */padding-top: 0;height: 0;}
.feature-full{height:100% !important;padding:0;}
.feature-full div img{position: absolute;top: 0;left: 0;width: 100%;height:100%;margin:0;}

.masthead{padding-bottom:0;background-image: url("//media.cozitv.com/images/cozi-video-hp.jpg");background-position: 50% center;background-repeat: no-repeat;background-size: cover;position: relative;margin-bottom:44px;}
.video-hp-gradient{background:#7c55a2;opacity:0.75;position:absolute;width:100%;height:100%;}
#news-top-stories-all {width:994px;margin:60px auto 15px;padding:0;position:relative;}
#stunt-module {width:994px;margin:60px auto 60px;padding:0;position:relative;}
#news-top-stories-module, #stunt-top-stories-module {width:100%;position:relative;clear:both;}
.stunt{padding-bottom:0;background-image: url("//media.cozitv.com/images/cozi-stunt-hp.jpg");background-position: 50% center;background-repeat: no-repeat;background-size: cover;position: relative;margin-bottom:44px;}
.stunt-hp-gradient{background:#7c55a2;opacity:0.75;position:absolute;width:100%;height:100%;}

/* Carousel Styles */
.carousel-hero-region {margin:0 auto;width:700px;background-color:#003451;fposition:relative;}
.carousel-hero-region div.hero {width:700px;position:relative;display:block !important;}
div.vodDisplayRegion{left:147px;}
.carousel-hero-region div.playButtonLarge{background: url('//media.cozitv.com/designimages/cozi_sprite_networkSocial_new.png') no-repeat 20px -43px;cursor:pointer;position:absolute; height:67px;left:282px;top:163px;width:118px;}
.carousel-hero-region div #video-player{display:block;width:700px;height:394px;}
.carousel-hero-region div.video_release a img {position:relative;z-index:0;width:700px;}
.carousel-hero-region div.summary {width:670px;background:#003451;padding:6px 15px 10px;float:left;height:58px;margin:0 0 16px;}
.carousel-hero-region div.summary h1 {float:left;font-size:18px;color:#00effa;letter-spacing:normal;margin:0 10px 7px 0;padding:0;font-family:"Oswald", sans-serif;text-transform: uppercase;}
.carousel-hero-region div.summary h2 {float:left;font-size:15px;font-weight:400;color:#00effa;font-family:"Montserrat",sans-serif;margin:2px 0 0;line-height: 17px;}
.carousel-hero-region div.summary h2 span {color:#fff;}
.carousel-hero-region div.summary h1 a {color:#00effa;text-decoration:none;display:block;}
.carousel-hero-region div.summary h2 a {color:#fff;text-decoration:none;}
.carousel-hero-region div.summary a:hover {text-decoration:none;}
#carousel-story-selection {clear:both;float:left;margin:35px 0;padding:0;}
ul.carousel-stories {list-style-type:none;margin:0;float:left;}
ul.carousel-stories li {border:1px solid #fff;float:left;width:220px;height:124px;padding:0;margin:0 30px 0 0;position:relative;overflow:hidden;}
ul.carousel-stories li h2 {background:#f2f2f2;bottom:2px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:15px;line-height:1.3em;color:#00EFFA;height:34px;padding:5px 10px 6px;position:absolute;text-transform:capitalize;width:280px;}
ul.carousel-stories li h2 a {text-decoration:none;color:#00EFFA;}
ul.carousel-stories li h2 span {color:#999;font-weight:400;margin-left:10px;}
ul.carousel-stories li img {margin:0;}
ul.carousel-stories li div.playButtonSmall{background:url("//media.nbcmiami.com/designimages/desktop-sprite.png") no-repeat -22px -58px;cursor:pointer;position:absolute;height:24px;left:96px;top:51px;width:37px;}
ul.carousel-stories li div.playButtonSmall a{display:block;width:37px;height:24px;}
ul.carousel-stories li.all_videos{border:none;width:220px;background:#00effa;padding:0;float:left;height:58px;text-align:center;margin:30px 0 0;text-transform:uppercase;}
ul.carousel-stories li.all_videos a{font-size:15px;color:#003451;font-family:"Montserrat", sans-serif;font-weight:700;line-height:58px;padding:15px 35px;}
/* Carousel Styles */

/* Get Cozi TV Listings HP Module ------------------------------------------------------- */
.get-cozi-tv-module, .get-tv-listings {margin:0 0 44px;text-align:center;width:100%;}
.get-cozi-tv-module h3, .get-tv-listings h3,.social-container h3 {color:#fff;font-family:'Oswald', sans-serif;font-size:36px;font-weight:400;padding:0 0 3px;text-transform:uppercase;}
.get-cozi-tv-module form {padding:0;}
.get-cozi-tv-module form label {color:#fff;display:block;font-family:"Montserrat", sans-serif;font-size:18px;padding:0 0 14px;}
.get-cozi-tv-module form .zip {background-color:#fff;border:1px solid #2f849f;font-family:"Montserrat", sans-serif;font-size:14px;font-style:italic;color:#c1c1c1;padding:11px 10px;width:380px;}
.get-cozi-tv-module form .submit-zip {
  background-color:#00effa;
  border:1px solid #2f849f;
  border-left: none;
  border-radius: none;
  cursor:pointer;
  font-family:"Montserrat", sans-serif;
  font-size:14px;
  font-weight:700;
  color:#003451;
  margin:0 0 0 -5px;
  height: auto;
  padding:0 20px;
  line-height: 40px;
  text-transform:uppercase;
  -webkit-appearance: none;
  -webkit-border-radius:0; }
.getlistings,.seeposts {clear:both;width: 236px;height: 39px;line-height:39px;text-align: center;background-color:#00effa;margin:10px auto 0;}
.getlistings a{color:#003451;display: inline-block;vertical-align: middle;font-size:15px;line-height: normal;font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;padding:5px 58px 9px 58px;}
.seeposts a{color:#003451;display: inline-block;vertical-align: middle;font-size:15px;line-height: normal;font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;padding:5px 40px 9px 40px;}

/* Shows HP Module ------------------------------------------------------- */
.moduleContainer{padding-bottom:0;background-image: url("//media.cozitv.com/images/cozi-show-hp.jpg");background-position: 50% center;background-repeat: no-repeat;background-size: cover; position: relative;margin-bottom:44px;}
.show-gradient{background:#7c55a2;opacity:0.75;position:absolute;width:100%;height:100%;}
.imageColumn {width:994px;margin:60px auto 15px;padding:0;position:relative;}
.first-show {width:100%;position:relative;clear:both;margin:0 0 44px;}
.first-show .container{display:block;margin:0 auto 0;width:700px;position:relative;}
.first-show h2 {bottom:0;color:#fff;font-size:36px;font-family:"Oswald", sans-serif;font-weight:400;padding-left:20px;padding-bottom: 15px;position:absolute;text-transform:uppercase;}
.first-show h2 a{color:#fff;width:auto;}
.first-show .first-gradient{transform: rotate(-180deg);background-image: linear-gradient(-1deg, rgba(255,255,255,0.00) 1%, rgba(0,0,0,0.40) 52%, rgba(0,0,0,0.60) 100%);margin:-126px auto 0;width:701px;height:124px;}
.home .listGrid ul {float:left;}
.home .listGrid ul li {float:left;margin:0 20px 16px 0;width:230px;}
.home .listGrid ul li:nth-child(4) {display:none;}
.home .listGrid ul li img {margin:0 0 5px;width:230px;height:auto;}
.home .listGrid ul li a {color:#fff;font-family:"Montserrat", sans-serif;font-size:15px;font-weight:400;line-height:normal;text-transform:uppercase;height:133px;display:block;overflow: hidden;}
.home .listGrid ul li a.show-title{height:auto;margin-top:5px;}
.home .listGrid ul .all-shows {background:#00effa;width:230px;text-align:center;height:58px;margin:30px 0 0;text-transform:uppercase;cursor:pointer;}
.home .listGrid ul .all-shows a {color:#003451;font-size:15px;line-height:58px;font-weight:700;padding:15px 44px;display:inline;height:auto;}

/* Get Cozi HP Module ------------------------------------------------------- */
.get-cozi-tv-module {margin:0 0 44px;text-align:center;width:100%;}
.get-cozi-tv-module form {padding:0;}
.get-cozi-tv-module form .zip {background-color:#fff;border:1px solid #2f849f;font-family:"Montserrat", sans-serif;font-size:14px;font-style:italic;color:#c1c1c1;padding:11px 10px;width:380px;}

.social-container {width:1200px;margin:0 auto 40px;overflow:hidden;text-align:center;position:relative;}
.social-container h3 {margin-bottom:10px;}
#civsci-id-352204560 {background: #fff;}
.social-container .wh-bx{position:absolute;bottom:54px;height:50px;background:#fff;width:100%;}

/* 481 ------------------------------------------------------- */
@media all and (min-width:481px) and (max-width:509px) {
	#stunt-module {width:500px}
	.carousel-hero-region {margin:0px;}
	.carousel-hero-region div.video_release a img, .carousel-hero-region div #video-player {
		height:276px;
		width:490px
	}
	.carousel-hero-region div.hero {
		width:490px
	}
	.carousel-hero-region div.playButtonLarge {
		left: 178px;
    	top: 98px;
	}
	.first-show .container {
	    margin: 0;
	    width: 500px;
	}
}
@media all and (min-width:510px) and (max-width:800px) {
.white-spacer{display:none;}
.feature-full,.feature-full div{margin-top:0;}
#news-top-stories-all{margin-top:30px;}
#stunt-module {margin:30px auto 30px;}
#news-top-stories-all, #news-top-stories-module,#stunt-module, #stunt-top-stories-module {width:750px;border:none;}
.carousel-hero-region{width:568px;}
.carousel-hero-region div.hero {width:568px;overflow:hidden;}
.carousel-hero-region div #video-player{width:568px;height:320px;}
.carousel-hero-region div.summary{height:37px;width:538px;padding:8px 15px 25px;}
.carousel-hero-region div.summary h1{font-size:15px;}
.carousel-hero-region div.summary h2{margin-top:-1px;}
.carousel-hero-region div.all_videos{height:95px;width:170px;}
.carousel-hero-region div.all_videos a{line-height:95px;}
.carousel-hero-region div.all_videos .fa{display:none;}
.carousel-hero-region div.video_release a img {height:320px;width:568px;}
div.vodDisplayRegion{width:568px;margin-right:0;height:320px;left:41px;}
#carousel-story-selection {margin-top:30px;width:100%;}
ul.carousel-stories li {border:none;margin:0 11px 20px 0;width:364px;height:205px}
ul.carousel-stories li img {width:364px;height:205px;}
ul.carousel-stories li h2 {position:relative;margin:-1px 0 0;line-height:15px;width:auto;}
ul.carousel-stories li.all_videos{margin:60px 0 0;width:364px;cursor:pointer;}
ul.carousel-stories li div.playButtonSmall{background: url('//media.cozitv.com/designimages/cozi_sprite_networkSocial_new.png') no-repeat 20px -43px;cursor:pointer;position:absolute;height:67px;left:125px;top:60px;width:118px;}
ul.carousel-stories li div.playButtonSmall a{height:67px;display:block;width:118px;}
.carousel-hero-region div.playButtonLarge {top:126px;left:217px;}
#civsci-id-352204560 {border:5px solid #fff;}

/* Shows HP Module ------------------------------------------------------- */
.imageColumn {margin:19px auto 0;width:750px;}
.first-show{margin:0 0 33px;}
.home .listGrid ul li {margin:0 11px 20px 0;width:364px;position:relative;}
.home .listGrid ul li .list-gradient{display:block;transform: rotate(-180deg);background-image: linear-gradient(-1deg, rgba(255,255,255,0.00) 1%, rgba(0,0,0,0.40) 52%, rgba(0,0,0,0.60) 100%);width:364px;height:79px;position:absolute;left:0;top:126px;}
.home .listGrid ul li a.show-title {font-size:18px;position:absolute;left:10px;bottom:16px;}
.home .listGrid ul li img {width:364px;}
.home .listGrid ul li:nth-child(4) {display:none;}
.home .listGrid ul .all-shows,.home .listGrid ul li:nth-child(even) {margin-right:0;}
.home .listGrid ul li a{height:205px;}
.home .listGrid ul .all-shows {height:50px;margin-top:60px;width:364px;}
.home .listGrid ul .all-shows a {line-height:50px;}
.home .listGrid ul .all-shows a .fa{display:none;}

.social-container {margin:0 auto 30px;width:650px;}
}

/* 480 ------------------------------------------------------- */
@media all and (max-width: 480px) {
.white-spacer{display:block;background:#003451;width:100%;height:20px;margin-bottom:0;}
.feature-full,.feature-full div{margin-top:0;}
.masthead{background-image:none;margin-bottom:0;}
.video-hp-gradient{display:none;}
#news-top-stories-all{margin:0 auto 0;}
.stunt {margin-bottom:0;}
.stunt #stunt-module {margin:15px auto 0;}
#news-top-stories-all, #news-top-stories-module,#stunt-module, #stunt-top-stories-module {width:100%;border:none;}
.carousel-hero-region {margin:0;width:375px;}
div.vodDisplayRegion {width:375px;height:211px;left:0;}
.carousel-hero-region div.hero {overflow:hidden;width:375px;margin:0 auto;}
.carousel-hero-region div.summary {width:355px;height:auto;padding:10px;}
.carousel-hero-region div.summary h1 {font-size:15px;line-height:16px;}
.carousel-hero-region div.summary h2 {font-size:15px;line-height:17px;margin-top:0;}
.carousel-hero-region div #video-player{width:375px;height:211px;}
.carousel-hero-region div.video_release a img {width:375px;height:auto;}
#carousel-story-selection{padding:7px 0 0;width:100%;margin-bottom:0;}
ul.carousel-stories{width:100%;}
ul.carousel-stories li {display:none;}
ul.carousel-stories li.all_videos{background:#00EFFA;color:#003451;display:block;margin:0;height:59px;width:100%;}
ul.carousel-stories li.all_videos a{color:#003451;line-height:59px;padding:15px 70px;}
.carousel-hero-region div.playButtonLarge {top:65px;left:140px;margin:0;padding:0;background-position:0 -42px;width:96px;}

/* Get Cozi Get Listings HP Module ------------------------------------------------------- */
.get-cozi-tv-module, .get-tv-listings {margin:40px 0 0;}
.get-cozi-tv-module h3, .get-tv-listings h3,.social-container h3 {color:#fff;font-family:"Oswald", sans-serif;font-size:24px;font-weight:400;padding:0 0 5px;}
.get-cozi-tv-module form {padding:0;}
.get-cozi-tv-module form .zip {margin:0 0 15px;width:300px;}
.get-cozi-tv-module form .submit-zip {clear:both;margin:0;padding:11px 0;width:355px;}
.getlistings,.seeposts {clear:both;width: 100%;height: 39px;line-height:39px;text-align: center;background-color:#00EFFA;margin:10px auto 44px;}

/* Shows HP Module ------------------------------------------------------- */
.moduleContainer{margin-bottom:0;}
.moduleContainer,.stunt{background-image: none;}
.home .show-gradient,.stunt-hp-gradient{display:none;}
.imageColumn {margin:0 auto 0;width:100%;}
.first-show{margin:0 0 20px;}
.first-show .container{width:375px;}
.first-show a img {width:375px;height:211px;}
.first-show .first-gradient {margin:-73px auto 0;width:375px;height:70px;}
.first-show h2 {font-size:18px;margin:-28px auto 0;width:91%;padding-left:10px;}
.first-show h2 a{width:100%;}
.home .listGrid {width:100%;}
.home .listGrid ul {float:none;margin:0 auto;}
.home .listGrid ul li {margin:0 9px 14px 0;width:173px;height:150px;}
.home .listGrid ul li .list-gradient{display:none;}
.home .listGrid ul li a.show-title {color:#00EFFA;font-size:15px;line-height:18px;font-weight:400;position:relative;}
.home .listGrid ul li a{height:100px;}
.home .listGrid ul li img {width:173px;}
.home .listGrid ul li:nth-child(4) {display:block;}
.home .listGrid ul .all-shows,.home .listGrid ul li:nth-child(even) {margin-right:0;}
.home .listGrid ul .all-shows{background:#00EFFA;color:#003451;display:block;margin:0;height:59px;width:100%;}
.home .listGrid ul .all-shows a{color:#003451;line-height:59px;padding:15px 90px;}

#stunt{margin:10px auto 10px;}

.social-container {margin:40px auto 0;width:300px;}
.social-container .wh-bx{bottom:99px;height:30px;}
.getlistings a{padding:9px 100px;}
.seeposts a{padding:9px 50px;}
}


@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio : 3)
    and (-webkit-device-pixel-ratio : 3)
{
  .carousel-hero-region{margin:0 20px;}
  div.vodDisplayRegion{left:20px;}

}


@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    div.vodDisplayRegion {left:91px;}
}


@media only screen
    and (min-device-width : 375px) // or 213.4375em
    and (max-device-width : 667px) // or 41.6875em
    and (width : 375px) // or 23.4375em
    and (height : 559px) // or 34.9375em
    and (orientation : portrait)
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 375/559)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{
  .home .listGrid ul li {margin:0 9px 14px 0;width:15px;height:150px;}
  .home .listGrid ul li img {width:15px;height:97px;}

}


/*BREAK*/