/*
Theme Name: Revolta
Theme URI: http://themes4wp.com/theme/revolta/
Author: Themes4WP
Author URI: http://themes4wp.com
Description: Revolta is powerful WordPress theme designed in a clean and minimalistic style. Theme is fully responsive and comes with portfolio section. It is suited for business websites and users who want to showcase their work on a portfolio site. Revolta includes lots of features like Drag & Drop page builder (WR Page Builder), unique page builder blocks etc. You can use predefined home page layouts or built your owns. This theme can be used for any type of website, business, corporate, portfolio, marketing, etc. It’s flexible, you can customize it via WordPress live customizer admin panel, which gives total control over many major aspects of your website.
Version: 1.0.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: revolta


Revolta is distributed under the terms of the GNU GPL v3.
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

.rsrc-container {
    background-color: #fff;
}

.rsrc-header {
    background-color: #fff;
    padding-bottom: 10px;
    display: inline-block;
}

.rsrc-header-img {
    
}
/* Center header content */
@media only screen and (max-width: 992px) {
  #site-header {
    text-align: center;
    display: inherit; 
  }
}
 
.rsrc-header-text {
    padding-left: 5px;
}

.rsrc-top-menu {
    margin-top: 15px;
    margin-bottom: 15px;
}

.rsrc-content {
    height: 100%;
}

.rsrc-main {
    padding: 0;
    position: relative;
}

.rsrc-left {
    background-color: #E1E1E1;
    padding: 35px 3% 20px 3%;
}

.rsrc-right {
    background-color: #E1E1E1;
    padding: 35px 3% 20px 3%;
}

.rsrc-footer-menu {

}

.rsrc-author-credits {
    padding: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #E1E1E1;
}

.rsrc-footer {

}
.bypostauthor, .sticky {

}
/* 5 col function for bootstrap */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1-5 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}				
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}
/* Fix nav on hover */
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
}
/* Menu opened in responsive */
@media only screen and (max-width: 768px) {
  .dropdown-menu {
    position: static;
    display: block;
    float: none;
    padding: 10px 0; 
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .dropdown-menu > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color: #000;
    padding: 3px 30px;
  }
  .dropdown-submenu>.dropdown-menu {
    padding-left: 10px;
  }
} 
img {
  max-width: 100%;
  height: auto;
}
.featured-thumbnail {
  padding: 0;
  overflow: hidden;
	position: relative;
	cursor: pointer;
}
/*.rsrc-main article:nth-child(2n) .featured-thumbnail{
  float:right
}*/
.featured-thumbnail img {
    width: 100%;
}
.featured-thumbnail::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.featured-thumbnail:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
.featured-thumbnail img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.featured-thumbnail:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
h1.site-title, h2.site-title {
  font-size: 36px;
  margin-bottom: 0;
}
h2.site-desc, h3.site-desc {
  font-size: 20px;
  margin-top: 0;
}
.navbar {
    border-radius: 0;
} 
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
/* Navigation */
.pager li>a, .pager li>span, .pager li>a:hover, .pager li>a:focus {
  display: inline-block !important;
  padding: 2px 5px !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.nav-previous{float:left;}
.nav-next{float:right;}
.post-navigation{clear:both;margin:10px 0 0 0;overflow:hidden; }
.post-navigation div{ display: block; position: relative;font-size: 14px;color: #999;}
.post-previous{float: left;padding-left: 30px; text-align: left;}
.post-next{	float: right;text-align: right;padding-right: 30px;}
.post-navigation div span{display: block;	font-size: 90%;	color: #999;}
.post-navigation div a:after{	position: absolute;	font-size: 45px;line-height: 40px;font-weight: bold;top:0;}
.post-previous a:after{content: '«';	left:0;}
.post-next a:after{content: '»';	right:0;}

/* Single Author */
.postauthor-content img {
    float: left;
    margin-right: 10px;
}
.postauthor-container {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

/* Related posts */
.related-posts ul {
    padding: 15px;
}
.related-posts li {
    list-style-type: none;
    position: relative;
    padding: 0;
}
.related-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
.related-header {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #F4C700;
    width: 100%;
    padding: 10px
}
.rpost .entry-summary {
    color: #fff;
    display: none;
}
.rpost:hover .entry-summary{
    display: block;
} 
/* Social Links and infobox*/
.social-links .fa {
	font-size: 22px;
	color: #fff;
}
.social-links {
	text-align: center;
   float: right;
}
.social-links ul {
  padding: 0;
}
.social-links ul li {
	display: inline;
}
#masthead .social-links i.fa {
   font-size: 18px;
   padding: 0 10px;
}
.social-links i.fa {
	padding: 8px 5px;
	text-align: center;
	transition: background-color 0.2s ease-out 0s;
	font-size: 18px;
	float: right;
}

.social-links i.fa-twitter:hover {color: #1BB2E9;}
.social-links i.fa-facebook:hover {color: #3B5A9B;}
.social-links i.fa-youtube:hover {color: #ED3F41;}
.social-links i.fa-vimeo-square:hover {color: #44BBFF;}
.social-links i.fa-skype:hover {color: #009CEF;}
.social-links i.fa-linkedin:hover {color: #007BB6;}
.social-links i.fa-google-plus:hover {color: #DC4937;}
.social-links i.fa-github:hover {color: #4183C4;}
.social-links i.fa-flickr:hover {color: #0062DD;}
.social-links i.fa-dribbble:hover {color: #E24D87;}
.social-links i.fa-instagram:hover {color: #3F729B;}
.social-links i.fa-pinterest:hover {color: #D5282E;}
.social-links i.fa-stumbleupon:hover {color: #EC4823;}
.social-links i.fa-tumblr:hover {color: #455469;}
.social-links i.fa-wordpress:hover {color: #21759B;}
.social-links i.fa-codepen:hover {color: #CCCCCC;}
.social-links i.fa-digg:hover {color: #14589E;}
.social-links i.fa-reddit:hover {color: #FF4500;}

.top-section {
    padding: 0 20px;
    background-color: #f4c700;
}
.top-infobox {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 7px;
}

/* Content */
.home-header {
    padding: 10px 15px;
}
.home-header .page-header a, .page-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.post-meta {
    font-size: 75%;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 15px;
    opacity: 0.8;
}
.entry-summary {
    color: #515151;
    letter-spacing: 0.5px;
    line-height: 1.8;
    margin-bottom: 25px;
}
.footer-pagination {
    text-align: center;
    background-color: #F4C700;
}

/* Featured home */
.home-featured .home-header {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #F4C700;
    width: 100%;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
}
.home-featured .home-header .page-header a {
    letter-spacing: 2px;
    font-size: 50%;
}
article.featured-article {
    display: inline-block;
    padding: 0;
    min-height: 170px;
}
.home-featured .home-header .entry-summary {
    color: #fff;
    display: none;
}
.home-featured .home-header:hover .entry-summary{
    display: block;
} 

/* Button outline */
.btn.outline {
	background: none;
	padding: 5px 10px;
}
.btn-primary.outline {
	border: 2px solid #000;
	color: #999;
	border-radius: 0;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	border-color: #999;
	background-color: #000;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #F4C700;
  color: #F4C700;
	box-shadow: none;
}
.filter .btn.outline {
    padding: 0;
}
.filter .btn.outline a{
    padding: 8px 10px;
    line-height: 30px;
}
/* Custom buttons */

.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

/* breadcrumbs */
#breadcrumbs {
    padding: 30px 25px;
    background-color: #E1E1E1;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    background-image: url('img/bread-shadow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
#breadcrumbs .fa{
  margin-right: 5px;
}
/* Widget */
.widget h3 {
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.widget ul {
    padding-left: 15px;
}
/* Post Content */
.rsrc-main .rsrc-post-content {
  padding: 3%;
}
.single-thumbnail {
    text-align: center;
}
/* 
h1.entry-title.page-header {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 20px;
    width: 100%;
    text-align: center;
    -webkit-text-shadow: 3px 3px 0 #222;
    -moz-text-shadow: 3px 3px 0 #222;
    text-shadow: 3px 3px 0 #222;
    background-color: #F4C700;
}
*/
/* Back to top */
#back-top {
	position: fixed;
	bottom: 0;
	right: 10px;
  z-index: 999;
}
#back-top a {
	width: 40px;
	display: block;
	text-align: center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
  opacity: 0.7;
}
#back-top a:hover {
	opacity: 1;
}
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #F4C700;
}
#back-top span:before {
	font-family: 'FontAwesome';
  content: "\f106";
  line-height: 40px;
  font-size: 25px;
  color: #fff;
}

/* Commentform */
form#commentform p input {
    width: 100%;
}

/* Widget menu */
.widget_nav_menu li {
    width: 100%;
}
.widget_nav_menu li:before {
    margin-right: 5px;
}

/* widget post */
.widget_post_area {
   
}
.single-article .home-header {
    padding: 20px;
}
.single-article .home-header {
    border: 1px solid rgba(0, 0, 0, 0.11);
}
.single-article .page-header {
    padding-bottom: 0;
    margin: 10px 0 10px;
}
.single-article .page-header a, .page-header {
    font-size: 20px;
}
.single-article header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.single-article {
    margin-bottom: 25px;
}
.single-article .post-meta {
    letter-spacing: 0px;
}
.meta-by {
    margin-right: 8px;
    text-transform: none;
}
.single-article .posted-on {
    margin-left: 10px;
}
.single-article .posted-on:before {
    content: "|";
    margin-right: 10px;
}
.single-article.col-md-3:nth-child(4n+5),
.single-article.col-md-6:nth-child(2n+3),
.single-article.col-md-4:nth-child(3n+4),
.single-article.col-md-1-5:nth-child(5n+6),
.single-article.col-md-2:nth-child(6n+7) {
    clear:left;
}

.wr_fullwidth {
    padding-left: 100% !important;
    padding-right: 100% !important;
    margin: 0 -100% !important;
}