.header-buttons {
	position: absolute;
	bottom: 11px;
	right: 30px;
	height: 30px;
	overflow: hidden;
	width: 270px;
}

.header-buttons .search-form, .header-buttons .socialList {
	position: absolute;
	top: 100%;
	float: left;
	transition-timing-function: ease-in;
    transition: 0.3s;
    left: 0;
    width: 190px;
    padding: 0 !important;
    margin: 0;
}
.search-form.active, .socialList.active {
	top: 0;
	background: #fff;
}

.search-icon, .plus-icon {
	float: right;
	display: block;
	width: 30px;
	height: 30px;

}

.search-icon i, .plus-icon i {
	color: #232331;
	font-size: 24px;
	display: inline-block;
	line-height: 30px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	transition-timing-function: ease-in;
    transition: 0.3s;
}
.plus-icon i {
	font-size: 30px;
}

.search-form input {
	height: 30px;
	padding: 0 10px!important;
	text-transform: uppercase;
	border: none!important;
	outline: none!important;
	letter-spacing: 0.5px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif!important;
    font-weight: 400;
}

.search-icon.invsbl {
	opacity: 0;
	transition-timing-function: ease-in;
    transition: 0.3s;
}

.header-buttons .socialList li {
	padding: 0 7px;
}
.header-buttons .socialList li i {
	font-size: 20px;
} 

@media (max-width: 767px) {
	.header-buttons {
		width: 100%;
		position: static;
		height: auto;	
		display: none;
	}
	.plus-icon i.ion-ios-plus-empty, .search-icon i.ion-ios-search {
		display: none;
	}
	.plus-icon,  .search-icon {
		width: 100%;
		float: none;
	}
	.header-buttons .search-form, .header-buttons .socialList {
		position: static;
	}
	#search-action {
		position: relative;
		top: -30px;
	}
	#social-action {
		position: relative;
		top: 30px;
	}
}

.blog-section {
	padding: 70px 0;
}
.blog-section h1 {
	text-align: center;
	margin-bottom: 50px;
}

.post-listing .post-item .post-header .hs-featured-image-wrapper img {
	width: auto!important;
	margin: 0 !important;
}
.post-listing .post-item .post-header .hs-featured-image-wrapper {
	max-width: 100%!important;
	margin: 0 !important;
}
.post-listing .post-item .post-header {
	float: right;
	padding-left: 25px;
	width: 50%;
}
.post-listing .post-item .post-body {
	float: left;
	padding-right: 25px;
	width: 50%;
}
.post-listing .post-item .post-body h2 {
	line-height: 40px;
}
.post-listing .post-item {
	margin: 50px 0 0 0!important;
    padding: 0 0 50px 0!important;
}


.blog-pagination {
	display: inline-block;width: 100%;
	text-align: center;
	padding-top: 50px;
}

.blog-pagination a {
	display: inline-block;
	margin: 0 15px;
}

@media (max-width: 767px) {
	.post-listing .post-item .post-header {
		padding-left: 0;
		width: 100%;
		margin-bottom: 40px;
	}
	.post-listing .post-item .post-body {
		padding-right: 0;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
	}
	.post-listing .post-item {
		display: inline-block !important;
	}
	.post-listing .post-item .post-body h2 {
		line-height: 30px;
		font-size: 24px;
	}
	.blog.custom-blog #hubspot-author_data {
		font-size: 14px;
		line-height: 22px;
	}
	.custom-logo {
		padding-bottom: 26px!important;
	}
	.custom-header-top-links .socials .rss-link{
		display: none;
	}
}

.footer-full-width .close-menu{
	display: none;
}



/* START OF YELLOW */

.yellow-bar {
    background: yellow;
    text-align: center;
    padding: 10px 15px 8px;
    font-size: 15px;
    line-height: 1.2;
}

.yellow-bar-container {
    max-width: 984px;
    margin: 0 auto;
}

@media (min-width: 768px) {
	body.warning-message-visible .body-container {
		margin-top: 195px;
	}
}

@media (max-width: 767px) {
    .yellow-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index-99;
    }
    .yellow-bar-container {
        max-width: 540px;
    }
    body.warning-message-visible {
        padding-top: 69px;
    }
}

@media (max-width: 540px) {
    .yellow-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    .yellow-bar-container {
        max-width: 340px;
    }
    body.warning-message-visible {
        padding-top: 88px;
    }
	
	body.warning-message-visible.scrollActive .header-container-wrapper .header-container {
		top: 88px;
	}
}


/* END OF YELLOW */