/*
Theme Name: Twenty Twenty-Three Child
Template: twentytwentythree
*/
.login, .user {
	display: none !important;
}
.show {
	display: flex !important;
}

/* email signup bar */
.email-signup-bar { position: fixed; bottom: 0; width: 100%; z-index: 10; }
.email-signup-bar .wp-block-group.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
	justify-content: center;
}
.sailthru-signup-widget .sailthru-widget-label { display: none; }
.sailthru-signup-widget form { 
	display: flex; 
	flex-direction: row; 
	align-items: center; 
}
.sailthru-signup-widget input[type=text] { 
	width: auto; 
	min-width: 300px;
	margin-right: 1rem;
	padding: 0 8px; 
	line-height: 2rem;
	font-size: 1rem;
	border-radius: 4px;
}
.sailthru-signup-widget .form-group { margin-bottom: 0 !important; }
.sailthru-signup-widget button { 
	border-radius: 20px;
	border: 0;
    background-color: #df2f5d;
    font-style: normal;
    font-weight: 400;
	font-size: 1rem !important;
	line-height: 1rem !important;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	color: var(--wp--preset--color--base);
	cursor: pointer;
}

@media screen and (max-width: 390px) {
	.sailthru-signup-widget button {
		font-size: 14px !important;
		padding: calc(0.667em) calc(1.333em + 2px);
	}
	.sailthru-signup-widget input[type=text] {
		min-width: auto;
	}
	
	.sailthru-add-subscriber-errors {
		font-size: 12px;
		padding-right: 8px;
	}
}


/* nav */

@media screen and (max-width: 390px) {
	header figure {
		display: flex;
	}
}

/* tweak position */
ul.wp-block-navigation__submenu-container.user.wp-block-navigation-submenu.show {
	right: -4px !important;
	background: #f2f2f2;
	padding: 6px 4px;
	border: 0;
}
li.wp-block-navigation-item.has-child.open-on-hover-click.user.wp-block-navigation-submenu.show:hover {
	background: #f2f2f2;
    padding: 4px;
    margin: -4px;
}
li.wp-block-navigation-link:hover {
	background: #ddd;
}

/* mobile menu */
@media screen and (max-width: 390px) {
	.wp-block-navigation__responsive-container {
		background: #fffbe4 !important;
	}
	
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-close { padding: 30px 25px; }
}

/* article page */
@media screen and (max-width: 390px) {
	.single-post main figure {
		max-height: 300px;
	}
}