/*
Theme Name: First Mag
Theme URI: http://themes4wp.com/theme/first-mag/
Author: Themes4WP
Author URI: http://themes4wp.com/
Description: First Mag suits perfectly for blogs, newspapers, magazines or review sites offering a clean, minimalist and modern layout with many features being also optimized for speed. Theme allows you to create extensive reviews with WP Review plugin. First Mag Theme is very fast and SEO friendly. It comes up with customizer panel which allows you to live preview your changes. First Mag is WooCommerce compatible. Theme is translatable so you can easily localize it in the language you want.
Version: 1.1.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blue, white, light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, custom-menu, featured-images, theme-options, translation-ready, threaded-comments
Text Domain: first-mag

*/

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

.rsrc-container {
    box-shadow: 0px 5px 8px #A1A1A1;
}

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

.rsrc-header-img {
    float: left;
}

.rsrc-header-text {
    float: left;
    padding-left: 30px;
}

.rsrc-top-menu {
}

.rsrc-content {
    position: relative;
    background-color: #ffffff;
}

.rsrc-main {
    position: relative;
    background-color: #fff;
}
article.rsrc-main {
    padding: 10px 30px;
}
.rsrc-main .woocommerce {
    padding: 3%;
}
.rsrc-left {
    background-color: #fff;
    padding-top: 15px;
}

.rsrc-right {
    background-color: #fff;
    padding-top: 15px;
}
#content-top-section {

}
.rsrc-footer-menu {

}

.rsrc-author-credits {
    padding: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #eaeaea;
    border-top: 1px solid #00d6f7;
}

.rsrc-footer {

}
/* 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: 767px) {
  .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: #fff;
    padding: 3px 30px;
  }
  .dropdown-submenu>.dropdown-menu {
    padding-left: 10px;
  }
}
.dropdown-submenu ul li li a:after {
    display: none;
}  
.sticky {
}
.bypostauthor {
}
img {
  max-width: 100%;
  height: auto;
}
.featured-thumbnail {
  padding: 0;
  overflow: hidden;
	position: relative;
	cursor: pointer;
}

.featured-thumbnail img {
  width: 100%;
}

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;
}
 

/* Content */
.home-header {
    padding: 10px 0;
}
article.rsrc-archive:nth-of-type(2n-1), .small-post article:nth-of-type(2n-1) {
    clear: left;
}
article {
    position: relative;
}
.page-header, .widget h3 {
    position:relative;
}
.page-header:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 20%;
    height: 1px;
    background: #00d6f7;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.home-header:hover .page-header:before, .widget:hover h3:before {
    width: 100%;
}
.home-header .page-header a, .page-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: bold;
    color: #3d3d3d;
    font-size: 20px;
    margin-bottom: 10px;
}
.post-meta {
    font-size: 75%;
    font-weight: bold;
    letter-spacing: 1px;
    opacity: 0.8;
}
.entry-summary {
    color: #595959;
    letter-spacing: 0.5px;
    line-height: 1.8;
    margin-bottom: 25px;
}
.first-textarea {
    background-color: #00d6f7;
    color: #fff;
    padding: 30px;
    line-height: 28px;
    letter-spacing: 2px;
    font-size: 115%;
}
.footer-pagination {
    text-align: center;
    clear:both;
}

/* Featured home */
.hover-style .home-header .page-header a {
    letter-spacing: 2px;
    font-size: 60%;
    line-height: 60%;
    color: #fff;
}
.hover-style {
    display: inline-block;
    padding: 0;
    
}
.home-featured .home-header .entry-summary, .related-posts .entry-summary{
    color: #fff;
    padding: 10px;
}
.hover-style {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.hover-style .home-header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #00d6f7; 
}
.hover-style:hover .home-header {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.hover-style .page-header {
    margin-left: -10px;
    padding: 10px 15px;
    margin-right: 0;
    background-color: rgba(0, 0, 0, 0.40);
    border-left: 10px solid #00d6f7;
    -webkit-transform: translateY( -webkit-calc(-100% - 20px) );
    transform: translateY( calc(-100% - 20px) );
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
}
.hover-style:hover .page-header {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
 
/* Button outline */
.btn.outline {
	background: none;
	padding: 5px 10px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.btn-primary.outline {
	border: 2px solid #00d6f7;
	color: #6F6F6F;
	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: #000;
	border-color: #000;
	background-color: #FFFFFF;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #00d6f7;
	color: #00d6f7;
	box-shadow: none;
}

/* 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: 15px 0;
    font-size: 12px;
}
#breadcrumbs .fa{
  margin-right: 5px;
}
/* Widget */
.widget h3 {
    font-size: 14px;
    color: #3d3d3d;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    font-weight: bold;
    line-height: 22px;
    margin-top: 0;
}
.widget h3:before {
    border: 3px solid #00d6f7;
    content: '';
    margin-right: 10px;
}
.widget ul {
    padding-left: 15px;
}
/* Post Content */
.rsrc-main .rsrc-post-content {

}
.single-thumbnail {
    text-align: center;
    background: #fff;
}

/* 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: #00d6f7;
}
#back-top span:before {
	font-family: 'FontAwesome';
  content: "\f106";
  line-height: 40px;
  font-size: 25px;
  color: #fff;
}

/* Commentform */
form#commentform p input {
    width: 100%;
}
.comment-reply-link, .comment-reply-link:hover {
    color: #ffffff;
    background-color: #00D6F7;
    border-color: #00D6F7;
}
/* Widgets */
.widget_nav_menu li {
    width: 100%;
}
.widget_nav_menu li:before {
    margin-right: 5px;
}
.widget {
    padding: 5%;
} 
.header-ad .widget {
    padding: 25px 15px;
}
.header-ad #searchform {
    min-width: 250px;
}
#header-ad-section {
    float: right;
}


/* Mag style widgets */
#content-top-section .widget {
    padding: 15px;
}
.first-post {
    margin-bottom: 10px;
}
.first-padding .home-header {
    padding: 0 15px;
}
.small-post .home-header {
    padding: 0 10px;
}
.small-post .home-header .page-header a, .small-post .page-header  {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 5px 0 10px;
}
.small-post article {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.widget h3.mag-title {
    margin-left: 15px;
    margin-right: 15px;
}
.rsrc-main .wp-review-show-total {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
.review-total-only {
    background: rgba(255, 255, 255, 0.55) !important;
    padding: 0 5px !important;
    color: #000;
    font-weight: bold;
}
.review-result {
    color: #00d6f7;
}
ul.wp-review-tabs {
    padding: 0;
}
.widget-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    padding-top: 15px;
    margin: 0 15px;
}
.widget .meta-cat, .widget .meta-cat-icon{
    display: none;
}





