/*
	Theme Name: Hello Biz
	Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 1.1.1
	Stable tag: 1.1.1
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-biz
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* ========================================================================= */
/*
*
* DEFAULT DESKTOP, LARGE LAPTOP CSS STYLES
* 1025px -> 1440px
*
* does not use a media query
*
* SHOULD, FOR THE MOST PART, BE RESPONSIVE TO ALL SCREENSIZES
*
*/
#graham-debugger {
	background: rgba(65, 35, 25, 0.58);
	color: #e5e5e5;
	font-family: monospace;
	font-size: 1.125em;
	text-shadow: 1px 1px 1px black;
	padding: 10px 15px;
	position: fixed;
	bottom: 0px;
	right: 0px;
}

#graham-debugger::before {
	content: "DESKTOP: ";
	font-weight: bold;
}

* {
	outline: none;
}

.elementor-animation-bob:hover {
	animation-name: unset;
}

.e-con {
	padding:0;
}

.e-con >
.e-con-inner {
	padding:
		var(--outer-margin)
		var(--inner-margin);
	/*width: auto;*/
}

.wide-section,
.gallery-section {
	background-color: var(--off-white) !important;
	padding: 0;
	margin-bottom: var(--outer-margin);
}

.wide-section.elementor-element-16d92c9 {
	background-color: var(--green) !important;
}

.wide-section:first-child {
	margin-top: var(--outer-margin);
}

body.home
.wide-section {
	margin: 0;
}

.wide-section >
.e-con-inner {
	position: relative;
	margin: 0;
	padding: 0;
	max-width: unset;
	justify-content: flex-end !important;

	/*background: transparent !important;*/
}

.wide-section >
.e-con-inner,

.gallery-section >
.e-con-inner {
	gap: var(--gap-wide);
}

.gallery-section >
.e-con-inner > .gallery-images {
	margin-top: var(--outer-margin);
}

.wide-section.wide-section-alternate >
.e-con-inner {
	justify-content: flex-start !important;
}

.wide-section >
.e-con-inner >
.e-child.wide-text,

.gallery-section >
.e-con-inner >
.e-child.gallery-text {
	max-width: 530px;
	padding: var(--outer-margin) 0 var(--outer-margin) var(--inner-margin);
}

.wide-section.with-wider-text >
.e-con-inner >
.e-child.wide-text {
	max-width: calc(
		clamp(
			(0.7 * 1140px),
			53vw - var(--spacing-large),
			0.8 * 1140px
		)
	) !important;
}

.wide-section-alternate >
.e-con-inner >
.e-child.wide-text,

.gallery-section-alternate >
.e-con-inner >
.e-child.gallery-text {
	padding: var(--outer-margin) var(--inner-margin) var(--outer-margin) 0;
}

.wide-section >
.e-con-inner >
.e-child.wide-image {
	justify-content: stretch;
	align-items: stretch;
	padding:0;
}

.wide-section >
.e-con-inner >
.e-child.wide-image >
.e-child {
	flex-grow: 1;
}

.wide-section [data-id="258e9f5"] {
	display:block;
}

.wide-section[data-id="f86b845"] {
	background:var(--black) !important;
	color: var(--off-white);
	margin: 0;
}

.wide-section[data-id="f86b845"] h2 {
	color: var(--off-white);
}

.wide-section[data-id="f86b845"] >
.e-con-inner >
div:first-child >
div:nth-child(2) p {
	color: var(--green-x-lite);
}

.wide-section[data-id="633c5af"],
.wide-section[data-id="cf3c7bb"] {
	margin: 0;
}

[data-id="bc765e1"] p,
[data-id="34b1738"] p {
	font-size:1.8125rem;
}

.elementor-element-f91ebff > img {
	object-position: 50% 15%;
}

.wide-section
[data-widget_type="image.default"] {
	display: flex;
	justify-content: stretch;
	align-items: stretch;

	align-self: stretch;
	flex-basis: 100%;
}

.wide-section
[data-widget_type="image.default"]
img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
}

.tours-view > .e-con-inner,
.calendar-view > .e-con-inner,
.reach-us-view > .e-con-inner {
	padding-top: 0;
	gap: var(--spacing-x-large);
	/*min-height: 100vh;*/
	--align-items: flex-start;
	--justify-content: flex-start;
}

.reach-us-header > .e-con-inner {
	flex-flow: row wrap;
	--justify-content: center;
}

.reach-us-view > .e-con-inner > article,
.reach-us-view > .e-con-inner > img {
	flex-basis: calc(50% - var(--spacing));
}

.reach-us-view > .e-con-inner > img {
	min-width: 240px;
	width: calc(50% - var(--spacing));
}

.reach-us-header h1 {
	text-align: center;
}

.reach-us-header h1,
.reach-us-view article h1 {
	margin:0;
}

.reach-us-view article {
	color: var(--grey-dark);
}

.reach-us-view article h1 {
	font-size: 3.5rem;
}

.reach-us-view article p {
	font-size: 1.25rem;
	margin: var(--spacing-large) 0;
}

.reach-us-view article ul {
	font-size: 1.5rem;
	list-style: none;
	padding:0;
}

.reach-us-view article ul li {
	margin: var(--spacing-large) 0;
}

.reach-us-view article ul li svg {
	position: relative;
	top: 4px;
	margin-right: var(--spacing-small);
}

.reach-us-view article ul.contact li:first-child {
	color: var(--green);
}

.reach-us-view article ul.socials {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: var(--spacing-large);
}

.reach-us-view article ul.socials li:hover {
	cursor: pointer;
	color: var(--green-lite);
}

body >
div.elementor.page
div.hero {
	justify-content: stretch;
	align-items: center;
	padding:0;
	max-height: calc(100vh - 100px);
}

body >
div.elementor.page >
.hero
[data-widget_type="heading.default"] {
	padding: 0 var(--hero-padding);
}

body >
div.elementor.page >
.hero
[data-widget_type="heading.default"]
h1 {
	font-size:6.425rem;
}

body >
div.elementor.page
.hero >
.e-con-inner {
	padding:
		var(--hero-margin)
		0;
	width: 100%;
}

body >
div.elementor.page
.hero h1,
body >
div.elementor.page
.hero p,

.pre-footer h2,
.pre-footer p {
	color: white;
}

body >
div.elementor.page
.hero >
.e-con-inner,

.pre-footer >
.e-con-inner {
	justify-content: center;
	align-items: center !important;
	margin: 0 var(--hero-outer-margin);
}

body >
div.page
div.pre-footer {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

body.home >
div.elementor.page
.hero >
.e-con-inner {
	padding:
		clamp(50px, 20%, 300px)
		0
		clamp(60px, 25%, 400px);
}

body >
div.elementor.page
.hero >
.e-con-inner
.e-con:last-child,

.pre-footer >
.e-con-inner
.e-con:last-child {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	gap: max(1.5em, 5vw);
	padding: 0 2%;

	max-width: 100%;
	width: 730px;
}

body >
div.elementor.page
.hero >
.e-con-inner
.e-con:last-child >
button,

.pre-footer >
.e-con-inner
.e-con:last-child >
button,

body >
div.elementor.page
.hero >
.e-con-inner
.e-con:last-child >
a.elementor-button,

.pre-footer >
.e-con-inner
.e-con:last-child >
a.elementor-button,

body >
div.elementor.page
.hero >
.e-con-inner
.e-con:last-child
[data-widget_type="button.default"],

.pre-footer >
.e-con-inner
.e-con:last-child
[data-widget_type="button.default"] {
	--align-self: stretch;
	flex-basis: 50%;

	display: flex;
	align-items: stretch;
}

.gallery-images > div:first-child {
	gap: var(--spacing);
}

.gallery-images > div:first-child > div {
	justify-content: flex-end;
}

.gallery-images > div:first-child > div > div {
	flex-basis: 100%;
}

.gallery-images > div:first-child > div > div img {
	width:100%;
	height: 100%;
	object-fit: cover;
}

.gallery-images > div:last-child img {
	width: 100%;
}

@media screen and (min-width: 1440px) {
	/* CODE */
	#graham-debugger::before {
		content: "HUGE DESKTOP: ";
	}
}

@media screen and (max-width: 1140px) {
	.tours-view > .e-con-inner,
	.calendar-view > .e-con-inner {
		gap: var(--spacing-large);
	}

}

@media screen and (max-width: 1024px) {
	#graham-debugger::before {
		content: "TABLET/LAPTOP: ";
	}

	.tours-view > .e-con-inner,
	.calendar-view > .e-con-inner {
		gap: var(--spacing);
	}

	body >
	div.elementor.page
	.hero >
	.e-con-inner,

	.pre-footer >
	.e-con-inner {
		margin: 0 var(--hero-padding);
	}
}

@media screen and (max-width: 920px) {
	.reach-us-view article ul {
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 880px) {
	#graham-debugger::before {
		content: "LARGE TABLET A: ";
	}
	
	body >
	div.elementor.page
	.hero
	[data-widget_type="heading.default"] {
		padding: 0;
	}

	/* FLAG: MIGHT MOVE -> KEEP HERE FOR NOW */
	div.tours-view > .e-con-inner,
	div.calendar-view > .e-con-inner {
		flex-wrap: wrap !important;
		align-content: flex-start !important;
	}
	
	/* .reach-us-view article ul { */
	/* 	font-size: 1.125rem; */
	/* } */
}

@media screen and (max-width: 800px) {
	#graham-debugger::before {
		content: "LARGE TABLET B: ";
	}
	
	.reach-us-view > .e-con-inner {
		gap: var(--spacing);
	}
}

@media screen and (max-width: 767px) {
	/* CODE */
	#graham-debugger::before {
		content: "TABLET: ";
	}

	.wide-section >
	.e-con-inner {
		gap: 0;
	}

	.wide-section >
	.e-con-inner >
	.e-child.wide-text,

	.gallery-section >
	.e-con-inner >
	.e-child.gallery-text {
		max-width: unset;
		padding: 50px 10%;
	}

	.wide-section >
	.e-con-inner >
	.e-child.wide-text
	[data-widget_type="heading.default"],

	.wide-section >
	.e-con-inner >
	.e-child.wide-text
	[data-widget_type="text-editor.default"],

	.gallery-section >
	.e-con-inner >
	.e-child.gallery-text
	[data-widget_type="heading.default"],

	.gallery-section >
	.e-con-inner >
	.e-child.gallery-text
	[data-widget_type="text-editor.default"] {
		text-align: center;
	}
}

@media screen and (max-width: 740px) {
	.reach-us-view > .e-con-inner > article,
	.reach-us-view > .e-con-inner > img {
		flex-basis: 100%;
	}

	.reach-us-header > .e-con-inner {
		--justify-content: flex-start;
	}
}

@media screen and (max-width: 720px) {
	#graham-debugger::before {
		content: "TABLET/PHONE LANDSCAPE: ";
	}

	body >
	div.elementor.page
	.hero >
	.e-con-inner >
	.e-con:last-child,

	.pre-footer >
	.e-con-inner >
	.e-con:last-child {
		padding: 0 var(--spacing-small);
	}
}

@media screen and (max-width: 680px) {
	#graham-debugger::before {
		content: "PHABLET: ";
	}
	
	body.home >
	div.elementor.page >
	.hero [data-widget_type="heading.default"] h1 {
		font-size:clamp(62px, 13vw, 90px);
	}

	[data-widget_type="heading.default"] h2 {
		font-size:clamp(48px, 10vw, 70px) !important;
	}
}

@media screen and (max-width: 640px) {
	#graham-debugger::before {
		content: "PHONE/PHABLET: ";
	}

	body >
	div.elementor.page
	.hero >
	.e-con-inner >
	.e-con:last-child,

	.pre-footer >
	.e-con-inner >
	.e-con:last-child {
		flex-flow: row wrap;
		padding: 0 5%;
	}
}

@media screen and (max-width: 600px) {
	#graham-debugger::before {
		content: "PHONE: ";
	}
}

@media screen and (max-width: 576px) {
}

@media screen and (max-width: 520px) {
}

@media screen and (max-width: 480px) {
	#graham-debugger::before {
		content: "SMALL PHONE: ";
	}
}

@media screen and (max-width: 360px) {
}
