/*
Theme Name: Vintage Travel Blog
Theme URI: https://www.vintagetravel.co.uk
Author: Vintage Travel
Author URI: https://www.vintagetravel.co.uk
Description: This theme is created on top of the theme for the main site
Version: 2_0_7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: vintage-blog-testing
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.main-wrapper{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 2em;
}

.screen-reader-text{
	display: none;
}

.individual-article{
	margin-bottom: 4em;
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    padding: 1em;
	overflow: hidden;
}

.blog-post__img{
    object-fit: cover;
	width: 100%;
    height: 300px;
}

.entry-pub-time{
	position: absolute;
	background: #4f86a0;
    padding: 8px;
    margin: 0.3em;
	color: white;
}

.site-blog{
	width: 90%;
	margin: auto;
	min-height: 0;
}

.blog-tags{
	width: 100%;
    display: block;
    justify-content: flex-start;
    align-items: flex-start;
}

.entry-header{
	margin-right: 3em;
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.entry-meta{
	display: flex;
    justify-content: flex-start;
    align-items: center;
	width: 150px;
}

.author-name{
	margin-left: 5px;
}

.post-author__icon{
	color: #4f86a0;
}

.entry-footer{
	display: flex;
	align-items: baseline;
}

.cat-list ul{
	list-style: none;
	padding-left: 5px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
	margin-bottom: 1em;
}

.cat-list li{
	margin-right: 1em;
	flex-grow: 1;
}

.cat-item:hover{
	color: #4f86a0
}

.post-category__tag{
	color:#4f86a0;
}

.widget-area{
	margin-top: 3em;
}


/*SideBar Styling*/

.sidebar{
	width: 90%;
	display: block;
	margin: 2em auto 0 auto;
	padding-top: 1em;
}

.cat-item{
	margin-bottom: 1em;
}

.cat-item::marker{
	color:#4f86a0;
}

.social-media{
	display: block;
}

.social-media h2{
	width:100%;
	text-align: start;
	margin-top: 0;
}
.social-media ul{
	width:100%;
	list-style-type: none;
    display: flex;
    justify-content: start;
    align-items: center;
	padding: 0;
}

.social-media ul li{
	margin-right: 2em;
}
.fa-facebook:before{
    color: #4267B2;
}

.fa-twitter:before{
	color: #1DA1F2;
}

.fa-instagram:before{
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-clip: text;
}


.lists__bulleted--compact li{
	margin-bottom: .2em;
}

@media only screen and (min-width: 765px){
	.site-blog{
		width: 70%;
	}

	.sidebar{
		width: 70%;
	}
}

@media only screen and (min-width: 1150px) {
	.main-wrapper{
		display: flex;
		justify-content: space-between;
	}

	.site-blog{
		width: 60%;
	}

	.blog-post__img{
		object-fit: cover;
		width: 100%;
		height: 450px;
	}

	.sidebar{
		width: 35%;
		display: block;
		margin: 0;
		padding-right: 2em;
		padding-top: 0;
	}

	.blog-tags{
		display: flex;
	}

	.entry-header {
		margin-bottom: 0;
	}
	
}

@media only screen and (min-width: 1280px) {
	.site-blog{
		margin: 0;
	}

	.sidebar{
		padding-right: 0;
	}
}