@media screen and (max-width: 1055px), handheld and (max-device-width: 1055px) {
	.two-col-grid-mobile {
		display: grid;
		grid-template-columns: 50% 50%;
		gap: 15px;
	}
}

 @media screen and (max-width: 550px), handheld and (max-device-width: 550px) {
 	.two-col-grid-mobile {
 		grid-template-columns: 100%;
 		gap: 20px 0;
 	}
 }

 .col-70-30 {
 	display: grid;
 	grid-template-columns: 70% 30%;
 	gap: 15px;
 	align-items: baseline;
 } 

 @media screen and (max-width: 550px), handheld and (max-device-width: 550px) {
 	.col-70-30 {
 		grid-template-columns: 100%;
 	}
}

/* On Now Next */

.now-next-schedule {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 3rem;
}

.the-u .logo-column-container img {
	width: 75px;
	margin: 1.2rem 0 0.5rem;
}

.u-too .logo-column-container img {
	width: 75px;
	margin: 2rem 0 1rem;
}

.black-small-heading {
	color: #001d24;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.gray-small-heading {
	color: var(--gray);
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 1px;
}

.now-next-schedule .content-top {
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.now-next-schedule.u-too .content-top {
	background-color: var(--yellow);
}

.now-next-schedule.the-u .content-top {
	background-color: var(--red);
}

.the-u .btn-primary,
.now-next-schedule.u-too .btn-primary {
	background-color: var(--red);
}

.the-u .btn-primary:hover,
.the-u .btn-primary:focus,
.u-too .btn-primary:hover,
.u-too .btn-primary:focus {
	background-color: white;
	color: var(--red);
	border: 2px solid;
}

.now-next-schedule .content-bottom {
	background-color: white;
	flex: 1;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.now-next-schedule .schedule-top {
	padding: 1rem 1rem 0.5rem;
}

.now-next-schedule .schedule-bottom {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.now-next-item {
	background-color: white;
	margin-bottom: 1.3rem;
	padding: 1rem;
}

.now-next-time {
	margin-left: 0.3rem;
}

.now-next-title,
.now-next-title a {
	color: #2b2b2b;
	font-size: 2.2rem;
	font-weight: 300;
	padding-top: 0.3rem;
}

.u-too .now-next-title a:hover,
.u-too .now-next-title a:focus {
	color: var(--yellow)
}

.the-u .now-next-title a:hover,
.the-u .now-next-title a:focus {
	color: var(--red);
}

.content-bottom {
	padding: 2.5rem 1rem 1rem;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}

.content-bottom .schedule-button {
	margin: 4.5rem 0 5rem;
}

.later-item {
	display: flex;
	align-items: baseline;
	margin: 1.5rem 0 1rem;
}

.later-item .now-next-time {
	flex: 25%;
}

.later-item .now-next-title {
	display: flex;
	flex: 70%;
	margin-left: 1rem;
	padding: 0;
}

.content-callout-heading {
	font-size: 3.5rem;
	line-height: 4rem;
	color: rgb(12,59,51);
	margin:  0 auto 2rem;
}

.thejam-newsletter h2 {
    margin: 0 0 0.5rem;
	font-weight: 400;
	text-align: center;
}

.cw-home-newsletter form {
	background-color: rgb(12,59,51);
	width: 100%;
}

/* MASONRY */

.fullwidth-social-grid {
 	width: 100%;
    margin-top: 10px;
    flex-basis: auto;
}

.grid-sizer {
    width: 48.2%;
}

.gutter-sizer {
    width: 3.6%;
}

.masonry {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
}

.social-icons a:hover,
.social-icons a:focus {
	filter: brightness(115%);
}

.social-icons a {
	background-color: #000;
	display: inline-block;
	position: relative;
	color: #fff;
	font-weight: 400;
	padding: 2.2rem;
	border-radius: 100%;
	margin: 0 6px;
}

.social-icons a i {
	position: absolute;
	font-size: 2.3rem;
	top: 25%;
	left: 50%;
	transform: translate(-50%);
}

.social-icons a i.fa-facebook-f {
	position: absolute;
	font-size: 2.3rem;
	top: 25%;
	left: 50%;
	transform: translate(-50%);
}

.social-icons a i.fa-twitter {
	position: absolute;
	font-size: 2.3rem;
	top: 25%;
	transform: translate(-50%);
}

.social-icons a i.fa-instagram {
	position: absolute;
	font-size: 2.3rem;
	top: 25%;
	transform: translate(-50%);
}

.social-icons .facebook {
	background-color: #4367b2;
}

.social-icons .instagram {
	background-color: #ff3e9d;
}

.social-icons {
	display: flex;
	justify-content: center;
}

.connect-twitter,
.cw-home-connect-twitter {
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    color: #2b2b2b;
    padding: 20px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300;
    overflow: hidden;
}

.connect-facebook a, .connect-twitter a, .connect-instagram a {
    color: #2b2b2b;
}

.grid-item.connect-twitter:hover, .grid-item.connect-facebook:hover, .grid-item.connect-instagram:hover {
    filter: brightness(115%);
}

.connect-facebook-bottom-div, .connect-instagram-bottom-div,
.cw-home-connect-facebook-bottom-div, .cw-home-connect-instagram-bottom-div {
	position: relative;
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	color: #2b2b2b;
	padding: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: .5px;
	overflow: hidden;
}

.connect-facebook a img, .connect-instagram a img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: block;
  	width: 100%;
}

.connect-facebook a i {
	display: block;
	color: #4367b2;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 16px;
}

.connect-twitter a i {
	display: block;
	color: #55acee;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 16px;
}

.connect-instagram a i {
	display: block;
	color: #ff3e9d;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 16px;
}

.connect-facebook span, .connect-twitter span, .connect-instagram span {
	font-weight: 600;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	display: block;
	margin-top: 18px;
}


/* Sidebar */

.affiliate-widget {
	margin-top: 4.5rem;
}

/* MASONRY PHOTOS */

.cw-home-connect-left.fullwidth-social-grid .grid-item {
    width: 48.2%;
    float: left;
    margin-bottom: 3.6%;
    cursor: pointer;
}

/*************  PROMO Ad ********************/
.cw-header-ad-promo-mobile {
	display: none;
}

.cw-header-ad-promo {
	display: flex;
	flex: 1;
	justify-content: center;
	margin-top: 0.3rem;
	margin-left: 3.5rem;
	width: 452px;
}

/* FULLWIDTH 4 COLUMN FOR WCIU */

.fullwidth-social-grid .grid-item {
    width: 24.2%;
    float: left;
    margin-bottom: 3.6%;
    cursor: pointer;
}

.fullwidth-social-grid .grid-sizer{
    width: 24.2%;
}

.fullwidth-social-grid .gutter-sizer{
    width: 1%;    
}

/* Videos */

.cw-video-container,
.content-primary-container {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	font-size: 18px;
	font-size: 1.8rem;
}

.video-js {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.vjs-poster {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.video-js .vjs-tech {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.story-desc {
	display: block;
	padding: 2rem 2rem 2.5rem;
}

.story-desc-small {
	padding: 1.5rem 1.5rem 1.8rem;
}

.video-sponsored-container i {
	vertical-align: middle;
}

/* Article Slideshow */
.content-slideshow-wrap h1 {
	margin: 4rem 0 0;
}

.content-slide-control-wrap {
	margin-top: -2rem;
}

.content-slide-control-wrap .bx-controls-direction {
	margin-top: 1rem;
}

.content-slide-control-wrap .fa-chevron-right, 
.content-slide-control-wrap .fa-chevron-left {
	font-size: 3rem;
}

.content-slide-control-wrap .fa-chevron-right {
	float: right;
}

.content-slides-count {
	font-size: 2rem;
	font-weight: bold;
	margin-top: -2.5rem;
	text-align: center;
}

.content-callout-sidebar {
	display: flex;
    flex-direction: column;
   	margin: 0 0 6rem;
    border-radius: 1rem;
 }

.content-callout-sidebar img {
	border-top-left-radius:  1rem;
	border-top-right-radius:  1rem;
}

.content-callout-sidebar .content-callout-sidebar-inner {
	padding: 2.5rem 2.5rem 2rem;
}

.content-now-title {
	font-size: 3.6rem;
    line-height: 3.6rem;
    font-weight: 600;
}


/* -------------- Header Sponsorship/Weather -------------- */


.header-sponsor-inner {
	flex-direction: row;
	margin-bottom: 2rem;
}

.header-sponsor-inner,
.header-inner-top {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cw-header-ads img {
	width: 90%;
}

.header-time,
.header-temp {
	background-color: white;
	color: black;
	font-size: 4.8rem;
	font-weight: 500;
	border-radius: 15px;
	margin-right: 5rem;
	box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 20%);
}

.header-time {
	padding: 0.3rem 2.4rem;
}

.header-temp {
	padding: 0.3rem 2.8rem;
}

.am-pm {
	font-size: 2.4rem;
	font-weight: 500;
    text-transform: uppercase;
}

.header-sponsor-ad {
	margin-right: 2rem;
}

.cw-header-ads {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.cw-header-ad-leaderboard {
	width: 300px;
}

@media screen and (max-width: 1055px), handheld and (max-device-width: 1055px) {

	.now-next-schedule {
		width: 100%;
	}

	.affiliate-widget {
		margin-top: 2rem;
	}

	.social-icons {
		justify-content: center;
	}

	.social h3 {
		text-align: center;
	}

	.header-sponsor-inner {
		flex-direction: row;
	}

	.header-inner-top {
		flex-direction: row;
		padding: 0;
	}

	.header-time,
	.header-temp {
		font-size: 3rem;
		padding: 0.4rem 2.4rem;
	}
}


@media screen and (max-width: 1250px), handheld and (max-device-width: 1250px) {

	.cw-header-ad-leaderboard {
		display: block;
		margin: 0 auto;
	}

}

@media screen and (max-width: 1100px), handheld and (max-device-width: 1100px){

	.cw-home-jam-weather::before,
	.home-jam-weather::before {
		font-size: 2.6rem;
		font-weight: 300;
		position: absolute;
		top: -40px;
	}
}

@media screen and (max-width: 1020px), handheld and (max-device-width: 1020px) {

	.cbp-spmenu h3{
		color: #afdefa;
		font-size: 1.9em;
		padding: 20px;
		margin: 0;
		font-weight: 300;
		background: #0d77b6;
	}

	.cbp-spmenu a:hover{
		background: #322d2d;
		color: #fff;
	}

	.cbp-spmenu a:active{
		background: #322d2d;
		color: #47a3da;
	}

	/* Orientation-dependent styles for the content of the menu */

	.cbp-spmenu-vertical{
		width: 240px;
		height: 100%;
		top: 0;
		z-index: 1000;
	}

	.cbp-spmenu-vertical a{
		border-bottom: 1px solid #ddd;
		border-left: none;
		padding: 1em;
	}

	/* Vertical menu that slides from the left or right */

	.cbp-spmenu-left{
		left: -240px;
	}

	.cbp-spmenu-right{
		right: -240px;
	}

	.cbp-spmenu-left.cbp-spmenu-open{
		left: 0px;
	}

	.cbp-spmenu-right.cbp-spmenu-open{
		box-shadow: 0 0 10px #000;
		right: 0px;
	}

	/* Push classes applied to the body */

	.cbp-spmenu-push{
		overflow-x: hidden;
		position: relative;
		left: 0;
	}

	.cbp-spmenu-push-toright{
		left: 240px;
	}

	.cbp-spmenu-push-toleft{
		left: -240px;
	}

	.cbp-spmenu-push-toleft .is-sticky .search-nav-tabs-inner{
		right: 240px;
	}

	/* Transitions */

	.cbp-spmenu,
	.cbp-spmenu-push,
	.cbp-spmenu-push-toleft .is-sticky .search-nav-tabs-inner{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	/* General styles for all menus */
	.cbp-spmenu{
		background: #eaeaea;
		overflow: auto;
		position: fixed;
	}

	.cw-header-ad-promo{
		display: none;
	}
}

@media screen and (max-width: 800px), handheld and (max-device-width: 800px) {

	.col-70-30 {
		grid-template-columns: 100%;
	}

	.cw-home-newsletter {
		padding-bottom: 0;
		margin-bottom: 4rem;
	}

	.cw-newsletter-wrapper,
	.cw-home-jam-main,
	.cw-home-jam-small  {
		width: 100%;
		margin: 0;
	}

	.cw-home-jam-flex-wrapper {
		flex-wrap: wrap;
	}

	.cw-home-jam-small > div {
		margin: 2rem 0 0;
		width: 48%;
		display: inline-block;
		float: right;
		clear: none;
	}

	.cw-home-jam-small > div:first-child {
		float: left;
		clear: none;
	}

	.cw-home-jam-weather,
	.home-jam-weather {
		margin-left: 0;
		margin-top: .5%;
		width: 48.4375%;
	}

	.cw-home-jam-weather::before,
	.home-jam-weather:before {
		display: none;
	}

	.connect{
		padding-bottom: 6rem;
	}

	.affiliate-widget {
		margin-bottom: 2rem;
	}

	.fullwidth-social-grid .grid-item {
		width: 50%;
	}

	.thejam-newsletter {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 750px), handheld and (max-device-width: 750px) {

	.cw-home-new-next-logo-wrapper,
	.cw-home-new-next-logo-wrapper-the-u  {
		height: 100%;
	}

	.connect h1 .social-icons {
		display: block;
		margin-top: 1.5rem;
	}

	.cw-home-newsletter {
		padding-top: 0;
	}

}

@media screen and (max-width: 550px), handheld and (max-device-width: 550px) {
	.content-bottom .schedule-button {
		margin: 4.5rem 0 5rem;
	}
}

@media screen and (max-width: 500px), handheld and (max-device-width: 500px) {

	.affiliate-widget {
		margin-top: 3.5rem;
	}

	.cw-home-stories {
		padding-bottom: 2rem;
	}

	.cw-home-jam {
		padding-top: 4rem;
	}

	.cw-home-jam-small > div {
		width: 100%;
		display: block;
		font-size: 29px;
		font-weight: 300;
		line-height: 3.6rem;
		line-height: 36px;
		margin-top: 20px;
		float: none;
		min-height: auto;
	}

	.cw-home-jam-small > div:first-child {
		margin-right: 0;
		float: none;
	}

	.cw-home-jam-weather,
	.home-jam-weather {
		width: 100%;
	}

	.cw-home-jam-weather > div,
	.home-jam-weather > div {
		width: 100%;
		margin-top: 20px;
	}

	h1.cw-h1 {
		font-size: 3.4rem;
		font-size: 34px;
		line-height: 3.8rem;
		line-height: 38px;
	}

	h1.cw-h1 a {
		font-size: 1.6rem;
		font-size: 16px;
	}

	h4.cw-h4 {
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 2.3rem;
		line-height: 23px;
	}

	.cw-home-jam-main, .cw-home-jam-small > div {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 27px;
		line-height: 2.7rem;
	}

	.fullwidth-social-grid .grid-item {
		width: 100%;
	}

	.cw-home-connect-left.fullwidth-social-grid .grid-item {
	    width: 100%;
	}

	.cw-home-newsletter form,
	.thejam-newsletter form {
		padding: 1.5rem;
	}

}

@media screen and (max-width: 885px), handheld and (max-device-width: 885px) {

	.cw-home-newsletter form {
		width: 90%;
	}

}

@media screen and (max-width: 700px), handheld and (max-device-width: 700px){
	.thejam-newsletter {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 550px), handheld and (max-device-width: 550px) {

	.cw-header-ad-leaderboard {
		width: 320px;
		margin-bottom: 15px;
	}

	.cw-header-ads {
		flex-direction: column;
	}

	.cw-header-ad-promo-mobile  {
		display: block;
		width: 100%;
		display: block;
		vertical-align: top;
		overflow: hidden;
        margin: 0px auto;
        text-align: center;
	}
        
	.header-ad-leaderboard{
	    margin: 0px auto;
	    margin-bottom: 1.5rem;
	    width: 320px;
	}

	.thejam-newsletter form {
		display: flex;
		width: 100%;
		margin-left: 0;
	}

	.header-sponsor-inner {
		flex-direction: column;
		padding: 1rem;
	}

	.header-inner-top {
		margin-bottom: 3rem;
	}

	.header-sponsor-container {
		padding-top: 2rem;
	}

	.header-time, 
	.header-temp {
		margin-right: 3rem;
	}
}