/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Source Sans Pro', sans-serif;
____

light 300
regular 400
semi bold 600
bold 700
____

========================================================================================================================
*/

/*
==============================================
Bio Section
==============================================
*/
.blog-section .main-content-int-blog {
	padding:0px;
}
.blog-section .blog-landing-content-wrapper {
	margin-top:0px;
}
.blog-section .blog-landing-content-wrapper .blog-landing-content-container {
	padding: 0px;
}
.body-blog-detail .resource-section .resource-details {
	padding: 32px 130px !important;
}

.blog-section {
	margin-top:0px;
}
.body-blog .intro-section {
	padding-top:4px;
}
.blog-category-link:hover, .blog-date-link:hover, .blog-media-type-link:hover {
	color: #5489b6 !important;
}

.blog-detail-info-share-wrapper {
	margin-top:20px;
}
.blog-landing-heading-wrapper {
	margin-top:30px;
}
.blog-landing-copy-wrapper {
    margin: 30px 0 !important;
}
.blog-landing-overall-copy {
	margin-bottom: 50px;
    border-bottom: 1px solid #777777;
    padding-bottom: 5px;
}

.blog-detail-heading {
	font-family: inherit;
    font-size: 30px !important;
    line-height: 41px;
    font-weight: 400 !important;
    color: #002949 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

.blog-landing-copy-cta {
	font-size: 14px;
	letter-spacing: 2.5px;
	color: #4a7194;
	display: inline-block;
	border: transparent;
	text-transform: uppercase;
	padding: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 10px;

}
.blog-landing-copy-cta:hover {
	border: transparent;
	color: #104c6e;
}

.fa-calendar:before {
    content: "\f133";
    color: #5489b6;
    font-size: 15px;
	margin-right: 4px;
}

/* ----------- Load More ----------- */
.blog-landing-load-more {
	font-size: 14px;
	letter-spacing: 2.5px;
	color: #5489b6;
	display: inline-block;
	border:1px solid #49779e;
	text-transform: uppercase;
	padding: 3px 25px 2px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #49779e !important;
}


.blog-landing-load-more:hover{
	border:1px solid #104c6e;
	background: transparent !important;
	color: #104c6e !important;
}
.blog-detail-info-wrapper .blog-detail-info-divider, .blog-detail-info-divider {
	padding: 0 0px;
	color: #5489b6 !important;
}
.blog-landing-info-wrapper, .blog-detail-info-wrapper {
	font-size: 17px;
}

/* ----------- List Pager ----------- */
.resource-pager {
	margin: 0px 0px 20px 0px;
}
.resource-pager .resource-pager-link.select-it {
	color: #5489b6;
}
.resource-pager .resource-pager-link, .resource-pager .resource-pager-arrow {
	color: #767676;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.resource-pager .resource-pager-link:hover, .resource-pager .resource-pager-arrow:hover {
	color: #5489b6;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-heading-wrapper, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-heading-wrapper {
    font-size: 19px;
    font-weight: 300;
    color: #727272;
	text-transform: uppercase;
    border-top: 1px solid #e9e9e9;
	padding-top: 10px;	
}
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a {
	color: #5489b6;
	font-size: 17px;
}
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a:hover, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover {
	color: #104c6e;

}

/* ----------- Filter ----------- */

.blog-landing-filter-reset {
	text-transform: uppercase;
	font-size: 14px;
	color:#7b7e84;
}
.blog-landing-filter-reset:hover {
	color:#5489b6
}
.blog-landing-vertical-filters-container ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.filter-list-links .filter-list-date {
	padding-left: 10px !important;
	color: #5489b6 !important;

}
.filter-list-links {
	margin-top: 12px;
}
.filter-list-links .filter-list-date a{
	color: #5489b6 !important;
}
.filter-list-heading i,
.internal-filter-list-heading i {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blog-landing-vertical-filters-container .blog-landing-filter-reset-wrapper {
    text-align: right;
	display: none;
}
.filter-list-heading {
	font-size: 24px;
	color: #5a5d63 !important;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.internal-filter-list-heading a {
	color: #5a5d63 !important;

}
.filter-list-heading a {
	border-bottom: solid 1px #f1f1f1;
	color: #002949 !important;
	display: block;
	font-size: 17px;
	padding-bottom: 8px;
}
.filter-list-heading a:hover {
	color:#5489b6 !important;
}
.internal-filter-list-heading a {
	font-size: 10px;
	text-transform: none;
	border-bottom: none;
}
.filter-list-links a {
	font-size: 17px;
	text-transform: none;
	border-bottom: none !important;
	color: #5489b6;
}
.filter-list-category a, .filter-list-topic a, .filter-list-media a {
	color: #5489b6 !important;
	padding-left: 10px;

}
.filter-list-heading i, .internal-filter-list-heading i {
	top: 5px;
}
.filter-list-heading .turn, .internal-filter-list-heading .turn {
	top: 10px;
}
.fa-chevron-down:before {
    content: "\f107";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f057";
    color: #767676;
    margin-right: 5px;
}


/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Blog Section
==============================================
*/
	.blog-section {
		padding: 60px 130px 80px !important;
	}
	.body-blog-detail{
		padding: 0px 0px 80px !important;
	}
	.body-blog-detail .resource-section .resource-details {
		padding: 60px 130px !important;
	}
	.blog-detail-content-wrapper {
		padding: 0;
		margin: 0;
	}
}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Blog Section
==============================================
*/
	
}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Blog Section
==============================================
*/
	.body-blog-detail .resource-section .resource-details {
		padding: 60px 70px !important;
	}	
	.blog-section {
		padding: 60px 70px 80px !important;
	}
}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Blog Section
==============================================
*/
	.blog-landing-heading {
		font-size: 31px !important;
		line-height: 35px !important;
	}
	.body-blog-detail .resource-section .resource-details {
		padding: 0 40px;
	}
	
	.body-resource-detail .resource-section .resource-details {
		padding: 0 40px;
	}
	.blog-section .blog-main-content {
		padding: 0 25px;
	}
	.blog-section {
		padding: 60px 30px 80px !important;
	}	
	.body-blog-detail .resource-section .resource-details {
		padding: 60px 30px !important;
	}
}



/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
==============================================
Blog Section
==============================================
*/
	.blog-section .blog-main-content {
		padding: 0 45px;
	}
	.body-blog-detail .resource-section .resource-details {
		padding: 0 65px;
	}
}

/* IE only */
@media screen\0 { }



