/*
Theme Name: Social Magazine
Theme URI: https://www.themesmatic.com/social-magazine
Author: ThemesMatic
Author URI: https://www.themesmatic.com
Description: Social theme designed for WordPress has a fixed navbar, fully responsive for all devices with responsive navigation. Front Page displays masonry style magazine blog posts, social icons and custom Logo Upload. 4 widget areas, Search Engine Friendly, utilizes Bootstrap, W3C Validated Markup and clean typography.
Version: 1.9
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, white, gray, light, fluid-layout, theme-options, flexible-header, custom-header, responsive-layout, two-columns, three-columns, right-sidebar, sticky-post, custom-menu, translation-ready, custom-background, custom-menu, featured-images, post-formats, threaded-comments
Text Domain: social-magazine
Domain Path: /languages
Social WordPress Theme, Copyright (C) 2015 https://www.themesmatic.com
Social is distributed under the terms of the GNU GPL
*/
html, body{
	margin: 0;
	padding: 0;
}
body {
	background: #eee;
	font-family: "HelveticaNeue-Light",
	"Helvetica Neue Light",
	"Helvetica Neue",
	Helvetica, Arial,
	"Lucida Grande",
	sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
}
.attachment-post-thumbnail {
	padding: 20px 0 10px 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
	border-bottom: 0px solid #EDEDED;
}
.wrap {
	font-size: 15px;
	word-wrap: break-word;
	overflow: auto;
	margin-top: 75px;
}
.single-page p{
	padding-top: 15px;
}
.wrap table {
	width: 100%;
}
.wrap table thead th{
	background: #E85C17;
	color: #fff;
	height: 30px;
	border: 0px solid #E85C17;
	padding: 5px;
}
.wrap table tbody tr td,
.wrap table tbody th {
	border: 0px solid #ddd;
	padding: 5px;
}
.wrap td {
    border-top: 1px solid #EDEDED;
    padding: 6px 15px 6px 0px;
}
.wrap th {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
    padding-right: 20px;
}
.wrap ins {
	background-color: Chartreuse;
}
.wrap pre {
	background: #00FFFF;
}
textarea {
	max-width: 100%;
}
.logo {
	font-weight: bold;
	font-size: 30px;
}
.container,
.fluid-container {
	max-width: 1000px;
	margin: 0 auto;
}
.fluid-container {
	overflow: hidden;
}
/** typography
-------------------------------------------------------------- */
.col-md-8 h1 {
	padding-bottom: 6px;
	font-size: 28px;
	
}
.social-magazine-theme-widget h3 {
	color: #444;
}
.error {
	padding-top: 20px;
}
.error h1 {
	font-size: 75px;
	float: left;
	padding-right: 20px;
	line-height: 60px;
}
.error h1,
.sub-error {
	display: inline;
}
.error p {
	clear: both;
	padding-top: 30px;
}
.blog h2 {
	max-width: 80%;
}
/** Masonry layout for front-page.php
-------------------------------------------------------------- */
.row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em;  
}
.blog-block {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}
/** Lists
-------------------------------------------------------------- */
.sidebar ul {
	list-style-type: none;
	padding-left: 10px;
}
.sidebar li {
	padding: 5px 0;
}
.sidebar ul li {
	border-bottom: 1px solid #e3e3e3;
}
li.page_item_has_children {
	border-bottom: none;
}
.blog-block ul {
	padding-left: 0;
}
.blog-block ul li {
	list-style-type: none;
	padding-bottom: 5px;
}
.sidebar ul ul li,
.blog-block ul ul li {
	list-style-type: lower-latin;
	border-bottom: none;
}
.sidebar ul ul ul li,
.blog-block ul ul ul li{
	list-style-type: lower-roman;
	border-bottom: none;
}
.blog-block ol li {
	list-style-type: decimal; 
}
.blog-block ol ol li {
	list-style-type: upper-latin;
}
.blog-block ol ol ol li {
	list-style-type: upper-roman;
}
.widget-area {
	list-style-type: circle;
	color: #999;
}
/** Buttons
-------------------------------------------------------------- */
.btn:focus {
	outline: none;
}
.btn, .btn-lrg,
.btn-primary,
.featured-button{
	outline: 0;
}
.btn-primary {
	background-color: #E85C17;
	border: 0px;
	font-weight: 600;
}
.btn-primary:hover {
	background-color: #006EFF;
	border: 0px;
}
.btn-default:hover {
	background-color: #fff;
	border: 1px solid;
	border-color: #2AB3F7;
}
.btn-more {
	border: 1px solid #A8A8A8;
	color: #333;
	transition: background .2s ease-out, color .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out;
	-webkit-transition: background .2s ease-out, color .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out;
}
#more-button .btn-more:hover {
	background-color: #A8A8A8;
	color: #fff;
}
input[type="submit"] {
	background-color: #E85C17;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	font-size: 18px;
	padding: 5px 8px;
	line-height: 25px;
	vertical-align: bottom;
}
input[type="submit"]:hover {
	background-color: #0076EB;
}
input#submit {
	background-color: #E85C17;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	font-size: 18px;
	line-height: 23.9333px;
	padding: 10px 16px;
	margin: 20px 0 10px 20px;
}
input#submit:hover {
	background-color: #0076EB;
}
.featured-button {
	max-width: 75%;
	display: block;
	margin: 20px auto;
	padding: 10px 0;
}
.featured-button,
.featured-button:hover {
	color: #fff;
}
select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: #eee;
    background-image: none;
    -webkit-appearance: none;
}
option value{
	width: 200px;

}
/** Search results
-------------------------------------------------------------- */
.search-results {
	margin-bottom: 30px;
}
.search-results-author{
	color: #999;
	padding-bottom: 10px;
}
/** Links
-------------------------------------------------------------- */
a {
	color: #E85C17;
}
a:hover, footer a {
	color: #777;
}
.sidebar a {
	text-decoration: none;
	outline: 0;
}
.blog p a:hover,
.sidebar a:hover,
.authorship a:hover {
	text-decoration: none;
}
.social-magazine-one-post-link {
	padding-bottom: 15px;
	border-bottom: 1px solid #999;
}
.excerpt-more {
	margin-top: 20px;
	display: block;
} 
.galleryimg a,
.galleryimg a:hover {
	color: #fff;
	padding: 5px;
}
.blog h2 a {
	font-size: 25px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
}
.blog h2 a:hover {
	color: #E85C17
}
.authorship,
.authorship a {
	color: #999;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
}
/** Post date styling
-------------------------------------------------------------- */
.post-date {
	color: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	height: 70px;
	width: 60px;
	float: right;
	margin-right: -12px;
	background-color: #E85C17;
}
.social-magazine-one-post-link,
.post-date{
	display: inline-block;
}
.date-mnth {
	font-size: 20px;
	text-align: center;
	line-height: 21px;
}
.date-day {
	font-size: 35px;
	text-align: center;
	line-height: 22px;
}
.date-yr {
	font-size: 11px;
	text-align: center;
	line-height: 16px;
	letter-spacing: 2px;
}
.archives-list-link {
	font-size: 18px;
	vertical-align: baseline;
}
/** Navbar
-------------------------------------------------------------- */
#site-title {
	font-size: 28px;
	line-height: 1.775;
	font-weight: bold;
	padding-right: 50px;
}
.site-title {
	font-size: 28px;
	font-weight: bold;
}
a#site-title:hover {
	text-decoration: none;
}
.navbar-nav {
	float: none;
}
.navbar-nav a {
	font-weight: 400;
}
.navbar {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	border-bottom: 0;
}
ul.dropdown-menu li a:hover {
	color: #fff;
	background: #E85C17;
}
body.admin-bar nav {
	 margin-top: 28px;
}
.navbar-default {
	background-color: #fff;
}
.navigation {
	padding: 50px 0 50px 0;
	clear: both;
}
.navigation a:hover {
	text-decoration: none;
}
/** Social links
-------------------------------------------------------------- */
.social-magazine-links {
padding: 0 0 25px 17px;
display: inline-block;
}
.facebook a i,
.twitter a i,
.youtube a i,
.youtube a i,
.pinterest a i,
.linkedin a i,
.rss a i {
	color: #777;
	text-shadow: 1px 1px 1px #888;
}
.facebook a i:hover {
	color: #3b5998;
}
.twitter a i:hover {
	color: #4099FF;
}
.youtube a i:hover {
	color: #e52d27;
}
.pinterest a i:hover {
	color: #C92228;
}
.linkedin a i:hover {
	color: #007bb6;
}
.rss a i:hover {
	color: #FF6600;
}

/** Sidebar
-------------------------------------------------------------- */
.sidebar {
	height: 100%;
	margin-bottom: 50px;
}
.sidebar form {
	margin-top: 20px;
}
/** Blog sections
-------------------------------------------------------------- */
.blog {
	margin-bottom: 50px;
}
.blog h1 {
	padding-top: 0;
	margin-top: 0;
}
.blog-block {
	overflow: hidden;
}
.blog-block,
.sidebar-block {
	background: #fff;
	border-radius: 5px;
	padding:  5px 20px;
	margin: 0 0 20px 0px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	overflow: hidden;
}
.footer-block {
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	box-shadow: 0px 2px 5px 0px rgba(173,173,173,1);
	overflow: hidden;
	margin-bottom: 10px;
}
.footer-block ul {
	padding-left: 10px;
	list-style-type: none;
}
.wrap embed,
.wrap iframe {
	margin-bottom: 24px;
	max-width: 100%;
}
iframe {
border: 0px none;
outline: 0px none;
vertical-align: baseline;
}
.sticky {
	font-variant: inherit;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.bypostauthor .fn {
	font-size: larger;
}
.bypostauthor span {
	padding-right: 10px;
}
.bypostauthor {
	background-color: #ccc;
	border-radius: 5px;
}
.bypostauthor p {
	padding: 10px;
	font-style: italic;
}
.bypostauthor .edit-link a{
	font-style: normal;
}
.bypostauthor .reply {
	padding: 0 0 10px 10px;
}
/** Authorship info on posts and pages
-------------------------------------------------------------- */
.authorship .comment-number,
.authorship .edit-post {
	display: inline-block;
}
.authorship .comment-number {
	padding-left: 5%;
}
.posted-in {
	color: #999;
	padding-top: 20px;
}
/** Comments
-------------------------------------------------------------- */
.comment-article {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
	padding:10px;
}
.comment-article .fn{
	display: block;
}
.comment-article time {
	font-size: 12px;
}
.commentlist .avatar {
	float: left;
	margin-right: 10px;
}
.commentlist li {
	list-style-type: none;
}
.commentlist li {
	color: #777;
	display: block;
}
.comment-form-comment label {
	float: left;
	padding-right: 30px;
}
.social-magazine-comments ul li ul li{
	list-style-type: none;
	padding-left: 15px;
}
li.comment {
	margin-bottom: 10px;
}
/** Footer
-------------------------------------------------------------- */
footer {
	border-top: 1px solid #999;
	bottom: 0;
	color: #777;
	line-height: 50px;
}
.bottom-title {
	padding: 15px 0 15px 0;
}
.bottom-title p,
.bottom-title a {
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	color: #777;
}
.bottom-title small {
	font-weight: normal;
	line-height: 10px;
	font-size: 11px;
}
.footer-copy {
	float: left;
	padding-left: 20px;
	font-size: 12px;
}
.footer-attr p {
	float: right;
}
.footer-tml {
	font-size: 12px;
}
.footer-tml a,
.footer-tml a:hover{
	color: #777;
	text-decoration: none;
}
/** Widget areas 
-------------------------------------------------------------- */
.search {
	margin-top: 20px;
}
#searchtext {
	padding: 3px 0px;
	line-height: 25px;
	color: #999;
}

/* =WordPress Core CSS
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

img.alignleft {
	float: left;
}
.wp-post-image {
	display: block;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
/** Custom Device Specific CSS
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.footer-copy,
	.footer-attr p {
	float: none;
	text-align: center;
}
}