/*
Theme Name: Thirteen Blog Child
Theme URI: https://www.kantipurthemes.com/downloads/thirteen-blog
Template: thirteen-blog
Author: Kantipur Themes
Author URI: https://www.kantipurthemes.com/
Description: Thirteen Blog is a simple, clean and responsive WordPress blog theme built by Kantipur Themes. This theme is perfect for youtube bloggers, travel blog, food blog, fashion blog and writers who need to create personal blog site with simple creative features and effects to make readers feel the pleasure of reading blog posts and articles.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,one-column,two-columns,custom-header,blog,entertainment,portfolio
Version: 1.0.1664431164
Updated: 2022-09-29 05:59:24

*/

body{
	background: white !important;
}

.home #content-wrap {
    max-width: 100%;
    width: 97.5%;
}
.home .blog-archive .featured-image {
    background-color: #000;
    background-position: center center;
    background-size: cover;
    padding: 60% 0;
}
.columns-1 article, .columns-2 article, .columns-3 article, .columns-4 article, .columns-5 article {
    padding: 4px 6px;
    margin-bottom: 4px;
}

a.custom-logo-link {
    max-width: 210px;
	height: auto;
}
.navigation-menu .search-form {
    width: 33%;
}
input.search-field {
    display: none !important;
}

header nav#site-navigation{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 15px;
	box-shadow: none;
}

nav#site-navigation form.search-form{
	display: flex;
	justify-content: flex-end;
	flex: 0;
}

nav#site-navigation button.search-submit{
	position: static !important;
	border-left: 1px solid rgba(0,0,0,0.15);
	border-right: 1px solid rgba(0,0,0,0.15);
}

nav#site-navigation a.custom-logo-link{
	flex-grow: 1;	
}

ul#primary-menu{
	flex-grow: 1 !important;
	text-align: right !important;
}

div#primary-menu li.page_item a{
	padding: 0px 15px;
}

.navigation-menu .search-form .search-submit{
	height: 18px !important;
	padding: 0 15px;
}

footer#colophon{
	background-color: #1c1c1c;
}

.cpright{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #6f6f6f;
}

footer .site-info{
	border-top: 0px !important;
	padding: 0; 
}

.site-info .cpright{
	padding: 35px 0 35px !important;	
	border-top: 1px solid #6f6f6f !important;
}

p.left{
	margin: 0;
}

p.right{
	margin: 0;
}

header#masthead .site-branding{
	padding: 8px 0 !important;
}

.home div#content-wrap{
	padding: 8px 0 !important;
}

div#primary-menu{
	flex: 1;
}

div#primary-menu #masthead .nav-menu, #masthead .nav-menu > ul{
	text-align: right !important;
}

header i.fab.fa-facebook-f, header i.fab.fa-twitter, header i.fab.fa-linkedin-in, header i.fab.fa-google-plus-g{
	color: #000000;
}

header ul.cnss-social-icon{
	margin: 0 5px;
}

footer #footer-widgets .widget-column{
	width: 25%;
}

section#block-7 h2{
	color: white;
}

section#block-8 p{
	color: #6f6f6f;
}

section#block-11 h2{
	color: white;
}

section#block-12 p{
	color: #6f6f6f;
}

#footer-widgets ul li a{
	color: white;
}

form#wpforms-form-38{
	display: flex;
}

.home .blog-archive .posted-on{
	left: 20px !important;
	top: 0 !important;
	opacity: 1 !important;
}

.home .blog-archive .posted-on a{
	background: none !important;
	color: white !important;
}

.home span.posted-on a{
	display: block !important;
	margin-left: 0px !important;
}

.home time.entry-date.published.updated{
	position:absolute;
	left: 25%;
	top: 0px;
}

.home .blog-post-item{
	overflow: hidden;
}

.home .blog-archive .blog-post-item .entry-title{
	font-size: 20px !important;	
}

.home .blog-archive .blog-post-item .entry-title a{
	display: block;
	text-decoration: none !important;
}

.home span.cat-links{
	display: none !important;
}

.home .blog-post-item:hover .entry-container p {
    margin: 0;
	transition: all .5s ease;
	height: 80px;
}

.home header.entry-header p {
    margin-bottom: -18px;
    transition: all .5s ease;
	height: 0px;
	
}

.home .blog-archive .entry-container {
    padding: 25px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
}

.widget{
	margin: 0 0 15px !important;
}

.home .blog-archive .blog-post-item .entry-title  a:hover{
	color: #ff214f;
}

.home .image-overlay{
	z-index: -1;	
}

.home .featured-image{
	position: relative;	
}

.home .featured-image::before{
	position: absolute;
	content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgb(0 0 0) 100%);
}

.home .blog-archive .featured-image{
	transition: 0.4s ease-in-out;
}

.home .blog-archive .featured-image:hover{
	transform: scale(1.1) !important;
}

#footer-widgets{
	padding: 50px 0 35px !important;
}

ul.wp-block-latest-posts__list.alignleft.wp-block-latest-posts li{
	display: flex !important;
	align-items: center;
}

input#wpforms-38-field_2{
	background: none !important;
	font-size: 14px;
	border-color: #363636;
}

input#wpforms-38-field_2:focus{
	color: #f6f6f6;
}

#secondary ul li a, #footer-widgets ul li a{
    font-weight: normal;
    line-height: 20px;
    color: #6f6f6f;
}

button#wpforms-submit-38{
	background: none !important;
	margin-left: -1px;
	padding: 18px 20px;
	font-size: 0;
	border-color: #363636;
	position: relative;
}

button#wpforms-submit-38::after{
	position: absolute;
	content: ">";
	left: 0;
	top: 5px;
	right: 0;
	bottom: 0;
	font-size: 20px;
	color: #606060;
}

.footer_upper{
	padding: 50px 0;
	background-color: #141414;
}

.section_upper{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

section.footer_upper .section-col1, section.footer_upper .section-col2, section.footer_upper .section-col3{
	flex: auto;
}

section.footer_upper .section-col1{
	text-align: left;
}
section.footer_upper .section-col2{
	text-align: center;
}
section.footer_upper .section-col3{
	text-align: right;
}

.footer-logo a.custom-logo-link{
	filter: invert(1);	
}

ul.social-icons{
	margin: 0;
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: right;
}

.social-icons li{
	display: inline-block;
	list-style: none;
}

.social-icons li a{
	display: block;
	padding: 10px 15px;
}

.social-icons li:first-child span{
	margin-right: 15px;	
}

ul.cnss-social-icon li.cn-fa-icon a.cnss-facebook-f, ul.cnss-social-icon li.cn-fa-icon a.cnss-twitter,
ul.cnss-social-icon li.cn-fa-icon a{
	background: none !important;
}

ul.cnss-social-icon li.cn-fa-icon a.cnss-facebook-f, ul.cnss-social-icon li.cn-fa-icon a.cnss-twitter, ul.cnss-social-icon li.cn-fa-icon a{
	width: 30px !important; 
	height: 30px !important;	
	padding: 6px 2px !important;
}

i.fab.fa-facebook-f, i.fab.fa-twitter, i.fab.fa-linkedin-in, i.fab.fa-google-plus-g{
	font-size: 16px !important;
	transition: 0.4s ease-in-out;
}

i.fab.fa-facebook-f:hover, i.fab.fa-twitter:hover, i.fab.fa-linkedin-in:hover, i.fab.fa-google-plus-g:hover{
	color: #ff214f;
}


@media (min-width: 1024px){
	div#primary-menu ul{
		width: 100%;
		float: right !important;
	}
}

@media (max-width: 1024px){
	span.primary-menu-label{
		display: none;
	}
	
	header button.menu-toggle{
		text-align: right;
		margin-left: auto;
		margin-right: 0;
	}
	
	header div#primary-menu{
		flex: 0;
	}
	
	header ul#primary-menu{
		width: 100%;
		display: block;
		position: absolute;
		top: 68px;
		background: white;
	}
	
/* 	header div#primary-menu ul{
		display: none;
		position: absolute;
		background: white;
		width: 91.5%;
		left: 0px;
		top: 76px;
	} */
	
	header .navigation-menu .search-form{
		position: relative;
		right: 0px;
	}
	
	a.custom-logo-link{
		max-width: 90px;
	}
		
}

@media only screen and (max-width: 1024px) and (min-width: 900px){
	ul.wp-block-latest-posts__list.alignleft.wp-block-latest-posts li{
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 900px){
	footer #footer-widgets .widget-column{
		width: 50%;
		float: left;
	}		
	
	a.custom-logo-link{
		max-width: 90px;
	}
	
	section.footer_upper .section-col1{
		flex: 0;
	}
	
	section.footer_upper .section-col2{
		text-align: left;
	}
	
	section.footer_upper .section-col1 p{
		display: none;
	}
}

@media only screen and (max-width: 575px){
	a.custom-logo-link {
		max-width: 80px;
	}

	section.footer_upper .section-col1, section.footer_upper .section-col2, section.footer_upper .section-col3{
		flex: 100%;	
	}
	
	section.footer_upper .section-col1 p{
		display: none;
	}
	
	section.footer_upper .section-col2{
		text-align: center;
	}
	
	ul.social-icons{
		justify-content: center;
		margin-top: 20px;
	}
	
	footer #footer-widgets .widget-column{
		width: 100%;
		float: left;
	}		
	
	.cpright{
		display: block;
	}
}

@media (max-width: 425px){
	header nav#site-navigation{
		padding: 0;
	}
	
	header .navigation-menu .search-form .search-submit{
		padding: 0px 10px;
	}
	
	header .menu-toggle svg{
		width: 18px;
		height: 18px;
	}
	
	header svg#icon-search{
		width: 14px;
		height: 14px;
	}
	
	header i.fab.fa-facebook-f, header i.fab.fa-twitter, header i.fab.fa-linkedin-in, header i.fab.fa-google-plus-g{
		font-size: 14px !important;
	}
	
	header ul.cnss-social-icon{
		margin: 0;
	}	
}

@media (max-width: 375px){
	header nav#site-navigation{
		padding: 0;
	}
	
	header .navigation-menu .search-form .search-submit{
		padding: 0px 10px;
	}
	
	header svg#icon-search{
		width: 14px;
		height: 14px;
	}
	
	header i.fab.fa-facebook-f, header i.fab.fa-twitter, header i.fab.fa-linkedin-in, header i.fab.fa-google-plus-g{
		font-size: 14px !important;
	}
	
	ul.cnss-social-icon li.cn-fa-icon a.cnss-facebook-f, ul.cnss-social-icon li.cn-fa-icon a.cnss-twitter, ul.cnss-social-	icon li.cn-fa-icon a{
		width: 20px !important;
		height: 20px !important;
		padding: 0px 2px !important;
	}
	
	header ul.cnss-social-icon{
		margin: 0;
	}	
}