/*
Theme Name: Celebrate
Author: Celebrate Creative
Author URI: https://editandpost.com
Theme URI: https://celebratethemes.com
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: celebrate
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.4.2
Version: 1.4.2

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	--wp--style--gallery-gap-default: var(--wp--custom--flex-gap--gallery);
}

::selection, ::-moz-selection {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}

.entry-content.is-layout-constrained {
	margin: 0px;
	margin-block-start: 0px;
	margin-block-end: 0px;
}

a {
	transition: all 0.3s ease;
}

figure {
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6 {
	margin-block-start: 0px;
    margin-block-end: 0px;
}

root {
	--wp--style--block-gap: 0px !important;
}

body :where(.wp-site-blocks) > * {
	margin-block-start: 0px;
	margin-block-end: 0;
}

body :where(.is-layout-flow) > * {
	margin-block-start: 0px;
	margin-block-end 0;
}

body :where(.is-layout-constrained) > * {
	margin-block-start: 0px;
	margin-block-end 0;
}

iframe {
	display: flex;
}

.home>*, .page-template-default>* {
	overflow: hidden; 
	max-width: 100% !important;
}

.wp-block-search__input {
    background: none !important;
    padding-left: 10px;
}

@media ( min-width: 768px ) {
	.wp-block-navigation.nav-primary--mobile {
		display: none;
	}
}

@media ( max-width: 767px ) {
	.wp-block-navigation.nav-primary--desktop {
		display: none;
	}
}

:focus-visible {
    outline: none;
}

@media ( max-width: 767px ) {
	.column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
}