/*
Theme Name:		NAY
Theme URI:		https://studiotem.com/
Author:			Studio TEM
Author URI:		https://studiotem.com/
Version:		1.0
Description:	custom theme
License:		GNU General Public License v2.0 & Apache License 2.0
License URI:	http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
Text Domain:	nay-theme
*/

@media (prefers-color-scheme: dark){
	:root{
		color-scheme: light;
	}
}

@media (forced-colors: active){
	:root{
		color-scheme: light;
	}
}

body{
	overflow-y: scroll;
}
p:empty,
p:empty:before{
	display: none;
}
img{
	max-width: 100%;
	height: auto;
}

.single-post h1{
	padding-bottom: 0;
}
.single-post h1:after{
	display: none;
}

.wp-pagenavi{
	margin-top: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.wp-pagenavi :is(.page, .current, .extend){
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--wp--preset--color--blue-primary);
	text-decoration: none;
}
.wp-pagenavi .current{
	background: var(--wp--preset--color--blue-primary);
	color: #fff;
}
.wp-pagenavi :is(.previouspostslink, .nextpostslink){
	--arrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="%23009eeb" d="M10.8185 9.30887 6.2577 4.74804l1.06066-1.06066 5.09114 5.09116c.2929.2929.2929.76777 0 1.06066l-5.09115 5.0912-1.06066-1.0607z"/></svg>');
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 16px 0 0;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.003em;
	color: var(--wp--preset--color--blue-primary);
	text-transform: uppercase;
	text-decoration: none;
}
.wp-pagenavi .nextpostslink{
	padding: 0 0 0 16px;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:after{
	content: var(--arrow);
	font-size: 0;
	line-height: 1;
}
.wp-pagenavi .previouspostslink:before{
	transform: rotate(180deg);
}
.grecaptcha-badge{
	visibility: hidden;
}
.modal{
	--bs-modal-width: 478px;
	--bs-modal-margin: 60px;
	--bs-modal-padding: 32px;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 0;
	--bs-modal-box-shadow: none;
	--bs-modal-inner-border-radius: 0;
}
.modal-backdrop{
	--bs-backdrop-opacity: .8;
}
.modal button.btn-close{
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 20px;
	opacity: 1;
}

/* contact form 7 */
.wpcf7{
	position: relative;
}
.wpcf7-not-valid-tip{
	display: none !important;
}
div.wpcf7 .ajax-loader{
	position: absolute;
}
.wpcf7-spinner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	margin: 0;
	background: none;
}
.wpcf7-spinner::before{
	z-index: 2;
	top: calc( 50% - 8px );
	left: calc( 50% - 8px );
}
.wpcf7-spinner::after{
	content: '';
	width: 24px;
	height: 24px;
	background: rgb(35 40 45 / 75%);
	display: block;
	position: absolute;
	z-index: 1;
	top: calc( 50% - 12px );
	left: calc( 50% - 12px );
	border-radius: 50%;
}
.wpcf7 form .wpcf7-response-output{
	margin: 20px 0;
	padding: 0;
	border: 0;
	font-size: 14px;
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #46b450;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
	color: #df0000;
}

body.error404 .wp-site-blocks{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body.error404 footer.wp-block-template-part{
	margin-top: auto;
}

.rank-math-breadcrumb{
	margin-top: 60px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4286;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--blue-primary);
}
.rank-math-breadcrumb p{
	display: flex;
	align-items: center;
	gap: 10px;
}
.rank-math-breadcrumb a{
	text-decoration: none;
}
.rank-math-breadcrumb a:hover{
	text-decoration: underline;
}
.rank-math-breadcrumb .separator{
	color: #8f8f8f;
}
.rank-math-breadcrumb .last{
	overflow: hidden;
	text-overflow: ellipsis;
}

@media( max-width: 767px ){
	.wp-pagenavi :is(.previouspostslink, .nextpostslink){
		padding: 0 8px 0 0;
		gap: 0;
		font-size: 0;
	}
	.wp-pagenavi .nextpostslink{
		padding: 0 0 0 8px;
	}
	.rank-math-breadcrumb{
		margin-top: 48px;
	}
}