/*
Header Options
*/
@media screen and (min-width: 800px) {
.mh-header-image{
    height: 134px;
	  width: 450px;
		margin-bottom: 40px;}
.main-title{
    font-size: 20px;}
}
IMG.mh-header-image {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 200px) {
.mh-header-image{
    height: 55px;
	  width: 185px;
		margin-bottom: 12px;}
IMG.mh-header-image {
    display: block;
    margin-left: 10px;
}
}

/*
Article Shadow Effect
*/
article.mh-posts-stacked-item{
   text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
/*
Slider Shadow Effect and Rear Box
*/
div.tp-mask-wrap{
   text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
div.tp-mask-wrap a.slide-title{
	margin: 10px;
	opacity: 0.3;
  background-color: #2C2C2C;
    background: transparent\9;  
    background:rgba(0,0,0,0.3); 
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

.mh-posts-stacked-title:hover{
box-shadow: 6px 6px 3px #0F0F0F;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}


.mh-posts-stacked-title.mh-posts-stacked-title-small{
font-size: 1.3em;
width: 102%;
}

.mh-posts-stacked-title-large{
font-size: 230%; 
}

/*
Hide date in mh-stacked widget
*/
div.mh-posts-stacked-meta {
    display: none;
}

/*
Divider Lines between posts
*/
.wrapper
{
	padding-bottom: 90px;
}

.divider
{
	position: relative;
	margin-top: 90px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: #525ab6;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}