/*
Theme Name: apocalipse
Theme URI: http://wordpress.org/
Description: Thema para uso em Apocalipse.com
Author: Rosemeire Silva
Version: 1.0
License: apocalipse
Tags: fim do mundo, apocalipse
*/


.comments{width:100%;height:auto;}
.comments h3{    
	width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.comments span{font-size:24px;display:block;float:left;margin:-3px 6px 0px 0px;}
.comments .comments-form{width:100%;height:auto;}.comments .comments-form .user-picture{width:45px;height:45px;float:left;margin:0 10px 0 0;background:url(assets/images/user.jpg) center no-repeat;background-size:100% auto;}.comments .comments-form .user-picture img{width:100%;height:auto;}
.comments .comments-form .comments-form-fields{float:left;width:91%;}.comments .comments-form .comments-form-fields .field-comment{width:100%;height:auto;margin:auto;min-height:60px;margin-top:-2px;float:left;}.comments .comments-form .comments-form-fields .field-comment textarea{
	width: 95.8%;
    min-height: 100px;
    height: auto;
    border: 1px solid #22252c91;
    padding: 8px 5px 5px 8px;
    font-family: inherit;
    font-size: 18px;	
}
.comments .comments-form .comments-form-fields .user-data{width:100%;height:auto;min-height:25px;float:left;margin-top:6px;font-size: 18px;}.comments .comments-form .comments-form-fields .user-data .field-username{width:50%;float:left;margin:0 12px 0 0 ;}.comments .comments-form .comments-form-fields .user-data .field-username label{margin-right:5px;}
.comments .comments-form .comments-form-fields .user-data .field-username input{border:1px solid #22252c91;padding:4px 6px 4px 6px;font-size:18px;width:80%%;font-family: inherit; }
.comments .comments-form .comments-form-fields .user-data .field-useremail{width:45%;float:left;margin:0 0 0 10px ;}.comments .comments-form .comments-form-fields .user-data .field-useremail label{margin-right:7px;}
.comments .comments-form .comments-form-fields .user-data .field-useremail input{border:1px solid #22252c91;padding:4px 6px 4px 6px;font-size:18px;width:80%;font-family: inherit;}
.comments .comments-form .comments-form-fields .comment-button{width:98.5%;height:auto;min-height:30px;border:0px solid;float:left;margin-top:40px;text-align:center;}
.comments .comments-form .comments-form-fields .comment-button button{
	    border: 1px solid #ccc;
	    cursor: pointer;
	    padding: 3px 10px 3px 10px;
	    margin-right: 0px;
	    font-size: 22px;
	    width: 260px;
	    background-color: #ccc;
	    color: #2d2b2b;
	    font-family: inherit;
	}

.comments .comments-form .comments-form-fields .comment-button button:hover{border:1px solid ;cursor:pointer;}
.comments .comments-list{width:100%;margin-top:20px;}.comments .comments-list ul{display:block;width:100%;height:auto;margin:0;}.comments .comments-list ul li{display:block;width:98%;border-top:1px dotted ;height:auto;padding:15px 0;margin:15px 0 0 0;}.comments .comments-list ul li.child{width:84.5%;min-height:50px;border-top:1px dotted ;padding:15px;margin:0 0 0 58px;}.comments .comments-list ul li.child .comment{border:0px solid ;width:80%;}
.comments .comments-list ul li.child:last-child{margin-bottom:15px !important;}
.comments .comments-list ul li .user-picture{width:45px;height:45px;float:left;margin:0 10px 0 0;background:#ffffff url(assets/images/user.jpg) center no-repeat;background-size:100% auto;}.comments .comments-list ul li .user-picture img{width:100%;height:auto;}
.comments .comments-list ul li .comment{width:91%;min-height:20px;height:auto;float:left;}.comments .comments-list ul li .comment .user-name{font-size:14px;width:100%;text-align:left;}.comments .comments-list ul li .comment .user-name span{width:100%;text-align:left;font-size:14px;margin:0;padding:0;height:18px;float:left;}
.comments .comments-list ul li .comment .user-name time{font-size:11px;text-align:left;display:block;width:100%;margin:0 0 0 0 !important;padding:0;height:14px;float:left;color:yellow;}
.comments .comments-list ul li .comment .user-message{font-size:18px;width:100%	height: auto;text-align:left;margin:0;padding:0;float:left;margin-top: 10px;}.comments .comments-list ul li .comment .user-message p{line-height:14px;}
.comments .comments-list ul li .comment .reply-button{width:100%;background:;float:left;margin-top:10px;}.comments .comments-list ul li .comment .reply-button button{border:1px solid ;}.comments .comments-list ul li .comment .reply-button button span{float:left;font-size:12px;margin:3px 5px 3px 0;color:white;}
.comments .comments-list ul li .comment .reply-button button i{display:block;margin:5px 5px 3px 5px;float:left;font-size:16px;color:white;}
.comments .comments-list ul li:first-child{border-top:none;}
.reply-button a{
	text-decoration: none;
}

aside.number_post {
	position: relative;
	text-align: center;
	letter-spacing: 5px; 
	color: #D8D8D8;
	font-size: 50px;
	cursor: pointer;
}

section.sliderFirst article.ad-body figure{
	position: relative;
	animation-name: sliderImg;
	animation-duration: 1s;
}

section.sliderFirst header.ad-title{
	position: relative;
	animation-name: sliderTitle;
	animation-duration: 2s;
}

section.sliderFirst article.ad-body section{
	position: relative;
	animation-name: sliderMessage;
	animation-duration: 2s;
}
aside.number_post span.button:hover{
	color: #000;
}

@keyframes sliderTitle{
	0%   { right: 1000px; opacity: 0; }
    100% { right: 0px ; opacity: 1; }
}

@keyframes sliderImg{
	0%   { top: -70px; opacity: 0; }
    100% { top: 0px; opacity: 1; }
}

@keyframes sliderMessage{
	0%   { left: 1000px; opacity: 0; }
    100% { left: 0px; opacity: 1; }
}
body{overflow-x: hidden !important;}

/* First Level */
nav.mainMenu ul li {float:left; position:relative; text-transform:uppercase; list-style:none}
nav.mainMenu ul li a {display:block; background:#22252C; color:#fff; padding:5px 10px; font-size:14px;}

/* Second Level */
nav.mainMenu ul li ul {display:none; margin-top: 5px;}
nav.mainMenu ul li ul li a {width:160px;}
nav.mainMenu ul li:hover ul {display:block; position:absolute; top:26px;}

/* Third Level */
nav.mainMenu ul li ul li ul li {list-style:inside square}
nav.mainMenu ul li ul li ul li a {font-size:11px; color:#ddd}

.paginacao a{
	display: block;
    width: 48%;
    float: left;
    font-family: inherit;
    font-size: 22px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
}

.paginacao .maisrecentes a{
	text-align: right;
}

.categoryCSS{
	margin-top: 140px !important;
}

ul li.categories ul li a{
    display: block;
    color: #fff;
    background-color: #384154;
	font-size: 1em;
    font-family: inherit;
    text-transform: uppercase;
    padding: 5px 10px;    
    text-decoration: none;	
}

.headerContainer img {
    width: 100%;
    height: auto;
    position: relative;
}

@media (min-width: 1024px) {
	.headerContainer img {
	    top: -230px;
	}

	.mainFooter section.socialNetworks-container, .mainFooter section.category-tags{
		width: 50% !important;
		float: left;
		background-color: inherit;
	}  
}

.entry-share{ font-family: inherit; font-size: 18px; margin-top: 40px; }
.social-media li{margin-right:10px;margin-top:7px;margin-bottom:3px;float:left;}
.social-media li a{background:transparent url('img/news-sprite-blogs.png') 0 -60px no-repeat;display:block;overflow:hidden;text-indent:-10000px;width:40px;height:40px;}
.social-media li a.facebook{background-position:-40px -60px;}
.social-media li a.google-plus{background-position:-80px -60px;}
.social-media li a.youtube{background-position:-120px -60px;}
.social-media li a.rss{background-position:-160px -60px;}
.social-media li a.pinterest{background-position:0 -100px;}
.social-media li a.instagram{background-position:-40px -100px;}
.entry-share ul li a.whatsapp {
    background: url('img/btn-whatsapp.png');
    width: 40px;
    height: 40px;
}


.featuredArticleInList figure:before{
	height: auto !important;
	position: 
}

.category-label, .category{
	text-transform: uppercase !important;
}

.category{
	font-size: 12px;
	color: #22252c91;
}

.sidebarRight figure{
	margin-bottom: -35px;
}

.authorContainer h3 {
    color: #22252c91;
}

@media (min-width: 920px) {
.videoContainer {
	min-height: 230px !important;
}

.socialNetworks-container{
	padding-left: 30px !important;
}

.headerContainer figure{
	height: 240px;
	overflow: hidden;
}
}

.socialNetworks-container ul{
	margin-top: 40px;
}

.copyright, .copyright a{
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
}

.mainFooter{
	display: table;
	padding: 0px;
	padding-top: 10px !important;
}

.menufooter{
	display: block;
	width: 100%;
	float: left;
	background-color: #141516;
    margin-bottom: -5px !important;
    padding-bottom: 10px;
    text-align: center;	
}

#menu-sites-uteis{
	color: #fff;
}

.linkuteis a{
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	text-transform: lowercase;
}

.author a, .bodyPost > p{
	color: #22252cb8;
}

.contentpost p {
    font-size: 1.35715em;
    line-height: 1.89474em;
    margin-bottom: 0em;
    margin-top: 0.94737em;
}

main{
	margin-bottom: 150px !important;
}

.sidebarImage{
	height: auto !important;
}



.embed-container {
    position: relative; 
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
 
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header.postTitleArticle{
	margin-top: 30px; color: #000; position: relative; margin-bottom: 30px;
}

section.bodyPost .contentpost figure{
	width: 100% !important;
}

section.bodyPost .contentpost figure img {
	width: inherit;
	height: inherit;
}

@media (min-width: 1024px) {
  .menufooter{
  	float:none;
  	clear:both;
  }
}


.menufooter > .mainMenu li {
    margin-left: 1em;
}

.menufooter > .mainMenu a {
    background: none;
    border-bottom: 1px solid #FFA935;
}


.copyright{ clear:both; }

.categoryArticles-container{
    margin: 1em 0 2em;
}

@media (max-width: 700px) {
    .socialNetworks-container, .category-tags{
        width: 100% !important;
        display: table;
    }    

    .socialNetworks-container img{
	    width: 30%;
	    margin:5%;
	    float: left;
    }

    .socialNetworks-container ul{
    	width: 60%;
    	margin:5%;
    	float: left;
    }

    .category-tags{
    	padding:5% !important;
    }
}

/*
.menufooter .mainMenu ul li ul.sub-menu{
	display: none !important;
}
*/


.postTitle .category-tag{
	margin-left: 5px;
}

.postTitle .category-tag a{
	color: inherit;
}

@media ( max-width: 920px ) {
.mainMenu ul li {
float: none !important;
}
.mainMenu ul li:hover ul {
top: 0 !important;
position: relative !important;
}
}