/*!
Theme Name: PWL
Author: PureWL Team
Description: PureWL WordPress custom theme.
Version: 1.0.0
Tested up to: 1.0.0
Requires PHP: 7.4 or above
Text Domain: pwl


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 
 
 
*/




/* @font-face {
  font-family: 'Poppins-Regular';
  src: url('wp-content/themes/pwl/assets/Fonts/Poppins/Poppins-Regular.OTF');
} */
body{
	font-family: 'Sf-Pro-Family-Regular', sans-serif !important;
}

/*--------------------------------------------------------------
# Site header & footer (logo + CTA)
--------------------------------------------------------------*/

.site-header,
.site-footer {
	width: 100%;
	background: #fff;
}

.site-header {
	border-bottom: 1px solid #ececec;
}

.site-header__inner,
.site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: 1300px;
	margin: 0 auto;
	padding: 1rem 1.5rem;
}

.site-header__brand img,
.site-footer__brand img,
.custom-logo {
	display: block;
	height: auto;
	max-height: 48px;
	width: auto;
}

.site-header__title,
.site-footer__title {
	font-size: 1.25rem;
	font-weight: 700;
	text-decoration: none;
	color: #111;
}

.site-header__cta,
.site-footer__cta {
	display: inline-block;
	padding: 0.65rem 1.4rem;
	border-radius: 16px;
	background: #009949;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.2s ease;
}

.site-header__cta:hover,
.site-footer__cta:hover {
	background: #007a3d;
	color: #fff;
}

.site-footer {
	border-top: 1px solid #ececec;
	padding-top: 2rem;
	padding-bottom: 2rem;
	/* margin-top: 3rem; */
}

.site-footer__copy {
	max-width: 1200px;
	/* margin: 0 auto; */
	/* padding: 0 1.5rem 1.5rem; */
	font-size: 0.85rem;
	color: #777;
	text-align: right;
}

/* Reveal-on-scroll hook used by [data-anim] elements (see footer.php). */
[data-anim] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

[data-anim].is-visible {
	opacity: 1;
	transform: none;
}

@media (max-width: 600px) {
	.site-footer__inner {
		flex-direction: column;
		text-align: center;
	}
}

footer.site-footer.is-visible {
    background: #222222;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ececec;
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: 1300px;
	margin: 0 auto;
	padding: 1rem 1.5rem;
}

.site-header__brand img,
.custom-logo {
	display: block;
	height: auto;
	max-height: 48px;
	width: auto;
}

.site-header__title {
	font-size: 1.25rem;
	font-weight: 700;
	text-decoration: none;
	color: #111;
}

.site-header__cta {
	display: inline-block;
	padding: 0.65rem 1.4rem;
	border-radius: 16px;
	background: #009949;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.2s ease;
}

.site-header__cta:hover {
	background: #007a3d;
	color: #fff;
}

nav.navbar.navbar-expand-lg {
	width: 100%;
}

/* Reveal animation */
[data-anim] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

[data-anim].is-visible {
	opacity: 1;
	transform: none;
}

/*--------------------------------------------------------------
# Mobile Drawer Navigation
--------------------------------------------------------------*/

@media (max-width: 991.98px) {

	#navbarScroll.collapse:not(.show),
	#navbarScroll.collapse.show,
	#navbarScroll.collapsing {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;

		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 99999;

		width: 280px;
		max-width: 85vw;
		height: 100vh;
		height: 100dvh;

		padding: 1.5rem;
		background: #fff;
		box-shadow: 2px 0 16px rgba(0, 0, 0, 0.15);

		transform: translateX(-100%);
		transition: transform 0.3s ease;
		overflow-y: auto;
	}

	#navbarScroll.collapse.show {
		transform: translateX(0);
	}

	#navbarScroll .navbar-nav {
		flex-direction: column;
		width: 100%;
		margin: 0;
	}

	#navbarScroll .site-header__cta {
		margin-top: 1rem;
	}

	#navbarScroll.collapse.show::before {
		content: "";
		position: fixed;
		top: 0;
		left: 280px;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: -1;
	}

	ul.site-header__menu {
    display: flex;
    flex-direction: column;
}

.site-header__menu li {
    justify-content: left !important;
	margin-bottom: 20px;
}
.site-header__cta {
    width: 100%;
    text-align: center;
}
}

@media screen and (max-width: 991px) {
    .header .navbar-toggler-icon {
        content: url(https://d3dlt402266m7b.cloudfront.net/wp-content/uploads/2026/06/23125445/hamburgericon.svg);
    }
}

.offcanvas.offcanvas-end {
    width: 80%;
}

.site-header__menu li {
    justify-content: center;
    align-items: center;
    display: flex;
}
ul.site-header__menu {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}