/*
Theme Name: Bricksy Child
Theme URI: https://www.anarieldesign.com/themes/block-based-wordpress-theme/
Author: Anariel Design
Author URI: https://anarieldesign.com/
Description: Bricksy is a free modern block-based WordPress theme. The Bricksy theme combines timeless design elements with a modern layout and easy-to-use features. It is packed with ready-to-use block patterns which make creating pages from scratch an easy drag-and-drop experience. The theme is built to take advantage of the Full Site Editing features and it includes many block patterns that can help you create professionally designed layouts in just a few clicks.
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0
Template: bricksy
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bricksy-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Bricksy WordPress Theme, (C) 2022 Anariel Design
Bricksy is distributed under the terms of the GNU GPL.
*/
html {
  scroll-behavior: smooth;
}
/***HEADERS***/
body.admin-bar :where(.editor-styles-wrapper) header .sticky {
	top: 0 !important;
}
body.admin-bar header .sticky {
	top: 32px;
}
header .sticky {
    top: 0px;
    background: var(--wp--preset--color--background);
    width: 100%;
    max-width: 100%;
    padding: 0px;
    position: fixed;
    z-index: 9999;
}
header .wp-block-button mark {
	font-size: 33px;
}
header .wp-block-buttons .wp-block-button {
	line-height: 1.1;
}
.wp-block-navigation__responsive-container-close svg, 
.wp-block-navigation__responsive-container-open svg {
    height: 32px;
    width: 32px;
}
.wp-block-navigation__container a:hover {
	opacity: 1 !important;
}
.wp-block-navigation__container>.wp-block-navigation-item a::before {
	border-top: 2px solid var(--wp--preset--color--background) !important;
	border-right: 2px solid var(--wp--preset--color--background) !important;
}
.wp-block-navigation__container>.wp-block-navigation-item a:after {
	border-bottom: 2px solid var(--wp--preset--color--background) !important;
	border-left: 2px solid var(--wp--preset--color--background) !important;
}
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link a span {
	border: none !important;
}
/***PAGES***/
.wp-block-group.page-content {
	margin-top: 0;
}
body.page-id-252 header .sticky {
	padding-top: 18px !important;
}
body.page-id-252 header .wp-block-buttons,
body.page-id-252 footer .contact-heading,
body.page-id-252 footer .contact-info {
	display: none;
}
/***FORMS***/
input,
textarea,
select {
	box-sizing: border-box;
}
textarea {
	height: 200px;
}
.label-above .nf-field-label {
	margin-bottom: 0;
}
.nf-field-element input,
.nf-field-element select,
.nf-field-element textarea {
	border-color: #CECECE;
	border-radius: 4px;
}
.nf-field-container {
	margin-bottom: 20px;
}
.field-wrap input[type=submit] {
	background-color: #24408F;
	color: #FFF;
	font-size: 20px;
	border: none;
}
/***HELPERS***/
.background-contain {
	background-size: contain !important;
}
.align-top {
	align-items: start;
}
.indenting {
	text-indent: 16px;
}
ol.parenthesis li::marker {
	content: counter(list-item) ") ";
}
details summary {
	font-size: 30px;
}
details summary {
	display: block;
}
details summary::after {
	content: " ►";
	color: green;
	font-size: 24px;
	margin-left: 10px;
}
details[open] summary:after {
	content: " ▼";
	color: green;
	font-size: 24px;
	margin-left: 10px;
}
/***MEDIA QUEREIES***/
@media screen and (min-width: 1354px) {
	.wp-block-navigation ul {
		transform: translateY(-10px);
	}
}
@media screen and (max-width: 1200px) {
	/* hamburger button */
	.wp-block-navigation__responsive-container-open  {
		display: block !important;
	}
	/* full menu */
	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	}
	nav.items-justified-center {
		justify-content: start;
	}
	button.wp-block-navigation__responsive-container-open {
		transform: translate(10px, -10px);
	}
}