/*
Theme Name: Dolcino Child
Theme URI: https://dolcino.qodeinteractive.com/
Description: A child theme of Dolcino Theme
Author: Mikado Themes
Author URI: https://themeforest.net/user/mikado-themes
Developer: DFraustro@MaukaDigital.com
Version: 1.0.6
Text Domain: dolcino
Template: dolcino
*/

body {
	line-height:1.5;
}

.anchor {
	scroll-margin-top:120px;
}

.admin-bar .anchor {
	scroll-margin-top:152px;
}

.w-100 {
	width:100% !important;
}

.w-33 {
	width:calc(100%/3);
}

.shadow {
	box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
}

/* = Content = */

.mkdf-grid-container {
	max-width: 1100px;
    margin: 2rem auto;
    box-sizing: border-box;
	padding:0 20px;
}

.mkdf-content .mkdf-content-inner > .mkdf-container-with-img > .mkdf-container-inner {
	margin-top: -140px;
}

.mkdf-content-inner {
	min-height:85vh;
}

.mkdf-blog-single .has-post-thumbnail .mkdf-post-content {
	display:grid;
	gap:30px;
	grid-template-columns:1fr 2fr;
}

.archive-content .mkdf-blog-holder.mkdf-blog-standard article {
	width:calc(calc(100% - 60px)/3);
	margin:0 10px 20px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
	background-color:white;
}

.archive-content .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-text {
	padding:0 20px 40px;
}

.archive-content .mkdf-blog-holder.mkdf-blog-standard article .mkdf-post-info {
	margin:20px 0;
}

.archive-content h3 {
	font-size: 30px;
}

.mkdf-post-text-main a {
	font-weight:700;
}

.mkdf-post-text-main a:hover {
	text-decoration:underline;
}

.mkdf-related-posts-inner h5 {
	text-align:right;
}

.mkdf-blog-holder.mkdf-blog-single .type-post .mkdf-post-text .mkdf-separator-holder {
	margin:0 0 20px;
}

/* = Top bar = */

.mkdf-top-bar {
	font-size:1.25em !important;
	height:3rem !important;
}

.mkdf-top-bar a {
	color:#f4cedd !important;
}
.mkdf-top-bar a:hover {
	color:white !important;
}

/* = Main menu = */

.mkdf-main-menu .inner .menu-item:not(:last-child) .item_outer {
	border-bottom: 1px solid rgb(0 0 0 / .2);
}
.mkdf-main-menu #menu-main-menu .inner .menu-item .item_outer {
	padding:.5rem 0;
}
.mkdf-drop-down #menu-main-menu .narrow .second .inner ul {
	padding:.5rem 0;
}
.mkdf-drop-down #menu-main-menu .medium-width.narrow .second .inner ul li {
	width:20rem;
}
.mkdf-drop-down #menu-main-menu .second {
	box-shadow:0px 1px 3px rgb(0 0 0 / .15);
}
.mkdf-drop-down #menu-main-menu .second .inner ul li a {
	padding:0 1rem;
}

/* = Sidebar = */

 aside.mkdf-sidebar .widget .recent-confections li {
	display:flex;
	flex-direction:row-reverse;
	align-content:center;
	gap:10px;
}

aside.mkdf-sidebar .widget .recent-confections li .wp-block-latest-posts__post-title {
	display:flex;
	align-content:center;
	flex-wrap:wrap;
}

aside.mkdf-sidebar .widget .recent-confections li .wp-block-latest-posts__featured-image.alignright {
	float:none;
	margin:0;
}

aside.mkdf-sidebar .widget .recent-confections li .wp-block-latest-posts__featured-image img {
	display:block;
}

/* = Masonry Grid = */

.grid-container {
	position:relative;
}

.grid-container::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	opacity:.5;
	background-image:url(assets/images/lace-texture.png);
}

.grid-container figure {
	box-sizing:border-box;
	margin:0;
	position:relative;
	outline: 3px solid transparent;
	transition: all 1s ease;
}

.grid-container figure img {
	display:block;
	width:100%;
	position: relative;
}

.grid-container .caption {
	position: absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index: 99;
	padding:15px;
}

.grid-container figcaption {
	opacity: 0;
	text-align: center;
	color:white;
	font-weight:bold;
	padding:15px;
	background-color:rgb(168 29 79 / .66);
	box-shadow: 0 2px 5px 1px rgb(0 0 0 / 40%);
	transition: all 1s ease;
}

.grid-container figure:hover {
	outline: 3px solid #a81d4f;
	z-index: 9;
}

.grid-container .caption:hover figcaption {
	opacity: 1;
}

.grid-item__1x1,
.grid-item__1x2 {
	width: calc(100% / 6);
}
.grid-item__2x1,
.grid-item__2x2 {
	width: calc(100% / 3);
}

/* = Buttons = */

.magenta-btn {
	background-color:#cc2e62 !important;
	outline:#c19d56 solid 1px !important;
}

.mkdf-btn.mkdf-btn-solid.magenta-btn:not(.mkdf-btn-custom-border-hover):hover {
	background-color:transparent !important;
	color:#cc2e62 !important;
	border-color:#cc2e62 !important;
}

/* = Icons = */

.icon-sm {
	font-size: .75em;
	vertical-align: middle;
}

/* = Contact Form = */

.flex-submit {
	margin-top:20px;
}

.flex-submit p {
	display:flex;
	align-items:center;
}

.wpcf7-spinner {
	height:32px;
	width:32px;
	margin:0 0 0 32px;
	background-color:#5656ba;
	box-shadow:0 2px 5px rgb(0 0 0 / .6);
}

/* = Responsive Queries = */

@media only screen and (max-width: 1024px) {
	.mkdf-content .mkdf-content-inner > .mkdf-container-with-img > .mkdf-container-inner {
		margin-top: -70px;
	}
	
	.archive-content h3 {
		font-size: 25px;
	}
	
	.grid-item__1x1,
	.grid-item__1x2 {
		width: calc(100% / 4);
	}
	.grid-item__2x1,
	.grid-item__2x2 {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 992px) {
	.archive-content .mkdf-blog-holder.mkdf-blog-standard article {
		width:calc(calc(100% - 40px)/2);
	}

	.archive-content h3 {
		font-size: 20px;
	}
	
	.mkdf-blog-single .has-post-thumbnail .mkdf-post-content {
		gap:20px;
	}
}

@media only screen and (max-width: 767px) {
	.w-33 {
		width:50%;
	}
	
	.mkdf-blog-single .has-post-thumbnail .mkdf-post-content {
		grid-template-columns:1fr;
	}
	
	.mkdf-blog-single .has-post-thumbnail .mkdf-post-content .mkdf-post-heading {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.mkdf-blog-single .has-post-thumbnail .mkdf-post-content .mkdf-post-image {
		max-width:80%;
	}
}
	
@media only screen and (max-width: 576px) {
	.archive-content .mkdf-blog-holder.mkdf-blog-standard article {
		width:calc(100% - 20px);
	}
	
	.mkdf-blog-single .has-post-thumbnail .mkdf-post-content {
		gap:10px;
	}
	
	.mkdf-container-inner,
	.mkdf-grid,
	.mkdf-row-grid-section {
		box-sizing: border-box;
		width:100% !important;
		padding:0 20px;
	}
	
	.grid-item {
		width:50% !important;
	}
	
	.grid-item figure {
		position:relative;
		width:100%;
		padding-top:100%;
	}
	.grid-item figure img {
		height: 100%;
		position:absolute;
		inset:0;
		object-fit:cover;
	}
}