/*
 Theme Name:   Alder Child
 Theme URI:    https://solopine.com/themes
 Description:  A child theme based on Alder
 Author:       Solo Pine
 Author URI:   https://solopine.com
 Template:     alder
 Version:      1.0.0
*/

/*
Theme customization starts below this line!
---------------------------------------------------------*/

/* Grid Posts */
.grid-item .post-header {
	text-align:left;
}

.grid-item p {
	margin-top: 15px;
    text-align: justify;
    font-size: 17px;
    line-height: 1.5;
	margin-bottom:10px;
}

.grid-author {
	display:block;
	margin-bottom:7px;
}
.grid-author a {
	color:#222;
}

/*section columns*/
.section-columns {
	display:grid;
	grid-gap:0 20px;
	grid-template-columns:1fr 1fr 1fr;
	margin-bottom:60px;
}

@media only screen and (max-width: 766px) {
.section-columns {
	display:grid;
	grid-gap:20px 0;
	grid-template-columns:1fr;
}
}

/* Latest articles */
.block-heading-wrap {
	overflow: hidden;
    text-align: center;
	margin-bottom:40px;
}
.block-heading {
	text-transform:uppercase;
	font-size:20px;
	letter-spacing:2px;
	font-weight:600;
	position: relative;
    display: inline-block;
}
.block-heading-wrap.blog-page .block-heading {
	font-size:20px;
}
.block-heading:before, .block-heading:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
	border-color:#000;
    width: 540px;
    margin: 0 25px;
}
.block-heading:before{
    right: 100%;
}
.block-heading:after{
    left: 100%;
}

/* Posts */
.single #header {
	border-bottom:none;
	padding-bottom:0;
}
.post-header {
	text-align:left;
	max-width:100%;
}
.post-author {
	font-size:16px;
	font-style:italic;
	color:#555;
}
.post-sep {
	margin:0 8px;
}
.post-author a {
	color:#555;
}
.single .sp-date {
	font-size:16px;
	color:#555;
	text-transform:none;
	letter-spacing:0;
	font-style:italic;
}

/* Footer */
#footer-widget-wrap {
	background:#191919;
	margin-bottom:-30px;
	margin-top:30px;
	padding:50px 0 10px;
}
#footer-widgets {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:0 50px;
}
@media only screen and (min-width: 942px) and (max-width: 1170px) {
	#footer-widgets .side-pop.list .side-pop-img {
	max-width:50px;
	}
	#footer-widgets {
	grid-gap:0 30px;
}
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
	#footer-widgets {grid-template-columns:1fr 1fr;}
}
@media only screen and (max-width: 766px) {
	#footer-widgets { grid-template-columns:1fr; }
}
#footer-widgets .widget h4.widget-title {
	text-align:left;
	font-weight:700;
	color:#fff;
	font-size:18px;
	letter-spacing:0;
	margin-bottom:22px;
}
#footer-widgets .side-pop-content h4 a {
	color:#fff;
	font-weight:700;
	font-size:14px;
	font-family:Cabin;
}
#footer-widgets .side-pop-content span.sp-date {
	color:#c2c2c2;
	font-size:11px;
	font-style:normal;
}
#footer-widgets .side-pop.list .side-pop-img {
	max-width:80px;
}
#footer-widgets .side-pop.list {
	margin-bottom:16px;
}
#footer-widgets .side-pop.list:last-child {
	margin-bottom:0;
}
#footer {
	border-top:1px solid #313131;
}

/* Pagination */
.pagination {
	height:44px;
	margin-top:20px;
	clear:both;
	margin-left:20px;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	color: #999;
	text-decoration:none;
}
.pagination li {
	display: inline;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	background-color: #eee;
	border-radius: 3px;
	cursor: pointer;
	padding: 10px 12px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.pagination li a:hover,
.pagination li.active a {
	background-color: #bbb;
	color:#fff;
}