/*
Theme Name: Mirror Wedding
Theme URI: https://mirrorwedding.local/
Author: Mirror Studio
Author URI: https://mirrorwedding.local/
Description: Mirror Wedding - theme anh cuoi sang trong dua tren bo giao diện Kotlis Photography. Ho tro carousel trang chu, portfolio, blog va trang lien he voi tuy chinh toc da qua Customizer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mirror-wedding
Tags: photography, portfolio, wedding, dark, one-page, custom-menu, custom-logo, featured-images, block-patterns, block-styles, full-width-template
*/

/* ==========================================================================
   WordPress Core Classes
   ========================================================================== */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}

.alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

blockquote.alignleft,
blockquote.alignright {
	max-width: 50%;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}

.wp-block-image figcaption {
	font-size: 0.9em;
}

.gallery-caption {
	display: block;
}

.bypostauthor {
	display: block;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* WP 5+ editor + blocks inside entry content */
.entry-content > *.alignleft {
	margin-left: 0;
}

.entry-content > *.alignright {
	margin-right: 0;
}

/* ==========================================================================
   Theme elements built on top of Kotlis layout
   ========================================================================== */

/* Admin bar offset when logged in */
.admin-bar #main {
	margin-top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar #main {
		margin-top: 46px;
	}
}

/* Search form in header */
.main-header .search-input input.search {
	width: 100%;
}

/* Hidden slide-out sidebar widget area */
.hiben-sidebar-widget .widget {
	margin-bottom: 30px;
}

.hiiden-sidebar-wrap .widget h3,
.hiiden-sidebar-wrap .widget h2,
.hiiden-sidebar-wrap .widget .widget-title {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.hiiden-sidebar-wrap .widget ul {
	list-style: none;
}

.hiiden-sidebar-wrap .widget ul li {
	margin-bottom: 6px;
}

/* Newsletter + contact ajax status */
.subscribe-message,
.contact-form-message {
	display: block;
	width: 100%;
	margin-top: 10px;
	font-size: 0.9em;
}

.contact-form-message.error {
	color: #e5555e;
}

.contact-form-message.success {
	color: #5ecfb1;
}

.contact-form-sending .float-btn {
	opacity: 0.6;
	pointer-events: none;
}

/* Portfolio embed inside content blocks (mirror-wedding/portfolio block) */
.mw-portfolio-block-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mw-portfolio-block-items li {
	flex: 1 1 calc(33.333% - 20px);
	min-width: 240px;
}

.mw-portfolio-block-items img {
	width: 100%;
	display: block;
}

/* Comments area */
.commentlist {
	list-style: none;
	padding: 0;
}

.commentlist li {
	margin-bottom: 20px;
}