/*!
Theme Name: Chelsea Construction NYC
Theme URI: http://underscores.me/
Author: 23web
Author URI: https://www.23web.dev
Description: Blank theme for CCC NYC
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ccc-nyc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Basic holding styles */
:root {
	--dark-blue: #19233e;
	--light-blue: #f3f8ff;
	--grey: #8E908F;
	--dark-blue-50: #011e418f;
	--light-blue-50: #f3f8ff9f;
}

::-moz-selection {
	background: var(--light-blue);
	text-shadow: none;
}

::selection {
	background: var(--light-blue);
	text-shadow: none;
}

html {
	color: var(--dark-blue);
	font-size: 16px;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	margin: 0;
	background-image: url("https://www.chelseaconstruction-ny.com/wp-content/uploads/2024/05/LansdowneWalk_Pool-65-1920.jpg");
	background-size: cover;
	gap: 1em;
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue-50);

}

body>* {
	z-index: 10;
}

h1,
h2,
h3,
h4 {
	font-family: "Ovo", serif;
	font-weight: 400;
	font-style: normal;
	margin-block-end: 1rem;
}

h1 {
	font-size: 2.986rem;
}

h2 {
	font-size: 2.488rem;
}

h3 {
	font-size: 2.074rem;
}

h4 {
	font-size: 1.728rem;
}

h5 {
	font-size: 1.44rem;
}

h6 {
	font-size: 1.2rem;
}

p {
	font-size: 1rem;
}

a,
a:visited {
	color: var(--dark-blue);
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

.content-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background-color: var(--light-blue-50);
	border-radius: 3px;
	backdrop-filter: blur(5px);
}

.button,
.button:visited {
	font-family: "Questrial", sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: var(--dark-blue);
	color: var(--light-blue);
	text-transform: uppercase;
	padding: 10px 16px;
}

.button:hover {
	text-decoration: none;
	background-color: var(--dark-blue-50);
}