/* General */ 
.blog-panel.v1 {
	padding-top:7.556rem;
	padding-bottom:7.5rem;
}

.blog-panel.v1 header {
	text-align:center;
	padding-bottom:2.556rem;
}

.blog-panel.v1 header p {
	margin:0;
	font-weight:500;
}

.blog-panel.v1 .blog-panel-item.news {
	width: 52%;
	margin: 1em;
}

.blog-panel.v1 .blog-panel-item.blog {
	width: 48%;
	margin: 1em;
    display: flex;
    align-items: flex-end;
}

.blog-panel.v1 .blog-panel-item p {
	font-size:1rem;
	color:var(--text-color);
}

.blog-panel.v1 .btn-cont {
	padding-top:2.44rem;
}

.blog-panel.v1.has-news.no-blog .blog-panel-item.news {
	width:100%;
}

.blog-panel.v1.has-news.no-blog .blog-panel-item.blog {
	display:none;
} 
/* End General */

/* News */
.blog-panel.v1 .news li {
	border-bottom:2px solid var(--click2-color);
}

.blog-panel.v1 .news li a {
	padding-bottom:2rem;
}


.blog-panel.v1 .news li p {
	margin:.722rem 0 .44rem;
}

.blog-panel.v1 .news li + li a {
	padding-top:2.111rem;
}

/* Blog */
.blog-panel.v1 .blog a {
	position:relative;
}

.blog-panel.v1 .blog a figure {
	position:relative;
	width:100%;
	height:20rem;
}

.blog-panel.v1 .blog a figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 50%;
}

.blog-panel.v1 .blog a .header-cont {
	position:relative;
	z-index:1;
	padding:1.333rem 3.556rem 0 0;
	max-width:28.056rem;
}

.blog-panel.v1 .blog a .header-cont:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--white-color);
	content:'';
	z-index:-1;
}

.blog-panel.v1 .blog p {
	margin:.889rem 0 1.111rem;
} 

/* Local Override */
.blog-panel.v1.local {
	margin-top:-5.222rem;
}

.blog-panel.v1.local header {
	position:relative;
	z-index:2;
}

.blog-panel.v1.local .main {
	z-index:1;
}

.blog-panel.v1.local .main:before {
	position:absolute;
	top:-16rem;
	left:2.5%;
	width:calc(100% - (2.5% * 2));
	height:100%;
	background-color:var(--white-color);
	content:'';
	z-index:-2;
}

.blog-panel.v1.local.stephenson-cancer-center .news li {
	border-color:var(--tertiary-color);
}

/* Childrens Override */
.blog-panel.v1.local.oklahoma-childrens {
	margin-top:0;
} 

.blog-panel.v1.local.oklahoma-childrens .main:before {
	display:none;
}

.blog-panel.v1.oklahoma-childrens .news li {
	border-color:#7EDDD3;
}
/* Min Width 1025px */
@media screen and (min-width:1025px){
	.blog-panel.v1 .blog a figure {
		opacity:0;
		transition:1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	}
	
	.blog-panel.v1.visible .blog a figure {
		opacity:1;	
	}
}

/* 1280px Responsive */
@media screen and (max-width:1280px){
	.blog-panel.v1 .blog-panel-item.news {
		width:58%;
	}
	
	.blog-panel.v1 .blog-panel-item.blog {
		width:38%;
	}
}

/* 1024px Responsive */
@media screen and (max-width:1024px){
	.blog-panel.v1 .main {
		flex-wrap:wrap;
	}
	
	.blog-panel.v1 .blog-panel-item.news,
	.blog-panel.v1 .blog-panel-item.blog {
		width:100%;
	}
	
	.blog-panel.v1 .blog-panel-item.blog {
		margin-top:2rem;
	}
	
	.blog-panel.v1 .news li + li a {
		padding-top:1.11rem;
	}
	
	.blog-panel.v1 .news li a {
		padding-bottom:1rem;
	}
	
	.blog-panel.v1 header {
		padding-left:2.5%;
		padding-right:2.5%;
	}
	
	.blog-panel.v1.local {
		margin-top:0;
	}
	
	.blog-panel.v1 .blog a figure {
		height: 30rem;
	}
}

/* 800px Responsive */
@media screen and (max-width:800px) {
	.blog-panel.v1 .blog a figure {
		height: 20rem;
	}
}

/* 500px Responsive */
@media screen and (max-width:500px){
	.blog-panel.v1 {
		padding-bottom:5.7rem;
		padding-top:3.2rem;
	}
	.blog-panel.v1 header {
		text-align:left;
	}
	
	.blog-panel.v1 header p {
		font-size:1.15rem;
		line-height:1.55;
		padding-top:.57rem;
	}
	
	.blog-panel.v1 .news li .title-style-3 {
		font-size:1.28rem;
		line-height:1.5;
	}
	
	.blog-panel.v1 .news li p, .blog-panel.v1 .link-style-1 {
		display:none;
	}
	
	.blog-panel.v1 .news li a {
		padding-bottom:1.6rem;
	}
	
	.blog-panel.v1 .news li + li a {
		padding-top:1.79rem;
	}
	
	.blog-panel.v1 .btn-cont {
		padding-top:2.04rem;
	}
	
	.blog-panel.v1 .blog-panel-item.blog {
		margin-top:3.13rem;
	}
	
	.blog-panel.v1 .blog a figure {
		height:13.25rem;
	}
	
	.blog-panel.v1 .blog a .header-cont {
		margin-top:0;
		max-width:100%;
		padding:1.34rem 0 0;
	}
	
	.blog-panel.v1 .blog .btn-cont {
		padding-top:1.28rem;
	}
	
	.blog-panel.v1 header {
		padding-left:1.28rem;
		padding-right:2.28rem;
	}
	
	.blog-panel.v1.local.the-childrens-hospital {
		position:relative;
		z-index:1;
	}
	
	.blog-panel.v1.local.the-childrens-hospital:before {
		position:absolute;
		top:2rem;
		right:0;
		width:7.3rem;
		height:24.72rem;
		background-image:url(/images/panel/mobile-kite-right.png);
		background-size:cover;
		background-position:50% 50%;
		content:'';
		z-index:-1;
	}
}