/*
Theme Name: Albumza Info
Theme URI: https://albumza.info
Author: Albumza
Description: WordPress theme for the Albumza Info site.
Version: 1.3.9
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: albumza-info
*/



*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 16px;
}

body {
	margin: 0;
	font-family: var(--font-family-sans);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-normal);
	color: var(--color-text);
	background: var(--home-page-bg);
	min-height: 100vh;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

.site-main {
	padding: 0;
	max-width: none;
	margin: 0;
}

.page-content {
	padding-left: var(--home-content-padding-x);
	padding-right: var(--home-content-padding-x);
	color: var(--home-heading-text);
}

.page-header {
	margin-bottom: var(--spacing-6);
}

.page-title {
	margin: 0;
	font-family: var(--font-homepage-section-title);
	font-size: var(--font-size-3xl);
	line-height: var(--line-height-tight);
	color: var(--home-heading-text);
}

.res-title {
	font-size: clamp(30px, calc(13.43px + 4.42vw), 70px);
    width: fit-content;

    margin-left: auto;
    margin-right: auto;	
	margin-top:27px;
	max-width:280px;
}

.blue {
	color:#221A5B;
}

.star:after {
	display:inline-block;
	content:"";
	background-image: url(assets/images/icon-star.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:top right;
	width: clamp(16px, calc(8.96px + 1.878vw), 33px);
	height: clamp(16px, calc(8.96px + 1.878vw), 33px);
	vertical-align: top;
}


.page-body {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
}

.page-body h2,
.page-body h3,
.page-body h4 {
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-tight);
	color: var(--home-heading-text);
}

.page-body p {
	margin: 0 0 var(--spacing-4);
}

.page-body a {
	color: var(--brand-color-purple-container);
}

.page-body a:hover {
	text-decoration: none;
}

.entry-title {
	margin: 0 0 var(--spacing-3);
	font-size: var(--font-size-2xl);
}

.entry-title a {
	text-decoration: none;
	color: var(--home-heading-text);
}

.entry-title a:hover {
	text-decoration: underline;
}

.entry-content {
	color: var(--color-text-muted);
}


.generic-cta__button a {
	color:white;
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(180deg, #fc6819 0%, #fd8225 100%);
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 9999px;
	font-size: 1rem;
	line-height: 1.1;
	padding: 1rem 4rem;
	width:fit-content;

	box-shadow: 0 0.5rem 1.25rem rgba(252, 104, 25, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;	
}

.generic-cta__button a:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.75rem 1.5rem rgba(252, 104, 25, 0.45);
	filter: brightness(1.05);
	color: #fff;
}

.generic-cta__button a:active {
	transform: translateY(0);
	box-shadow: 0 0.375rem 0.75rem rgba(252, 104, 25, 0.35);
}

.legend {
	border-radius: 100px;
	border: 1px solid #E3E2FB;
	background: #FFF;	
	display:flex;
	justify-content:center;
	align-items:center;
	width:fit-content;
	margin-left:auto;
	margin-right:auto;

	gap:10px;
	font-size:9px;
	padding:5px 10px;
	margin-top:15px;
	margin-bottom:30px;
}

.legend p:before {
	content:"";
	width:14px;
	height:14px;	
	border-radius: 50%;
}

.legend .available:before {
	background-color:#4B45A2;
}

.legend .not-available:before {
	background-color:#E3E3FA;
}

.map_wrapper {
	margin-left: calc(-1 *  var(--home-content-padding-x) );
	margin-right: calc(-1 *  var(--home-content-padding-x) );
}


.map_wrapper {
    max-width: none!important;
    width: auto!important;
}

.legend p {
	margin:0;
	display:flex;
	justify-content:center;
	align-items: center;
	gap:5px;
}

@media (min-width: 375px) {
	.legend {
		font-size:12px;
	}
}

@media (min-width: 768px) {
	.generic-cta__button a {
		font-size: 1.75rem;
		padding: 1.5rem 7rem;
	}

	.legend {
		margin-top:30px;
		margin-bottom:60px;
		font-size:24px;
		padding:10px 20px;		
		gap:30px;
	}

	.legend p:before {
		width:24px;
		height:24px;	
	}
	
	.res-title { 
		max-width:none;
	}
}

@media (max-width: 500px) {
    .mobile-2-col table tr td:nth-child(2),
    .mobile-2-col table tr th:nth-child(2) {
        display: none !important;
    }
}