/*
Theme Name: BNE Minimal
Description: A starter template ready for full customizations. Inspired by Sweetness, a full fledge theme by BNE Creative.
Author: Kerry Kline
Author URI: https://www.bnecreative.com
Version: 2024.08.03
Text Domain: bne
License: GPL2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Globals */
:root {
	/* Defined in options
	--btn-color
	--btn-text-color
	--primary-color
	--secondary-color
	--tertiary-color
	*/

	/* Layout */
	--content-area-width: 1200px;
	/* Sidebar width on desktop */
	--sidebar-gutter: 3rem;
	
	/* Typography */
	--fs-base: 16px;
	/* --fs-ratio: 1.3; */
		
	/* Fluid Generator: https://fluidtypography.com */
	/* Clamp: (min, fluid, max) */
	--fs-h1: clamp(2rem, 5.196vw + 1.155rem, 2.5rem); 
	--fs-h2: clamp(1.5rem, 1.617vw + 1.519rem, 2rem);
	--fs-h3: clamp(1.3rem, 1.386vw + 1.079rem, 1.5rem);
	--fs-h4: clamp(1.125rem, 1.155vw + 0.826rem, 1.3rem);
	--fs-h5: clamp(1rem, 0.693vw + 0.821rem, 1.125rem);
	--fs-h6: clamp(0.875rem, 0.462vw + 0.755rem, 1rem);
	
	--body-font-family: "Poppins", sans-serif;
	--body-font-color: #222;

	--heading-font-family: "Poppins", sans-serif;
	--heading-font-color: #333;
	--heading-font-weight: 600;  /* Poppins semi bold */

	--link-color: #005994;
	--link-color-hover: #005994;
	
	/* Menu */
	--menu-alignment: flex-end; /* use "center" for centering links */
	--menu-bg-color: transparent; /* wrapper */
	
	--menu-top-color: #333;
	--menu-top-color-hover: #000;
	--menu-top-bg-color: transparent;
	--menu-top-bg-color-hover: #fff;
	--menu-top-color-border: var(--secondary-color);

	--menu-sub-color: #333;
	--menu-sub-color-hover: #fff;
	--menu-sub-bg-color: #fff;
	--menu-sub-bg-color-hover: var(--secondary-color);

	/* Forms */
	--input-color: #535165;
	--input-bg-color: #f4f4f4;
	--input-border-radius: 0.5rem;
	--input-shadow: none;
	--btn-border-radius: .8rem;
	
	/* Media */
	--wp--style--block-gap: 1.2rem;
	
}
/* END Globals */



/* 	=================================
	Utilities
=================================  */

/* [id] {
	scroll-margin-top: calc(var(--header-height) * 1000px);
} */

/* WP Columns */
@media(min-width:768px) {
	:where( .wp-block-columns.is-layout-flex ) {
		gap: 4em;
	}
}




@media( min-width: 768px ) {
	/* Add white space after intro CTA */
	.wp-block-buttons + .wp-block-media-text {
		margin-top: 8rem;
	}
}


/* Card Heights */
.minheight250 .card-body { min-height: 250px; }
.minheight280 .card-body { min-height: 280px; }
.minheight300 .card-body { min-height: 300px; }
.minheight320 .card-body { min-height: 320px; }
.minheight330 .card-body { min-height: 330px; }
.minheight430 .card-body { min-height: 430px; }


/*	=================================
	Typography
=================================  */

/* Regular */
@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-Italic.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Extra Bold */
@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-ExtraBold.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

/* Semi Bold */
@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
		url('assets/fonts/Poppins/Poppins-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* Mobile Typography Resets */
/* let's make sure any inline font changes in WP blocks are reset for mobile */
@media(max-width:600px) {
	h1, .h1 { font-size: var(--fs-h1) !important; }
	h2, .h2 { font-size: var(--fs-h2) !important; }
	h3, .h3 { font-size: var(--fs-h3) !important; }
	h4, .h4 { font-size: var(--fs-h4) !important; }
	h5, .h5 { font-size: var(--fs-h5) !important; }
	h6, .h6 { font-size: var(--fs-h6) !important; }
	
	.wp-block-bne-heading {
		container-type: inline-size;
	}
	.heading-main {
		font-size: var(--fs-h3) !important;
	}
	.heading-sub {
		font-size: var(---fs-h4) !important;
	}
}

strong {
	font-weight: 600; /* Poppins semi bold */
}

h1,
h1 strong,
#page-title-wrapper h1.entry-title {
	font-weight: 800 /* Poppins extra bold */
}

body.single-post article.post .entry-title {
	font-size: var(--fs-h2);
}
h1, h2, h3 {
	margin-bottom: 1rem;
}

/* list */
.wp-block-list li {
	margin-bottom: 1rem;
}

/* Button Icon */
.wp-block-button__link .btn-icon {
	border-radius: 50%;
	background-color: rgba(255,255,255,.2);
	width: 2em;
	height: 2em;
	line-height: 2em;
	margin-left: .25em;
	font-size: 1em;
}
.wp-block-button__link:hover .btn-icon {
	/* background-color: var(--bg-color); */
	background-color: rgb(from var(--bg-color) r g b / 20%);
	color: var( --bg-color );
}

/* Btns */
.btn, 
button, 
.wp-block-button__link, 
.nav-links
 .page-numbers,
  input[type="submit"] {
	font-weight: 600;
}
a.wp-block-button__link.has-burnt-sienna-color {
	color: #fff !important;
	border-color: #EC7357 !important;
}
a.wp-block-button__link.has-burnt-sienna-color:hover {
	color: #EC7357 !important;
	border-color: #fff !important;
}


/* Block Quote */
blockquote.wp-block-quote {
	padding-left: 0;
	margin-top: 2rem;
	border: none;
}
blockquote.wp-block-quote > p {
	font-family: "Libre Baskerville","Baskerville",Arial,sans-serif;
	font-style: italic;
	font-size: 1.5rem;
}
blockquote.wp-block-quote::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -20px;
	background-image: url('assets/images/icon-quote.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
}

/* Separator */
.wp-block-separator.is-style-shadow {
	margin-top: 5rem;
	margin-bottom: 5rem;
}

/*	=================================
	Media
=================================  */

@media(max-width:500px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		float: none;
	}
}


/*	=================================
	Main Menu
=================================  */

#primary-nav-wrapper {}

ul.primary-nav {
	border: none;
}

.mobile-nav-btn {
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	margin: 0 auto;
	background-color: var(--secondary-color);
	font-size: 1.5rem;
	border-radius: .5rem;
}
.mobile-nav-btn:hover {
	background-color: var(--secondary-color) !important;
}
.mobile-nav-btn .fa {
	width: auto;
	color: #fff;
}

@media(max-width: 768px) {
	body.has-mobile-nav #primary-nav-wrapper {
		width: 100vw;
		top: calc( 1px * var(--header-height));
	}
	
	#primary-nav-wrapper {
		--menu-bg-color: #f4f4f4;
	}
}

ul.primary-nav li.menu-btn > a {
	color: #fff;
	background-color: var(--accent-color);
	font-weight: bold;
	border-radius: .5rem;
	box-shadow: none !important;
	font-size: .8rem;
	box-shadow: 0 17px 19px -10px rgba(0, 0, 0, 0.2) !important;
}
ul.primary-nav li.menu-btn > a:hover {
	color: var(--accent-color);
	background-color: #fff;
}

@media(min-width: 768px) {
	ul.primary-nav li.menu-btn {
		margin-left: auto;
	}
	ul.primary-nav .sub-menu {
		width: 300px;
	}
}


/*	=================================
	Header
=================================  */


#header-wrapper {
	/* border-top: 5px solid var(--accent-color); */
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

.header-logo img {
	/* width: 250px; */
	max-height: 100px;
	width: auto;
	transition: all .3s ease;
}
#header-wrapper.is-sticky .header-logo img {
	max-height: 60px;
}

/* Transparent/Alternate Header Logo */
.header-logo .alternate-logo {
	display: none;
}

@media(min-width:768px) {
	body.has-transparent-header .header-logo .default-logo {
		display: none;
	}

	body.has-transparent-header .header-logo .alternate-logo {
		display: inline-block;
	}
}

@media(min-width: 768px) {
	#primary-nav-wrapper {
		padding: 0;
	}
	body.has-transparent-header #header-wrapper {
		background-color: rgba(0, 0, 0, 0.2);
	}

}


/*	=================================
	Sticky Header
=================================  */

@media (max-width: 768px) {
	#wrapper {
		overflow: initial;
	}
	
	#header-wrapper {
		position: sticky;
		top:0
	}
	

}



/*	=================================
	Main
=================================  */


/* == Page Title Wrapper ==  */
#page-title-wrapper {
	/* text-align: left; */
	background-color: rgba(68, 115, 142, 0.80);
}
#page-title-wrapper .entry-header { }
#page-title-wrapper .entry-title {
	text-transform: none;
	font-weight: 800;
}
#page-title-wrapper .subheading {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
}
#page-title-wrapper .cta {}
#page-title-wrapper .btn {}

@media( min-width: 768px ) {
	#page-title-wrapper .entry-header {
		max-width: 80%;
		margin: 0 auto;
	}
}

@media( max-width: 768px ) {
	#page-title-wrapper .entry-title {
		font-size: var(--fs-h3) !important;
	}
	#page-title-wrapper .subheading {
		font-size: var(---fs-h4) !important;
	}
}



/* == Blog Pages == */
.wp-block-post-template.wp-block-post-template-is-layout-grid .wp-block-post-title,
.archive-template.archive-grid-layout .wp-block-post-title {
	font-size: var(--fs-h5);
	margin-top: 1rem;
}

.wp-block-group.post-meta.is-vertical .wp-block-post-date + .wp-block-post-terms {
	margin-left: 0;
}


/*	=================================
	Footer
=================================  */

#footer-wrapper {
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	background-color: var(--secondary-color);
	/* background-image: url('assets/images/pattern.webp'); */
	background-repeat: repeat-all;
	background-size: auto;
	color: #ddd;
	border-top: 5px solid var(--primary-color);
	padding-bottom: 20px;
	--btn-color: var(--primary-color);
}

@media(min-width: 768px) {
	.footer-column-2 {
		margin-left: auto;
	}
}
@media(max-width: 768px) {
	.footer-column {
		margin-bottom: 2rem;
	}
}


#footer-wrapper h1,
#footer-wrapper h2,
#footer-wrapper h3,
#footer-wrapper .widget-title {
	color: white;
}

#footer-wrapper .widget-title {
	position: relative;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	font-size: 1.1rem;
}

#footer-wrapper a  {
	color:#fff;
}

.footer-widgets .menu  {
	list-style: none;
	padding-left: 0;
}



.footer-widgets .menu li {
	margin-bottom: .5rem;
}

.footer-widgets .menu li:before {
	font-family: "Font Awesome 6 Free";
	content: "\f105";
	margin-right: .5rem;
	color: var(--primary-color);
	
}




/*	=================================
	Widgets / Sidebar
=================================  */

#sidebar .widget_block {
	margin-bottom: 2rem;
}


/*	=================================
	Blocks
=================================  */


/* == Block: BNE Advanced Heading == */
.offset-subheading .heading-sub {
	position: absolute;
	font-size: 300px !important;
	z-index: -1;
	font-family: var(--heading-font-family);
	transform: translate(-50%, -30%);
	opacity: .5;
}

@media(max-width: 768px) {
	.offset-subheading .heading-sub {
		font-size: 100px !important;
		transform: translate(60%, -60%);
	}
}

/* Block: WP Text Media */
.wp-block-media-text + .wp-block-media-text {
	margin-top: 8rem;
	margin-bottom: 8rem;
}


/* == Block: BNE Cards == */
.bne-card.image-offset {
	margin-top: 70px;
	
}
.bne-card.image-offset .wp-block-image {
	margin-top: -70px;
	margin-bottom: 30px;
}
.bne-card.image-offset .wp-block-image img {
	border-radius: 50%;
	box-shadow: 0px 0px 8px rgba(0,0,0,.2);
	padding: 10px;
	background-color: white;
}

.bne-card.image-offset .wp-block-image.has-primary-color img{
	background-color: var(--primary-color);
}

.bne-card.image-offset .wp-block-image.has-secondary-color img{
	background-color: var(--secondary-color);
}

.bne-card.image-offset .wp-block-image.has-burnt-sienna-color img{
	background-color: var(--burnt-sienna-color);
}

/* == Block:  BNE Containers == */
.wp-block-bne-container.circular-icon-background {
	--bg-size: 40% !important;

}

/* Block: Blog Post Grid */
.wp-block-post-template.is-style-card .wp-block-post {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

/* Block: Post List Sidebar */
#sidebar .wp-block-latest-posts__list {
	display: flex;
	flex-wrap: wrap;
}
#sidebar .wp-block-latest-posts__post-title  {
	font-size: .9rem;
	font-weight: 600;
}



/*	=================================
	Plugins
=================================  */



/* == Gravity Forms == */
.gform_wrapper .gfield_label.gform-field-label{
	font-weight: 600 !important;
}

.has-dark-form {
	--input-color: #fff;
	--input-bg-color: rgba(0,0,0,.3);
	--btn-text-color: #fff;
	--btn-color: rgb(236, 115, 87);
}