/*
 Theme Name:    dinesurf
 Version: 		1.0.1
 Author: 		Vitalii Antal
 Text Domain:   dinesurf
*/
footer .footer__bottom{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.container{
	padding: 0 15px;
}
.home .category-wrapper > h2{
	margin: 25px 0px 20px;
    font-size: 28px;
}
@media(max-width:768px){
	.top-grid-item {
		height: 100vh;
		padding-right: 25px;
	}
	.footer__banner{
		flex-direction: column;
	}
	.footer__banner-content, .footer__banner-image {
		max-width: 500px;
		width: 100%;
	}
	.single-post .single-title h1{
		font-size: 32px;
	}
	.single-post h2{
		font-size: 28px;
	}
	.single-post h3{
		font-size: 24px;
	}
	.single-post .author-img img{
		min-width: 48px;
	}
	table{
		overflow: scroll;
        max-width: 100%;
        display: block;
	}
	.footer__banner .title {
    	font-size: 32px;
		line-height: 1.2;
	}
	.footer__banner{
		padding: 25px;
	}
	a.appstore{
		width: 120px;
		background-size: 120px auto;
	}
	a.playmarket{
		width: 133px;
		background-size: 133px auto;
	}
	.footer__banner .downloads{
		justify-content: center;
	}
	.top-grid-item h2{
		font-size: 32px;
	}
	.top-grid-item .text{
		font-size: 16px;
	}
	.top-grid-item .container{
		padding-right: 0;
	}
	.top-wrapper ul.slick-dots li button{
		width: 40px;
	}
	.top-wrapper ul.slick-dots{
		right: 15px;
	}
	.home .post-grid-wrapper{
		width: 100%;
	}
	.home .post-grid-item a .post-grid-img{
		padding-bottom: 65vw;
	}
	.single-post .related-section .post-grid-wrapper{
		margin: 0 15px;
	}
	.related-section .slick-track{
		margin-left: calc(16.665% - 15px);
	}
	.related-section .slick-list{
		width: calc(100% + 15px);
	}
		
}
.home .post-grid-item:not(:last-child){
	margin-bottom: 25px;
}
@media(max-width: 480px){
	.post-meta{
		flex-direction: column;	
	}
}
.footer__banner .title{
	font-family: 'Font-Medium';
}
.page-content p{
	margin-bottom: 20px;
    margin-top: 0px;
}
.single-post h3{
	font-size: 24px;
}
.single-post h4{
	font-size: 20px;
}
.single-post h2, .single-post h3, .single-post h4{
	margin-bottom: 5px;
}
.single-post h2 + h3{
	margin-top: 20px;
}
.page-content{
	margin-top: 20px;
}
.page-content #ez-toc-container{
	display: none !important;
}
#ez-toc-container{
	padding: 15px 0 0;	
}
div#ez-toc-container ul.ez-toc-list a{
	margin-bottom: 10px;
}
.home header .logo{
	align-items: center;
    display: flex;
}