.myForm{
    position:relative;
    top:50px;
    height: 460px;
}
.outer{
    top:50px;
    background-color:#222222 !important;
    margin: 0 auto;
	padding-bottom:20px;
  /* 
  display:flex;
  border: 1px solid red; */
  
}


.inner_container{
    width: 90%;
    display:block;
    margin:40px auto;
    height:270px;
    /* background: transparent none repeat scroll 0; */
    background:  transparent none repeat scroll 0;
    align-self:center;
    position: relative;
    overflow: auto; 
    /* border-color: white;
    box-shadow: 0px 0px 4px black;
    border-radius: 5px; */

}
.post_title{
    position:relative;
    top: 183px;
    margin: 0 auto;
    width:100%;
    height:45px;
    font-size:10px;
    color:#ccced4;
    /* background-color: rgba( 252, 252, 255, .8);
    box-shadow: 0px 0px 4px black;
    border-radius: 2px;
   */
}

.posts_container{
margin: 0 auto;
/* border: 1px solid green; */


}

.item{
margin:6px 3px;
height:181px !important;
width:130px !important;
float:left;
background-repeat: no-repeat;
background-size:cover;
color:white;
/*border: 2px solid green; */
opacity:0.7;
}



.spacer{
    height:60px;
}



.output_html{


height:361px !important;
width:260px !important;
margin: 0 auto;

background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* border: 1px solid red;  */
}

.output_html:hover {
cursor: pointer;
background-size: 103%;


}

.item:hover{
 cursor: pointer;
opacity:1;
background-color: rgb(0,0,0)
}


.item:selected{

background-color: rgb(0,0,0);
}

.output_title{

width:inherit;
height:30px;
text-align:center;
color:#ccced4;
font-size:16px;
/* background-color: rgba( 252, 252, 255, .8);
position:relative;
top: 367px;
box-shadow: 0px 0px 4px black;
border-radius: 2px;
*/
}


.epaper_wrap {
	width:100%;
	height:450px;
}

/**************************************************************************
  Extension of CSS for the Digital Login message
**************************************************************************/
@media(min-width:1024px) and (max-width:3084px){
    .digital_message_wrap{
        width:600px !important;
    }   
}

@media(min-width:300px) and (max-width:1024px){
    .digital_message_wrap{
        width:400px !important;
        height:400px !important;
    }   
}

.leaky_paywall_message_subscribe{
    display: block;
    width:200px;
    position: relative;
}

.digital_message {
    display:inline-block;
    margin:10px 4px;
    height: 45px;
}

/**************************************************************************
  Extension of CSS for slider revolution
**************************************************************************/

.meta-container a {
	text-decoration:none;
	color: black !important; 
}
.module-date {
	font-size: 11px !important;
	font-family: roboto;
	color: grey;
	padding-top: 5px;
}
.custom.tparrows::before{
    font-size: 12px !important;
    top: 32px !important;
	position: relative !important;
	color: #eaeaea !important;
}
.custom.tparrows{
    background: transparent !important;
    border: 1px solid #dcdcdc !important;
    top: 131px !important;
	width: 28px !important;
	height: 95px !important;

}
#rev_slider_4_1_wrapper {
	border-top: 1px solid #dcdcdc !important;
	border-bottom: 1px solid #dcdcdc !important;

}