h1	{font-size:67px; font-size:6.7rem; font-weight:bold; line-height:67px; line-height:6.7rem;  color:#fff; margin-bottom:15px; font-family:'Montserrat', sans-serif;}
.wide-col h2	{font-family:'Raleway', sans-serif; font-size: 36px; font-size: 3.6rem; line-height: 46px; line-height: 4.6rem;  color: #0054a6; text-align: left; text-transform:none; font-weight:normal;}
.wide-col h3	{font-family:'Raleway', sans-serif; color:#95a1aa; font-size:24px; font-size:2.4rem; margin-bottom:3rem; font-weight:normal; text-transform:none;}
.wide-col h4	{color:#4a4a4a; font-size:18px; font-size:1.8rem; margin-bottom:20px;}

.blog-header-holder {overflow:hidden;}
.blog-header	{height:660px; background-repeat:no-repeat; background-size:cover; position:relative;}
.blog-header .container	{position:absolute; top:0; bottom:0; left:50%; margin-left:-550px; padding:0;}
.blog-header-text	{position:absolute; bottom:40px; left:0; width:60%;}
.blog-header-text p	{color:#ffffff; font-size:26px; font-size:2.6rem}
.blog-header-details	{width:25%; position:absolute; right:0; bottom:60px;}
.blog-header-details p	{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; margin-bottom:0; color:#fff; text-transform:uppercase; font-family:'Montserrat', sans-serif; text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.16);}
.blog-header-details span	{font-size:24px; font-size:2.4rem; display:block;}
.blog-header-details .icon	{display:inline-block; margin-bottom:10px;}
.blog-header-details-views	{width:35%; text-align:center; float:left;}
.blog-header-details-type	{width:50%; text-align:center; float:left; padding-left:2.5%; margin-left:2.5%; border-left:1px solid #fff;}

.narrow-col	{width:249px;}
.wide-col	{width:814px; margin-left:37px;}

.narrow-col .date-posted	{position:relative; float:right; font-size:28px; font-size:2.8rem; width:auto; border:1px solid #e3e7ea;}
.narrow-col .date-posted span	{font-size:19px; font-size:1.9rem; width:100%; padding:7px 10px;}

.blog-info-box	{text-align:right; border-top:1px solid #e3e7ea; margin-top:20px; padding-top:20px;}
.blog-info-box hr	{border-top:1px solid #e3e7ea;}
.blog-info-box p strong	{font-family:'Montserrat', sans-serif;}

.narrow-col .btn-circle 			{width: 50px; height: 50px; margin: 0px 5px 10px 0;  padding-top: 12px;}
.narrow-col .btn-circle-email		{margin-right:0}
.narrow-col .btn-circle-email span 	{margin-top:6px;}
.narrow-col .btn-circle-facebook span 	{margin-top:6px;}
.narrow-col .btn-circle-twitter span 	{margin-top:6px;}
h1	{text-align:left;}
p.article-tags	{color:#95a1aa; font-size:14px; font-size:1.4rem;}

.related-articles-tab			{text-align:left; font-size:18px !important; font-size:1.8rem !important; padding: 10px 0 10px 20px !important; margin-top:80px;}
.related-articles-tab.active	{background-color:#4a4a4a !important; box-shadow: 0 3px 0 #3e3e3e !important;}

ul.related-articles				{text-align:left; list-style:none; margin:0 0 0 20px; padding:1px 0;}
ul.related-articles li			{border-bottom:1px solid #e3e7ea; padding-bottom:20px; margin-bottom:20px;}
ul.related-articles li a		{font-size:18px; font-size:1.8rem; color:#0054a6; font-family:'Montserrat', sans-serif; font-weight:bold; text-decoration:none; text-transform:uppercase; display:block;}
ul.related-articles li a:hover	{color:#4a4a4a;}
ul.related-articles li a span	{color:#4a4a4a; font-size:16px; text-transform:none; font-size:1.6rem; font-family:'Raleway', sans-serif; font-weight:normal; display:block;}

.blog-full-width-item			{margin:40px 0; border-bottom:1px solid #d7d7d7;}
.blog-full-width-item img		{width:100%; margin-bottom:15px;}
.blog-full-width-item p			{color:#95a1aa; font-size:16px; font-size:1.6rem;}

.blog-video			{position:relative; padding-bottom: 56.25%; margin-bottom:15px;}
.blog-video iframe	{position:absolute; left:0; top:0;}

.block-quote				{width:80%; margin:0 auto 40px auto;}
.block-quote p				{color:#95a1aa;}
span.icon-quote-right-grey	{margin-top:-10px; float: right;}
span.icon-quote-left-grey	{margin-top:-10px;}
.block-quote hr				{width:93%; border-color:#95a1aa;}

.wide-col .social-icons	{margin:50px 0;}

.comment		{background:#ededed; position:relative; padding:30px 30px 15px 30px; margin:30px 0 15px 0; border-radius:2px; box-shadow: 0 3px 0 #4a4a4a !important;}
.comment:after	{width:20px; height:29px; background-image:url(../../img/icons/icon-triangle-left-grey.png); position:absolute; top:45px; left:-20px; content:'';}
.comment h3		{font-size:18px; font-size:1.8rem;}
.comment p		{font-size:16px; font-size:1.6rem;}
.comment-details p	{font-size:12px; font-size:1.2rem; text-transform:uppercase;}
.comment-details p strong	{font-family:'Montserrat', sans-serif;}
.comment-details a			{font-family:'Montserrat', sans-serif; font-weight:bold; text-transform:none; float:right;}

.post-comment .narrow-col	{width:30%; float:left; padding-bottom:0;}
.post-comment .wide-col		{width:68%; margin-left:2%;  float:left;}

.post-comment .narrow-col .form-col,
.post-comment .wide-col .form-col	{width:100%;}
.form-col button	{width:200px; margin-top:25px;}

a.btn-back	{margin-top:50px;}

.mobile-only	{display:none;}
.header-image	{display:none;}

a.expander-tab {display:none;}
.tab {display:block;}

@media all and (max-width: 1100px) { 
	
.narrow-col				{width:30%;}
.wide-col				{width:66%; margin-left:4%;}
.blog-header			{background-image:none !important; height:auto;}
.blog-header .container	{left:0; margin-left:0;}
.blog-header-text		{padding-left:30px;}
.header-image			{display:block; width:100%; height:auto;}

}

@media all and (max-width: 900px) { 

h1	{font-size:50px; font-size:5.0rem; line-height:55px; line-height:5.5rem;}
.blog-header-text p	{font-size:20px; font-size:2.0rem;}
.blog-header-text		{bottom:10px;}
.blog-header-details	{bottom:20px;}
}

@media all and (max-width: 768px) { 
.post-comment	{padding:20px 0;}
.post-comment .narrow-col,
.post-comment .wide-col	{width:100%; margin:0; float:none;}
.blog-header-details	{width:35%;}
h1					{font-size:40px; font-size:4.0rem; line-height:45px; line-height:4.5rem;}
.blog-header-text p	{font-size:16px; font-size:1.6rem;}

}

@media all and (max-width: 640px) { 
ul.breadcrumbs			{margin-bottom:20px; padding-top:0;}
.blog-header-text		{width:100%;}
.blog-header-text h1	{width:60%;font-size:2.5rem;line-height:3.5rem;}
.blog-header-text p		{font-size:22px; font-size:2.2rem;}


.block-quote	{text-align:center;}
.block-quote p	{font-size:20px; font-size:2.0rem;}

.narrow-col		{width:50%;}
.narrow-col .btn-circle				{width:64px; height:64px;}
.narrow-col .btn-circle-email span	{margin-top:2px;}
.narrow-col .btn-circle-facebook span	{margin-top:2px;}
.narrow-col .btn-circle-twitter span	{margin-top:2px;}
.blog-info-box						{text-align:left; padding-top:10px; margin-top:10px;}
.blog-info-box p					{font-size:16px; font-size:1.6rem;}

.narrow-col.narrow-col-blog-details	{width:40%; margin-left:10%;}
.narrow-col.narrow-col-blog-details	.blog-info-box span.icon	{float:left; width:25%;}
.narrow-col.narrow-col-blog-details	.blog-info-box p			{width:75%; font-size:14px; font-size:1.6rem; font-weight:bold; font-family:'Montserrat', sans-serif; float:left; margin-bottom:0;}

.wide-col	{width:100%; margin-left:0; padding-bottom:0;}
.wide-col .social-icons	{margin-bottom:40px;}
.block-quote	{width:100%;}
.block-quote hr	{width:83%;}
.mobile-only	{display:block;}
.related-articles-tab	{margin-top:30px;}
.desktop-only,
.narrow-col .date-posted	{display:none;}
.bottom-80	{padding-bottom:0 !important;}
.blog-header-details	{display:none;}

ul.related-articles{padding:5px;}

.comment {background:#f7f7f7;}
.comment:after {display:none;}
.post-comment {padding:20px;}
.comment-details a {display:block; float:none; margin-top:10px;}

.tab {background:#e7e7e7; padding:20px; display:none;}
.tab > h4, #comment-listing > h4 {display:none;}

a.expander-tab {display:block;}

}


@media all and (max-width: 480px) { 
.blog-header-text h1	{width:100%; font-size:30px; font-size:3.0rem; line-height:35px; line-height:3.5rem; margin-bottom:10px;}
.blog-header-text p		{font-size:16px; font-size:1.6rem;}
.narrow-col		{width:100%; padding-bottom:0;}
.narrow-col.narrow-col-blog-details		{width:100%; margin-left:0; padding-bottom:30px;}
.narrow-col.narrow-col-blog-details	.blog-info-box span.icon	{width:15%;}
.blog-info-box-first	{border-top:0; margin-top:0; padding-top:0;}
}


@media all and (max-width: 320px) { 

.blog-header-text p		{display:none;}

}



/***** BLOG LISTING PAGE ********/

.blog-listing-first .date-posted {top:30px;}

#blog-listing {clear:both;}
.blog-listing-item {height:350px; margin-bottom:20px; border-left:6px solid #0054a6; background-size:cover; background-position:bottom center; overflow:hidden;}
.blog-listing-item .date-posted, .blog-listing-first .date-posted {width:60px; font-size:26px; font-size:2.6rem; display: none;}
.blog-listing-item .date-posted span, .blog-listing-first .date-posted span {font-size:18px; font-size:1.8rem;}
.blog-listing-item h2 a {color:#ffffff;  margin-bottom:0; text-decoration:none;}
.blog-listing-item .blog-item-info-inner {height: 100%; display: table-row;}
.blog-listing-item .cover-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4;}
.blog-item-info {position:absolute; bottom:-100%; left:0; padding:20px; width:100%; height:100%; color:#ffffff; display:table; transition:all 0.5s;}
.blog-item-info p {font-size:20px; font-size:2rem; color:#ffffff; margin-bottom:0; display:none;}
.blog-item-info .title {width:50%; display:table-cell; vertical-align:bottom;}
.blog-item-info .blog-stats {width:50%;  vertical-align:bottom; display:none;}
.blog-item-info .views {float:right; border-right:1px solid #ffffff; width:74px; text-align:center; font-size:14px; font-size:1.4rem; font-family:'Montserrat', sans-serif; text-transform:uppercase; padding-right:10px;}
.blog-item-info .category {float:right; padding:10px 30px 0; text-align:center; font-size:14px; font-size:1.4rem; font-family:'Montserrat', sans-serif; text-transform:uppercase;}
.blog-item-info .icon {display:block; margin:0 auto 7px;}
.blog-item-image {display:none;}

.static-title {position:absolute; bottom:20px; left:20px;}

.blog-listing-item:hover .blog-item-info { background:rgba(0,0,0,0.4); bottom:0;}
.blog-listing-item:hover .blog-stats {display:table-cell;}
.blog-listing-item:hover p {display:block;}
.blog-listing-item:hover .static-title {display:none;}

.mobile-icon {display:none !important;}
.blog-item-info .btn {display:none !important;}
.blog-listing-first .btn {display:none;}

@media all and (max-width: 1100px) { 

	.blog-listing-first .date-posted {left:20px;}

}


@media all and (max-width: 960px) { 
	.blog-listing-item .blog-item-info-inner {height: 100%; display: table-cell; vertical-align:bottom;}
	.blog-listing-item:hover .title { width:100%; display:block;}
	.blog-listing-item:hover .blog-stats {width:100%; display:block; margin-top:10px;}
	.blog-item-info .views {float:left; width:150px; padding-top:10px; border-right:0;}
	.blog-item-info .category {float:left; padding-left:0; padding-right:0;}
	.blog-item-info p {font-size:16px; font-size:1.6rem;}
	.blog-listing-item h2 br {display:none;}
}

@media all and (max-width: 640px) { 

	#blog-listing {margin-top:30px;}
	.blog-item-image {display:block;}
	.blog-listing-item {width:100%; margin-left:0; height:auto; float:none; background-image:none !important; margin-bottom:30px;}
	.blog-item-info {position:relative; bottom:auto; left:auto; display:block; color:#4a4a4a;}
	.blog-listing-item h2 a {color:#0054a6;  margin-bottom:0;}
	.blog-item-info p {display:block; color:#4a4a4a; font-size:20px; font-size:2rem;}
	.blog-listing-item .blog-item-info-inner {display:block;}
	.blog-listing-item:hover .blog-item-info { background:transparent;}
	.blog-item-info .blog-stats {width:40%; display:block; float:left; padding-left:40px;}
	.blog-item-info .title {display:block; width:60%; float:left;}
	.blog-listing-item:hover .blog-stats {display:block}
	.blog-listing-item:hover .title { width:60%; display:block;}
	.blog-listing-item:hover .blog-stats {width:40%; margin-top:0px;}
	.blog-item-info .category {float:none; width:100%; text-align:left; padding-top:0;}
	.blog-item-info .views {float:none; width:100%; text-align:left; padding-top:0;}
	.blog-item-info .icon {display:inline-block; width:41px;}
	.desktop-icon {display:none !important;}
	.mobile-icon {display:inline-block !important;}
	.blog-item-info .btn {margin-top:10px; display:inline-block;}
	.cover-link {display:none;}
	
	.static-title {display:none;}
	
	ul.desktop-breadcrumbs {display:none;}
	
	.blog-listing-first .blog-header-item-info {position:relative; padding:20px;}
	.blog-listing-first .blog-header-text {position:relative; width:100%; padding-left:0;}
	.blog-listing-first .blog-header-text h1 {color:#0054a6; width:100%;}
	.blog-listing-first .blog-header-text p {color:#4a4a4a;}
	.blog-listing-first .blog-header-details {display:block; width:100%; position:relative; margin-top:30px;}
	.blog-listing-first .blog-header-details p {color:#0054a6;}
	.blog-listing-first .blog-header-details-views {width:50%;}
	.blog-listing-first .blog-header-details-type {margin-left:0;}
	.blog-listing-first .btn {width:100%; text-align:center; padding:6px 0; height:auto; line-height:auto; display:inline-block;}
	
	
	.icon-blog-search-blue {background-position: -120px -200px; width: 31px; height: 31px; background-size: 408px 408px;}
	.icon-compassion-unpacked-blue-large {  background-position: -160px -120px; width: 29px; height: 32px;  background-size: 408px 408px;}
	
}

@media all and (max-width: 540px) {
	
	.blog-item-info .title, .blog-item-info .title, .blog-listing-item:hover .title {width:100%; float:none;}
	.blog-item-info .blog-stats, .blog-listing-item:hover .blog-stats {width:100%; float:none; padding:0; margin-top:15px;}
	.blog-item-info .btn {width:100%; text-align:center; padding:6px 0; height:auto; line-height:auto;}
	.blog-item-info .category {width:50%; float:left;}
	
	#show-more-posts {height:auto !important; line-height: initial; padding: 15px 65px 15px 15px;}
	
}

@media all and (max-width:400px) {
	.blog-item-info .category {width:100%; margin-bottom:10px;}	
}

/***********************Hide Logged in Navigation Panel****************************/
@media all and (max-width:1100px){
.logged-in-navigation {display:none !important;}
.blog-header-holder {overflow:none;}
}