/*
Theme Name: Steep
Theme URI: http://nilambar.net/2017/07/steep-free-wordpress-theme.html
Description: Steep is a simple magazine theme. It is child theme of Stargazer. It provides special page template suitable for magazine and news style sites.
Author: Nilambar Sharma
Author URI: http://nilambar.net
Template: stargazer
Version: 1.0.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: steep
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, blog
*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body,
.entry-content {
	font-size: 16px;
}

.site-header {
	border-bottom: 1px #DDD solid;
}

.main {
	border-top: 1px #DDD solid;
}

#menu-secondary {
	max-width: 100% !important;
	width: 100% !important;
	margin: 15px 50px;
	padding: 0 !important;
}

.ltr.display-header-text #menu-secondary,
.ltr.display-header-text #menu-secondary ul,
.ltr.wp-custom-logo #menu-secondary,
.ltr.wp-custom-logo #menu-secondary ul {
	float: left;
	text-align: left;
}

.header-right-area {
	width: 46%;
	max-width: 728px;
	float: right;
	max-height: 90px;
	overflow: hidden;
	margin-top: 1.5rem;
}

.header-right-area .widget-title {
	display: none;
}

#footer-navigation {
    float: left;
    margin-bottom: 20px;
}
#footer-navigation ul {
    margin: 0;
    list-style-type: none;
}
#footer-navigation ul li{
    margin-right: 10px;
    display: inline-block;
}

.pagination .nav-links .page-numbers {
    padding: 5px;
    background: #fff;
}

.pagination .nav-links .page-numbers.dots {
    background-color: inherit;
    border: none;
    color: #1a1a1a;
}

.pagination .nav-links .page-numbers {
    padding: 0 10px;
    background: #252525;
    display: inline-block;
    color: #fff;
}

.pagination .nav-links .current,
.pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus {
    background: #cc4a00;
    color: #fff;
}

.pagination .nav-links {
    text-align: center;
}

.credit {
	color: #959595;
}

/* Social menu */
.steep_widget_social li a::before {
    display:        inline-block;
    font-family:    'Genericons';
    font-size:      18px;
    font-style:     normal;
    font-weight:    normal;
    font-variant:   normal;
    line-height:    1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
.steep_widget_social .size-medium li a::before {
    font-size: 22px;
}
.steep_widget_social .size-large li a::before {
    font-size: 28px;
}
.steep_widget_social .size-extra-large li a::before {
    font-size: 40px;
}
.steep_widget_social ul,
.ltr .steep_widget_social ul,
.rtl .steep_widget_social ul {
    list-style-type: none;
    margin-left: 0;
}
.steep_widget_social li {
    display: inline-block;
    margin-bottom: 3px;
}
.steep_widget_social li a::before        { content: '\f408'; padding: 0 3px; }
.steep_widget_social li a:hover::before,
.steep_widget_social li a:focus::before  { opacity: 0.75; }

.steep_widget_social li a[href*="codepen.io"]::before      { content: '\f216'; color: #333;    }
.steep_widget_social li a[href*="digg.com"]::before        { content: '\f221'; color: #333;    }
.steep_widget_social li a[href*="dribbble.com"]::before    { content: '\f201'; color: #ea4c89; }
.steep_widget_social li a[href*="dropbox.com"]::before     { content: '\f225'; color: #007ee5; }
.steep_widget_social li a[href*="facebook.com"]::before    { content: '\f203'; color: #3b5998; }
.steep_widget_social li a[href*="flickr.com"]::before      { content: '\f211'; color: #ff0084; }
.steep_widget_social li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; }
.steep_widget_social li a[href*="github.com"]::before      { content: '\f200'; color: #4183c4; }
.steep_widget_social li a[href*="instagram.com"]::before   { content: '\f215'; color: #3f729b; }
.steep_widget_social li a[href*="linkedin.com"]::before    { content: '\f208'; color: #0e76a8; }
.steep_widget_social li a[href*="pinterest.com"]::before   { content: '\f210'; color: #c8232c; }
.steep_widget_social li a[href*="polldaddy.com"]::before   { content: '\f217'; color: #bc0b0b; }
.steep_widget_social li a[href*="getpocket.com"]::before   { content: '\f224'; color: #ee4056; }
.steep_widget_social li a[href*="reddit.com"]::before      { content: '\f222'; color: #336699; }
.steep_widget_social li a[href*="skype.com"]::before,
.steep_widget_social li a[href*="skype:"]::before          { content: '\f220'; color: #00aff0; }
.steep_widget_social li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; }
.steep_widget_social li a[href*="tumblr.com"]::before      { content: '\f214'; color: #34526f; }
.steep_widget_social li a[href*="twitter.com"]::before     { content: '\f202'; color: #33ccff; }
.steep_widget_social li a[href*="vimeo.com"]::before       { content: '\f212'; color: #1AB7EA; }
.steep_widget_social li a[href*="wordpress.org"]::before,
.steep_widget_social li a[href*="wordpress.com"]::before   { content: '\f205'; color: #21759b; }
.steep_widget_social li a[href*="youtube.com"]::before     { content: '\f213'; color: #c4302b; }

.steep_widget_latest_news .latest-news-wrapper {
    clear: both;
    overflow: hidden;
}
.steep_widget_latest_news .latest-news-item {
    float: left;
    padding: 15px;
    margin-bottom: 0;
}

.inner-wrapper{
	margin-left: -15px;
	margin-right: -15px;
}

.steep_widget_latest_news .latest-news-item img {
    margin: 0;
}

.steep_widget_latest_news .latest-news-meta {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.steep_widget_latest_news .latest-news-title {
    font-size: 20px;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}

.steep_widget_latest_news .latest-news-summary {
    font-size: 16px;
}

.steep_widget_latest_news .latest-news-layout-2 .latest-news-thumb {
    float: left;
    width: 30%;
    overflow: hidden;
}

.steep_widget_latest_news .latest-news-layout-2 .latest-news-title {
    padding: 0;
}

.steep_widget_latest_news .latest-news-layout-2 .latest-news-text-wrap {
    float: right;
    width: 70%;
    overflow: hidden;
    padding-left: 20px;
}

.steep_widget_latest_news .latest-news-layout-2 .no-featured-image .latest-news-text-wrap {
    width: 100%;
}

.steep_widget_latest_news .latest-news-col-3 .latest-news-item {
    width: 33.33%;
}

.steep_widget_latest_news .latest-news-col-4 .latest-news-item {
    width: 25%;
}

.steep_widget_latest_news .latest-news-col-2 .latest-news-item {
    width: 50%;
}

.steep_widget_latest_news .latest-news-col-1 .latest-news-item {
    width: 100%;
}

.steep_widget_latest_news .latest-news-meta > span::before{
    display: inline-block;
    font-family: Genericons;
    height: 15px;
    margin-right:4px;
    content: "";
}

.steep_widget_latest_news .latest-news-meta > span,
.steep_widget_latest_news .latest-news-meta > span a {
    font-size: 14px;
    font-weight: 400;
}

.steep_widget_latest_news .latest-news-meta > span {
    display: inline-block;
}

.steep_widget_latest_news .latest-news-meta span.comments-link::before {
    content: "\f300";
}

.steep_widget_latest_news .latest-news-meta > .posted-on::before{
    content: "\f307";
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:550px) {

	.steep_widget_latest_news .latest-news-col-4 .latest-news-item,
	.steep_widget_latest_news .latest-news-col-3 .latest-news-item,
	.steep_widget_latest_news .latest-news-col-2 .latest-news-item,
	.steep_widget_latest_news .latest-news-col-1 .latest-news-item {
	    width: 100%;
	}

	.steep_widget_latest_news .latest-news-layout-2 .latest-news-item .latest-news-thumb,
	.steep_widget_latest_news .latest-news-layout-2 .latest-news-item .latest-news-text-wrap {
	    width: 100%;
	}

	.steep_widget_latest_news .latest-news-layout-2 .latest-news-item .latest-news-text-wrap {
	    margin-top: 10px;
	    padding-left: 0;
	}

}