/*
Theme Name: wordpress-express-42
Theme URI: https://wordpress.com/website-design-service/
Author: WordPress.com Express Design Service
Author URI: https://wordpress.com/website-design-service/
Description: a WordPress.com Express Design Service theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: assembler
Text Domain: wordpress-express-42
Tags: 
*/

/* Table of Contents
- HivePress
	- Header
	- Select2
	- General Styles
- Forms
*/

/* HivePress
---------------------------------------------------------------------------- */

/* Header
--------------------------------------------- */

/* Sticky header on HivePress templates */
body.hp-template .wp-site-blocks .is-position-sticky {
	position: sticky;
	top: 0;
	z-index: 10;
}
body.hp-template.admin-bar .wp-site-blocks .is-position-sticky {
	top: var(--wp-admin--admin-bar--position-offset, 0px);
}

/* Ensure correct flex alignment */
body.hp-template .wp-block-group.is-layout-flex.is-content-justification-space-between {
	flex-wrap: nowrap;
	justify-content: space-between;
}

/* Site title line height */
body.hp-template .wp-block-site-title {
	line-height: 1.3;
}

/* Select2
--------------------------------------------- */

/* Select2 container width */
.hp-form .select2-container {
	width: 100% !important;
}

/* Main visible select box */
.hp-form .select2-container--default .select2-selection--single {
	display: flex;
	height: auto;
	min-height: calc(1.4em + 20px); /* line-height + vertical padding */
	padding: 10px 20px;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--theme-6);
	border: 1px solid var(--wp--preset--color--theme-6);
	border-radius: 0;
	line-height: 1.4;
	align-items: center;
	font-family: inherit;
	font-weight: inherit;
}

/* Text inside */
.hp-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	margin: 0;
	padding: 0;
	color: var(--wp--preset--color--theme-6);
	font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.179), 16px);
	line-height: 1.4;
	font-family: inherit;
	font-weight: inherit;
}

.select2-results__option {
	color: var(--wp--preset--color--theme-6);
}

/* Arrow */
.hp-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 10px;
}

/* Focus state */
.hp-form .select2-container--default.select2-container--focus .select2-selection--single,
.hp-form .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--wp--preset--color--theme-6);
	outline: none;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--theme-6) 25%, transparent);
}

/* Add a small gap so mouseup doesn’t click the first option */
body.hp-template .select2-container--open .select2-dropdown {
	margin-top: 30px;
	z-index: 9;
}

/* General Styles
--------------------------------------------- */

.hp-page.site-main {
    margin-top: var(--wp--preset--spacing--40);
    margin-bottom: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--20);
}

.hp-page.site-main .hp-page__content .hp-listing__title,
.hp-page.site-main .hp-page__content .hp-page__title,
.hp-page.site-main .hp-section__title {
	font-size: var(--wp--preset--font-size--large);
}

.hp-template--user-account-page.hp-template--page-sidebar-left .hp-page.site-main aside {
	background-color: #f6f6f6;
}

@media only screen and (min-width: 48em) {
	.hp-template--user-account-page.hp-template--page-sidebar-left .hp-page.site-main aside {
		-ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
	}

	.hp-template--user-account-page.hp-template--page-sidebar-left .hp-page.site-main .hp-page__content {
		-ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
		padding-left: 3rem;
	}
}

.hp-template--user-account-page table.hp-listings .hp-listing__title {
	font-size: initial !important;
	font-weight: bold;
}

.hp-modal.fancybox-content {
	color: var(--wp--preset--color--theme-6) !important;
}

.hp-template--user-account-page .hp-table {
	width: 100%;
}

.hp-menu--user-account ul {
	color: var(--wp--preset--color--theme-6);
}

.hp-listing--view-page .hp-listing__attributes--primary .hp-listing__attribute {
	font-size: initial;
	text-align: initial;
}

@media (min-width: 600px) {
	.hp-listing__actions--primary {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

/* Forms
---------------------------------------------------------------------------- */

input,
select,
textarea {
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	padding: 10px 20px;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--theme-6);
	border: 1px solid var(--wp--preset--color--theme-6);
	border-radius: 0;
	font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.179), 16px);
	line-height: 1.4;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--theme-6) 25%, transparent);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
	padding: initial;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
select,
textarea {
	appearance: none;
	-webkit-appearance: none;
}

button,
input[type="button"],
input[type="submit"] {
    padding-top: 11px;
    padding-right: 24px;
    padding-bottom: 11px;
    padding-left: 24px;
	background-color: var(--wp--preset--color--theme-2);
    color: var(--wp--preset--color--theme-6);
    border-width: 0;
    border-radius: 5px;
    font-size: var(--wp--preset--font-size--small);
    font-family: var(--wp--preset--font-family--forum);
    font-style: inherit;
    font-weight: 450;
    letter-spacing: inherit;
    line-height: 1.4;
    text-decoration: none;
    text-transform: inherit;
	cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--theme-2) 90%, #FFF);
}

::placeholder {
	color: #000;
	opacity: 0.75;
}