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

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

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

/*
Blog Section
==============================================
*/
/*
==============================================
Blog
==============================================
*/
.blog-landing-content-container {
	padding: 0px !important;
}
.main-content-int-blog {
	padding: 0px 30px;
}
.main-content-int-blog h1 {
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #104c6e;
    text-transform: uppercase;
  /*  text-align: center; */
    letter-spacing: 4px;
    animation-duration: 2s;
    animation-name: slideInUpSmall;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin-top: 40px;
}
.main-content-int-blog h1 .head-1 {
    display: block;
}
.main-content-int-blog h1 .head-2 {
	font-family: 'Prata', serif;
    font-size: 38px;
    text-transform: lowercase;
    color: #104c6e;
    text-align: center;
    letter-spacing: 0px;
    display: block;
    line-height: 44px;
    margin-bottom: 42px;
}
.body-blog .intro-section {
	padding-top:4px;
}
.blog-category-link:hover, .blog-date-link:hover, .blog-media-type-link:hover {
	color: #427c7e !important;
}

.blog-detail-info-share-wrapper {
	margin-top:20px;
}
.blog-landing-heading-wrapper {
	margin-top:30px;
}
.blog-landing-heading, .blog-detail-heading {
	font-family: 'Prata', serif !important;
	color: #104c6e;
    font-weight: 400 !important;
    font-size: 24px !important;
	text-transform: none !important;
	letter-spacing:0 !important;
	text-align: left !important;
}

.blog-detail-heading {
	margin-bottom: 20px;
    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-landing-copy-cta {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	letter-spacing: 2.5px;
	color:#357072;
	display: inline-block;
	border:1px solid #357072;
	text-transform: uppercase;
	padding: 0px 10px 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: 30px;

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

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

/* ----------- Load More ----------- */
.blog-landing-load-more {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	letter-spacing: 2.5px;
	color:#fff;
	display: inline-block;
	border:1px solid #357072;
	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: #357072 !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: #7e8288 !important;
}
.blog-landing-info-wrapper, .blog-detail-info-wrapper {
	font-size: 17px;
}

/* ----------- List Pager ----------- */
.resource-pager {
    font-family: 'Prata', serif !important;
	margin: 0px 0px 20px 0px;
}
.resource-pager .resource-pager-link.select-it {
	color: #357072;
}
.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: #357072;
	-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: #727276;
	text-transform: uppercase;
    border-top: 1px solid #e9e9e9;
	padding-top: 30px;	
}
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a {
	color: #427c7e;
	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:#427c7e
}
.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: #52b9bb !important;

}
.filter-list-links {
	margin-top: 12px;
}
.filter-list-links .filter-list-date a{
	color: #357072 !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-family: 'Lato', sans-serif;
	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 #dddddd;
	color: #5a5d63 !important;
	display: block;
  font-size: 17px;

}
.internal-filter-list-heading a {
  font-family: 'Lato', sans-serif;
	font-size: 10px;
	text-transform: none;
	border-bottom: none;
}
.filter-list-links a {
	font-size: 17px;
	text-transform: none;
	border-bottom: none !important;
	color: #357072;
}
.filter-list-category a, .filter-list-topic a, .filter-list-media a {
	color: #357072 !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;
}


/*
Blog Next Prev Arrows
==============================================
*/

.blog-detail-next-arrow {
    top: -2px;
    right: 0;
}

.blog-detail-previous-arrow {
    top: -7px;
    position: relative;
}



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


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

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
Blog
==============================================
*/
.body-resource-detail .intro-content, .body-blog .intro-content {
    padding: 0px 100px 60px;
}
.blog-detail-content-wrapper {
    padding: 30px 0px 60px 0px;
}
.blog-detail-overall-wrapper {
    padding-bottom: 10px;
}

}


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

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
Blog
==============================================
*/
.body-resource-detail .intro-content, .body-blog .intro-content {
    padding: 0px 100px 60px;
}
.blog-detail-content-wrapper {
    padding: 30px 0px 60px 0px;
}
.blog-detail-overall-wrapper {
    padding-bottom: 10px;
}

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
Blog
==============================================
*/
.body-blog .intro-content {
	padding: 0px 15px 160px;
}
.blog-detail-content-wrapper {
    padding: 0px 15px ;
}
.body-blog .intro-content {
    padding: 0px 15px 25px !important;
}
.blog-detail-overall-wrapper {
    padding-bottom: 60px;
}
	.blog-landing-content-wrapper .blog-landing-content-container {
		padding: 0;
	}



}



/* 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
==============================================
*/
.body-blog .intro-content {
	padding: 0px 15px 160px;
}
.blog-detail-content-wrapper {
    padding: 0px 15px ;
}
.body-blog .intro-content {
    padding: 0px 15px 25px;
}
.blog-detail-overall-wrapper {
    padding-bottom: 60px;
}


	
}


