/* Enter Your Custom CSS Here */

/* ------ */
/* General */
/* ------- */

.blog-title a:hover {
  	color: #2EA8E6;
}

.header-menu {
	margin-top: 0.5em;
  	font-size: 90%;
	font-family: 'Gotham', 'Proxima Nova', 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-align: center;
	color: #4D4D4D;
  	text-transform: lowercase;
}

@media ( min-width: 600px ) {
div.post {
  	max-width: 100%;
    width: auto;
    margin: 0 auto;
}
}

@media ( min-width: 600px ) {
div.post {
  	max-width: 100%;
    width: auto;
    margin: 0 auto;
}
}

@media ( min-width: 900px ) {
div.post {
    max-width: 80%;
    width: auto;
    margin: 0 auto;
}

}



i.ph-vote {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    background: #da552f;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    line-height: initial;
    font-weight: 700;
	font-family: `Proxima Nova`;
}


/* ------ */
/* Hello Bar */
/* ------- */

div#hb_msg_container {
    font-family: 'Gotham', 'Proxima Nova', 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}

.hb-input-block.hb-email-input {
    font-family: 'Gotham', 'Proxima Nova', 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}

a.hb-cta.hb-cta-style-button {
    font-family: 'Gotham', 'Proxima Nova', 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif !important;
}


/* ------- */
/* Jetpack responsive */

@media ( min-width: 400px ) {
#infinite-handle {
	margin-left: 0;
  	width: 100%;
}

}


@media ( min-width: 600px ) {
#infinite-handle {
	margin-left: 0;
  	width: 100%;
}

}

@media ( min-width: 900px ) {
#infinite-handle {
	margin-left: 4%;
}

}


/* -------------------------------------------------------------------------------- */
/*	Block color customization - OneSky
/* -------------------------------------------------------------------------------- */

.post-overlay {
	border-radius: 5px;
	margin-top: 3.95%;

}

.post:hover .post-overlay { 
	-moz-box-shadow: 0 0 10px #667780; 
	-webkit-box-shadow: 0 0 10px #667780; 
	box-shadow: 0 0 10px #667780;
}

a.category-overview div.post-overlay {
  	background:#fff;
}

a.category-overview h2.archive-post-title {
  color: #7D7D7D;
}

a.post-157 div.post-overlay {
  	border:solid 1px #2EA8E6;
}

a.post-157 h2.archive-post-title {
  color: #2EA8E6;
}

a.post-159 div.post-overlay {
  	border:solid 1px #29CC96;
}

a.post-159 h2.archive-post-title {
  color: #29CC96;
}

a.post-165 div.post-overlay {
  	border:solid 1px #FFBB33;
}

a.post-165 h2.archive-post-title {
  color: #FFBB33;
}

a.post-163 div.post-overlay {
  	border:solid 1px #E65C2E;
}

a.post-163 h2.archive-post-title {
  color: #E65C2E;
}

a.post-167 div.post-overlay {
  	border:solid 1px #8F52CC;
}

a.post-167 h2.archive-post-title {
  color: #8F52CC;
}

a.post-169 div.post-overlay {
  	border:solid 1px #3DB2E7;
}

a.post-169 h2.archive-post-title {
  color: #3DB2E7;
}


a.category-channel div.post-overlay {
  	background:#2EA8E6;
}

a.category-full-funnel div.post-overlay {
  	background:#29CC96;
}
a.category-acquisition div.post-overlay {
  	background:#FFBB33;
}
a.category-engagement div.post-overlay {
  	background:#E65C2E;
}
a.category-monetization div.post-overlay {
  	background:#8F52CC;
}
a.category-analytics div.post-overlay {
  	background:#3DB2E7;
}


.related-posts.posts.section-inner .post-overlay .archive-post-header h2 {
  color:#4D4D4D;
}

.related-posts.posts.section-inner .post-overlay {
  background: white;
  border: solid 1px #4D4D4D;
}


.post-overlay > p {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #fff;
}

.post-overlay > p span {
    margin-right: 9px;
    font-size: 18px;
    position: relative;
    bottom: -1px;
}

/* -------------------------------------------------------------------------------- */
/* Footer subscription form
/* -------------------------------------------------------------------------------- */

.footer-subscription-form {
  margin-top: 5%;
}

.footer-subscription-form h4 {
  text-align: center;
  font-size: 1.1175em;
  text-transform: uppercase;
  color: #4D4D4D;
}


.hs-form-field {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

span.hs-form-required {
  display:none;
}

.input {
  position:relative;
  margin-left:25%;
  margin-right:25%;
  margin-top:0.5em;
}

li.hs-form-booleancheckbox {
  text-align: center;
}
.actions {
  text-align: center;
}

ul.hs-error-msgs.inputs-list li {
  text-align: center;
  margin-top: 10px;
}


@media ( max-width: 600px ) {
.input {
  margin-left:10%;
  margin-right:10%;
}

}

@media ( max-width: 400px ) {
.input {
  margin-left:0%;
  margin-right:0%;
}

}



/* -------- Navigation menu backup ---- */
/* 

			
			
				
				
																		
					 '', 
							'items_wrap' => '%3$s',
							'theme_location' => 'primary', 
														
						) ); } else {
					
						wp_list_pages( array(
						
							'container' => '',
							'title_li' => ''
						
						));
						
					} ?>
					
					
						<form method="get" class="search-form" id="search-form" action="">
							<input type="search" class="search-field" name="s" placeholder="" /> 
							
						
					
					
				
				
				
				
			 <!-- /section-inner -->
			
			
					
				
					
					
					
				
				
			 <!-- /nav-toggle -->
			
			
			
				
																			
						 '', 
								'items_wrap' => '%3$s',
								'theme_location' => 'primary', 
															
							) ); } else {
						
							wp_list_pages( array(
							
								'container' => '',
								'title_li' => ''
							
							));
							
						} ?>
						
					
					
					
			
			 <!-- /mobile-navigation -->
			
		 <!-- /navigation -->
*/

/* -------------------------------------- Backup  ---------------------------------- */
/* 



.header { padding: 70px 0; }

.header.section-inner { 
	width: 500px; 
	position: relative;
	z-index: 2;
}


.header-image:after {
	background: -moz-linear-gradient(top, rgba(29,29,29,0.2) 0%, rgba(29,29,29,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,29,29,0.2)), color-stop(100%,rgba(29,29,29,1)));
	background: -webkit-linear-gradient(top, rgba(29,29,29,0.2) 0%,rgba(29,29,29,1) 100%);
	background: -o-linear-gradient(top, rgba(29,29,29,0.2) 0%,rgba(29,29,29,1) 100%);
	background: -ms-linear-gradient(top, rgba(29,29,29,0.2) 0%,rgba(29,29,29,1) 100%);
	background: linear-gradient(to bottom, rgba(29,29,29,0.2) 0%,rgba(29,29,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331d1d1d', endColorstr='#1d1d1d',GradientType=0 );

}

.blog-description {
	margin-top: 25px;
}

.section-inner {
	width: 1040px;
	max-width: 90%;
	margin: 0 auto;
}


.posts .post {
	display: block;
	width: 20.7%;
	margin-top: 3.95%;
	padding-bottom: 20.7%;
	float: left;
	position: relative;
	background-size: cover;
	background-position: center;
}

.archive-post-header {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
}


.posts { margin-top: -3.95%; }
.posts .post + .post { margin-left: 3.95%; }
.posts .post:nth-child(4n+1) { margin-left: 3.95%; }


.archive-post-title {               
	font-size: 1.375em;
	line-height: 120%;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
	word-break: break-word;
	-ms-word-break: break-word;
} 




@media ( max-width: 900px ) {

	.posts .post { 
		width: 31%;
		padding-bottom: 31%;
	}
	
	.posts .post:nth-child(4n+1) { margin-left: 3.95%; }
	.posts .post:nth-child(3n+1) { margin-left: 0; }
	
}

&lt;div class=&quot;header-image&quot; style=&quot;background-image: url();">




*/