/*!
Theme Name: Annen
Theme URI: https://argil-data.agency/
Text Domain: annen
Version: 1.0.0
Description: Minimal photography portfolio with animated content.
Tags: portfolio, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Author: Argil Data Agency
Author URI: https://argil-data.agency
GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP: 8.0
Tested up to: 6.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */
@font-face {
	font-family: "BlairLight";
	src: url("assets/fonts/ITCBlair/ITCBlair-Light.woff2") format("woff2"),
		url("assets/fonts/ITCBlair/ITCBlair-Light.woff") format("woff"),
		url("assets/fonts/ITCBlair/ITCBlair-Light.eot?#iefix")
			format("embeded-opentype"),
		url("assets/fonts/ITCBlair/ITCBlair-Light.otf") format("opentype"),
		url("assets/fonts/ITCBlair/ITCBlair-Light.ttf") format("truetype"),
		url("assets/fonts/ITCBlair/ITCBlair-Light.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	font-family: "BlairLight", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td,
figure,
figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	font-family: "BlairLight", Helvetica, Arial, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before,
blockquote:after {
	content: "";
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/* Clearing ---------------------------------- */

.gallery:after,
.entry-content:after,
.widget-content:after,
.comment-content:after,
[class*="__inner-container"]:after {
	clear: both;
	content: "";
	display: block;
}

/* Screen Reader Text ------------------------ */

.screen-reader-text {
	clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
	height: 0.1rem;
	overflow: hidden;
	position: absolute !important;
	width: 0.1rem;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0.3rem;
	box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem;
	text-decoration: none;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/* Skip Link --------------------------------- */

.skip-link {
	position: absolute;
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
}

.skip-link:focus {
	left: 2.5rem;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------- */
/*	16.	RANDOM
/* -------------------------------------------------------------------------------- */

/* FIX FLEX COLUMNS DISPLAY */
/* .is-layout-flex,
.wp-block-columns-is-layout-flex {
    display: flex;
} */

/* header[role=banner] {
    display: flex;
}
.menu > ul {
    display: flex;
    list-style: none;
}
.menu > ul > li.page_item {
    margin: 0;
    padding: 1rem;
} */