.single .primary-content {
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.blog-content {
	border: solid 1px #ddd;
	margin-top: 1rem;
	padding: 1rem; 
}

.blog-content .category a {
	font-size: 0.8rem;
	color: #f57b20;
	text-transform: uppercase;
}

.blog-content h2 {
	margin: 1rem 0;
}

.blog-content .more-link {
	display: block;
	text-decoration: underline;
	margin-top: 1rem; 
	font-size: 0.8rem;
}

.blog-page-header {
	height: 100vh;
}

.blog-sticky-post h2 {
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	font-size: 4rem;
}

.blog-sticky-post time {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.blog-sticky-post .green-cat a {
	color: #b5bf19;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.blog-sticky-post p {
	/*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);*/
}

.sticky h1, .sticky h2, .sticky h3, .sticky h4, .sticky h5, .sticky h6 {
	color: #ffffff;
}

.sticky .more-link {
  display: block;
  background-color: #2bbed8;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 1rem 1.5rem 1rem 0;
  padding: 0.8rem 1.25rem;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-transition: all 133ms ease-in;
  -o-transition: all 133ms ease-in;
  transition: all 133ms ease-in; }
.sticky .more-link:hover{
    /* hover styles */
    background-color: #1c8fa3;
    color: #FFFFFF; }
.sticky .more-link {
    /* if above button class is wrapping an A tag */
    color: #FFFFFF; }

.menu-sub li .children li a {
 	margin-left: 1rem;
 	color: #2bbed8;
 }

 .menu-sub li .children li a:hover {
 	color: #1c8fa3;
 }

 /*>== media queries ======================== */

@media screen and (max-width: 481px) { 
.blog-page-header {
	height: 100%;
}
.blog .page-header .overlay {
  position: absolute;
  height: auto;
  bottom: 0;
  width: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

}

@media screen and (min-width: 580px) { }

@media screen and (min-width: 768px) { }

@media (min-width: 992px) { }

@media screen and (min-width: 1220px) { }