/* 
Theme Name: Miaan 
Theme URL: http://miaandev.zahra-design.com
Description: Chaplin Child - Customize for Miaan website
Theme Author: Zahra Z
Template: chaplin 
Version: 3.0.0 
Text Domain: chaplin-child 
*/

/*  General  */

.no-bottom-magin {
	margin-bottom: 0 !important;
}
h1.entry-title {
	font-size: 7rem;
	color: #B0B0B0;
}
a.skip-link {
	display: none;
}
.full-inner-block {
	max-width: 112rem !important;
}
.cover-block-h1 {
	height: 100vh;
}
.cover-block-h2 {
	height: 70vh;
}
.post-inner>div>ul.wp-block-latest-posts.is-grid>li {
	border-top: none;
	padding-top: 0px;
}
.post-inner>div>ul.wp-block-latest-posts.is-grid>li>div.wp-block-latest-posts__featured-image {
	margin-bottom: 4rem;
	background-color: red;
	width: 100%;
	padding-top: 75%; /* 4:3; Aspect Ratio */
	position: relative;
	overflow: hidden;
}
.wp-block-latest-posts>li>div>img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#post-23>div.cover-header.screen-height.screen-width.bg-image>div>div>div.section-inner.fade-block>header>div.entry-title.faux-heading.heading-size-1 {
	font-weight: 500;
	font-size: 7rem;
}
#post-23>div.cover-header.screen-height.screen-width.bg-image>div>div>div.section-inner.fade-block>header>div.to-the-content-wrapper>a>div.text {
	display: none;
}
@media (min-width:600px) and (max-width:781px) {
	.wp-block-column {
		flex-basis: calc(100% / 3 - 16px)!important;
	}
	.wp-block-column:nth-child(2n) {
		margin-left: 16px;
		margin-right: 16px;
	}
}
.hideThis {
	display: none !important;
}

/*  Buttom	*/

a.wp-block-button__link {
	padding: calc(1em - .2rem) calc( 3em - .2rem) !important;
}
.form-submit-style {
	padding: calc(1em - .4rem) calc( 3em - .4rem) !important;
	font-weight: 700;
	color: #5b5ca9 !important;
	border: 2px solid #5b5ca9 !important;
}

/*   menu  */

.menu-item>a {
	font-size: 1.6rem;
}
div.header-toggles a.toggle, div.header-navigation-wrapper {
	align-items: baseline;
}
ul.main-menu-alt ul {
	width: 18rem;
	background-color: rgba(199, 199, 228, 0.5);
	color: inherit;
}
ul.main-menu-alt ul:after {
	border-bottom-color: rgba(199, 199, 228, 0.5);
}
ul.main-menu-alt li:last-child ul {
	width: 12rem;
}
ul.main-menu-alt .link-icon-wrapper svg {
	display: none;
}
ul.main-menu-alt ul li a {
	/*color: currentColor;*/
	text-decoration: none !important;
}
ul.main-menu-alt ul li a:hover {
	/*color: currentColor;*/
	text-decoration: underline !important;
}
@media screen and (max-width: 600px) {
	div.header-toggles a.toggle {
		align-items: center;
	}
	h1.Home-quote {
		bottom: 5rem;
		font-size: 10vw;
	}
}

/* footer */

footer#site-footer {
	color: #B0B0B0;
}
.page-id-23>footer#site-footer {
	margin-top: 0px;
}
div.footer-inner {
	border-top: 0.1rem solid currentColor;
	font-size: 1.3rem;
	padding: 1rem 0;
}
div.footer-credits {
	position: relative;
	top: -1rem;
}
@media screen and (min-width: 700px) {
	ul.footer-menu {
		margin-bottom: 0;
	}
	ul.footer-menu li {
		border: 0;
	}
	ul.footer-menu a {
		float: right;
		margin-left: 1.5rem;
		padding: 0 0.5rem;
	}
	div.footer-credits {
		top: 0;
	}
}
@media ( max-width: 699px) {
	div.footer-inner {
		text-align: center;
	}
	ul.footer-menu {
		margin-bottom: 0;
	}
	ul.footer-menu li {
		border: none;
		display: inline-block;
	}
	ul.footer-menu li a {
		padding: 1.2rem;
	}
	div.footer-credits {
		display: block;
		top: -0.5rem;
	}
}

/*  Post Page  */

figure.featured-media {
	height: 30rem;
	overflow: hidden;
	text-align: center;
	margin-top: 4rem;
}
.featured-media img {
	position: relative;
	transform: translate(0, -33%);
}

/*  search Page  */

body.search #site-content>div>div>div.grid-item {
	width: calc( 50% - 4rem);
}