/*
 * 	BNE Minimal Theme CSS File
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) Kerry Kline
 * 	@link		http://www.bnecreative.com
 * 	@package	BNE HTML Framework
 *
 * 	@updated	February 5, 2023
 *
*/



/*
 *	CSS reset
 *	https://www.joshwcomeau.com/css/custom-css-reset/
*/
 *, *::before, *::after {box-sizing: border-box;}* {margin: 0;}html, body {height: 100%;}body {line-height: 1.5;-webkit-font-smoothing: antialiased;}img, picture, video, canvas, svg {display: block;max-width: 100%;}input, button, textarea, select {font: inherit;}p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}#root, #__next {isolation: isolate;}


/* == Page Load == */
/* FA6 JS/SVG trick to not have a shift in content once svg's come in */
/* body {
	opacity: 0;
}

.fontawesome-i2svg-active body {
	opacity: 1;
} */

/* ===========================================================
 *	Accessibility
 * ======================================================== */
.screen-reader-text,
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	height: 1px;
	color: #000;
}

.screen-reader-text:focus,
.sr-only:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #000;
	display: block;
	font-size: .875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}


/* 	Outline for selection
 *	Removed by default unless "accessible" is added
 * 	to the html tag which is triggered if the "tab" key is pressed.
 *	See main.js
*/
html:not(.accessible) a:focus,
html:not(.accessible) button:focus,
html:not(.accessible) input:focus,
html:not(.accessible) select:focus,
html:not(.accessible) textarea:focus { outline: none; }


/* ===========================================================
 *	Helper Classes / Utility
 * ======================================================== */

html {
	scroll-behavior: smooth;
}

[id] {
	scroll-margin-top: 2ex;
}


/* == Clearfix == */
.clear { clear: both; }
.clear:before, .clear:after { display: table; content: " "; }
.clear:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }


/* == Alignments == */
.alignnone { margin: 5px 0 20px 0; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
@media ( max-width: 320px ) {
	.alignright,
	.alignleft,
	a img.alignright,
	a img.alignleft {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
}

/* Overflow Alignments */
.alignwide,
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}

@media(min-width:768px) {
	.alignwide {
		margin-left: calc(25% - 25vw);
		margin-right: calc(25% - 25vw);
	}
}

/* If Sidebar, remove the extended alignment */
.sidebar-layout.sidebar-left .alignwide,
.sidebar-layout.sidebar-left .alignfull,
.sidebar-layout.sidebar-right .alignwide,
.sidebar-layout.sidebar-right .alignfull {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	
}
	


/* Text Alignments */
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
@media ( min-width: 768px ) {
	.text-md-right { text-align: right; }
	.text-md-left { text-align: left; }
	.text-md-center { text-align: center; }
}
@media ( min-width: 1025px ) {
	.text-lg-right { text-align: right; }
	.text-lg-left { text-align: left; }
	.text-lg-center { text-align: center; }
}


/* == Responsive visibility Classes == */
.hide,
.hidden,
[hidden] {
  display: none;
}

/* Desktop */
@media ( min-width: 1025px ) {
	.hide-lg,
	.hide_on_desktop,
	.hide_on_standard_and_tablet,
	.hide_on_standard_and_tablet_and_mobile,
	.hide_on_standard_and_mobile {
		display: none !important;
	}
}

/* Tablets */
@media ( min-width: 768px ) and ( max-width: 1024px ) {
	.hide-md,
	.hide_on_standard_and_tablet,
	.hide_on_standard_and_tablet_and_mobile,
	.hide_on_tablet,
	.hide_on_tablet_and_mobile {
		display: none !important;
	}
}

/* Mobile */
@media ( max-width: 767px ) {
	.hide-sm,
	.hide_on_standard_and_tablet_and_mobile,
	.hide_on_standard_and_mobile,
	.hide_on_tablet_and_mobile,
	.hide_on_mobile {
		display: none !important;
	}
}

/* == Utility == */
.shadow-none, .is-style-shadow-none { box-shadow: none!important; }
.shadow-sm, .is-style-shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.shadow, .is-style-shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.shadow-lg, .is-style-shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0,0,0,0);
}

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

html,
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	color: var(--body-font-color, #666);
	font-family: var(--body-font-family, system-ui);
	font-size: var(--body-font-size, 16px);
	line-height: 1.4;
}

a {
	transition: all .25s ease-out;
	color: var(--link-color, #0099ff);
	text-decoration: none;
	overflow-wrap: anywhere;
}

a:hover {
	text-decoration: none;
	box-shadow: inset currentColor 0 -2px 0;
	color: var(--link-color-hover, #0099ff);
}

b, strong {
	font-weight: bold;
	font-weight: 700;
}

p {
	margin-bottom: 1rem;
}

ul {
	padding-left: 20px;
}

/* == Headings == */
.header-font, h1, h2, h3, h4, h5, h6 {
	color: var(--heading-font-color, #333);
	font-style: normal;
	font-family: var(--heading-font-family, system-ui);
	margin-top: 1rem;
	margin-bottom: 0.25rem;
}

h1, .h1 { font-size: 2.29rem; }
h2, .h2 { font-size: 1.93rem; }
h3, .h3 { font-size: 1.42rem; }
h4, .h4 { font-size: 1.14rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.85rem; }

.entry-title { margin-bottom: 2rem; }

/* == Text Light/Dark == */
.text-light {
	color: #fff;
}
.text-light a {
	color: inherit;
}

.text-dark {
	color: #333;
}

/* == Code == */
code {
  background: #f4f5f6;
  border-radius: .4rem;
  font-size: 86%;
  margin: 0 .2rem;
  padding: .2rem .5rem;
  white-space: nowrap;
}

pre {
  background: #f4f5f6;
  border-left: 0.3rem solid #9b4dca;
  overflow-y: hidden;
  padding: 1rem;
}

pre > code {
  border-radius: 0;
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

hr {
  border: 0;
  border-top: 0.1rem solid #f4f5f6;
  margin: 2.0rem 0;
}

/* iFrames */
iframe {
	aspect-ratio: 16 / 9;
	/* height: 100%; */
	width: 100%;
	border: 0;
}

/* ===========================================================
 *	Buttons
 * ======================================================== */
.btn,
button,
.wp-block-button__link,
.nav-links .page-numbers,
input[type="submit"] {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: .25rem;
	box-shadow: 0 17px 19px -10px rgba(0, 0, 0, 0.2);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: .375rem .75rem;
	vertical-align: middle;	
	transition: background 300ms,background-color 300ms,color 300ms;
	-webkit-user-select: none;
	background-color: var(--btn-color, #1E71FF);
	color: #fff;
}

.btn:hover,
button:hover,
.nav-links .page-numbers:hover,
input[type="submit"]:hover {
	box-shadow: 0 1px 3px rgba(0,0,0,.08),0 4px 6px rgba(50,49,94,.11);
	text-decoration: none;
	color: var(--btn-color, #1E71FF) !important;
	background-color: var(--btn-color-hover, #fff) !important;
}

/* WP Block Button */
.wp-block-button__link:hover {
	box-shadow: 0 1px 3px rgba(0,0,0,.08),0 4px 6px rgba(50,49,94,.11);
	text-decoration: none;
	color: var(--bg-color, #32373c) !important;
	background-color: var(--text-color, #fff) !important;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	padding: .375rem .75rem;
	background-color: transparent !important;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--text-color, #fff) !important;
	border-color: var(--text-color, #fff) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover {
	color: #000 !important;
	
}

/* Button Sizes */
.btn.btn-sm, .wp-block-button.btn-sm a { font-size: 0.75rem; padding: .25rem .65rem !important; }
.btn.btn-md, .wp-block-button.btn-md a { font-size: 1rem; padding: .375rem .75rem !important; }
.btn.btn-lg, .wp-block-button.btn-lg a { font-size: 1.125rem; padding: .625rem 1rem !important; }
.btn.btn-xlg, .wp-block-button.btn-xlg a { font-size: 1.375rem; padding: .875rem 1.25rem !important; }
.btn.btn-xxlg, .wp-block-button.btn-xxlg a { font-size: 1.625rem; padding: 1.125rem 2.5rem !important; }
.btn.btn-xxxlg, .wp-block-button.btn-xxxlg a { font-size: 1.875rem; padding: 1.375rem 3rem !important; }

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

/* == Media == */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}

img.featured,
.wp-block-embed.is-type-video {
	width: 100%;
	margin-bottom: 2rem;
	box-shadow: 0 3px 12px -1px rgba(7,10,25,.2),0 22px 27px -20px rgba(7,10,25,.2);
}

/* == WP Gallery Shortcode == */
.gallery-item {
	margin: 0;
	float: left;
	text-align: center;
}

.gallery img {
	width: 100%;
	margin-bottom:0px;
}

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }
.gallery-columns-10 .gallery-item { width: 10%; }
.gallery-columns-11 .gallery-item { width: 9%; }
.gallery-columns-12 .gallery-item { width: 8%; }
.gallery-item .gallery-icon { padding: 10px; }
.gallery-item img { display: inline-block; }

/*
 *	Reset Gallery Rows - If you use non-thumbnail sizes, the rows 
 *	become uneven as each image may be a different size. This 
 *	fixes that by clearing the end of each row
*/
@media only screen and ( min-width: 481px ) {
	.gallery-columns-1 .gallery-item:nth-child(1n+2), /* 1 Column Grid, 2nd Image */
	.gallery-columns-2 .gallery-item:nth-child(2n+3), /* 2 Column Grid, 3rd Image */
	.gallery-columns-3 .gallery-item:nth-child(3n+4), /* 3 Column Grid, 4th Image */
	.gallery-columns-4 .gallery-item:nth-child(4n+5), /* 4 Column Grid, 5th Image */
	.gallery-columns-5 .gallery-item:nth-child(5n+6), /* 5 Column Grid, 6th Image */
	.gallery-columns-6 .gallery-item:nth-child(6n+7), /* 6 Column Grid, 6th Image */
	.gallery-columns-7 .gallery-item:nth-child(7n+8), /* 7 Column Grid, 6th Image */
	.gallery-columns-8 .gallery-item:nth-child(8n+9), /* 8 Column Grid, 6th Image */
	.gallery-columns-9 .gallery-item:nth-child(9n+10) /* 9 Column Grid, 6th Image */
	{ clear: both; }
}

@media only screen and (max-width: 767px) {
	/* If 4+ columns, reset to 3 columns only */
	.gallery:not(.gallery-columns-1) .gallery-item,
	.gallery:not(.gallery-columns-2) .gallery-item,
	.gallery:not(.gallery-columns-3) .gallery-item { width: 33%; clear: none; }

}

@media only screen and (max-width: 480px) {
	/* If 2+ columns, reset to 2 columns only */
	.gallery:not(.gallery-columns-1) .gallery-item { width: 50%; }
}


/* == Lightbox overlay == */
.gallery.bne-gallery .gallery-item {
	position: relative;
	overflow: hidden;
}
.gallery.bne-gallery .gallery-item a:after,
.wp-block-gallery.bne-gallery .blocks-gallery-item a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity 300ms;
	pointer-events: none;
	opacity: 0;
	background-color: #fff;	
}

.gallery.bne-gallery .gallery-item:hover a:after,
.wp-block-gallery.bne-gallery .blocks-gallery-item:hover a:after {
	opacity: .3;
}

a.bne-lightbox img {
	transition: opacity 300ms;
}

a.bne-lightbox img:hover {
	opacity: .8;
}

/* Block Gallery */
/* figure.wp-block-gallery.has-nested-images {
	gap: 5px;
} */

/* ===========================================================
 *	Forms 
 * ======================================================== */

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
input[type="number"], 
input[type="date"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"],
input[type="search"],
textarea, 
select {
	margin: 0;
	padding: .375rem .75rem;
	background-clip: padding-box;
	background-color: var(--input-bg-color, #f4f4f4);
	border: 1px solid var(--input-bg-color, #f4f4f4);
	border-radius: 0px;
	color: var(--input-color, #535165);
	font-weight: 600;
	height: 50px;
	width: 100%;
	font-size: 16px !important;
	line-height: 1.5;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

textarea {
	min-height: 100px;
	max-width: 100%;
}

select {
	width: auto;
	min-width: 200px;
}

input[type="submit"] {
	cursor: pointer;
}

input[type="file"] {
	width: 100%;
}

/* WP Search Form */
form.search-form {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 600px;
}

form.search-form label {
	flex-grow: 1;
	margin-left: 0;
	margin-right: 0;
	min-width: 3em;
}

form.search-form .search-submit {
	margin-left: .625em;
	word-break: normal;
}

/* ===========================================================
 *	Primary Menu
 * ======================================================== */

#primary-nav-wrapper {
	padding: 0 30px;
}

#primary-nav-wrapper ul {
	padding: 0;
}

ul.primary-nav {
	background-color: var(--menu-bg-color, #f4f4f4);
	border: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--menu-alignment, 'flex-start'); /* use: "center" for centering links */
	list-style: none;
	padding: 0;
}

@media( max-width: 768px ) {
	ul.primary-nav {
		justify-content: center;
	}
}

ul.primary-nav li {
	position: relative;
	list-style: none;
}

/* Top level */
ul.primary-nav a {
	padding: 1rem;
	display: flex;
	align-items: flex-start;
	background-color: var(--menu-top-bg-color, transparent );
	color: var(--menu-top-color, #333);
	text-decoration: none;
	line-height: 1;
}

/* Top level hover */
ul.primary-nav > li.active > a,
ul.primary-nav > li:hover > a,
ul.primary-nav > li > a:focus {
	background-color: var(--menu-top-bg-color-hover, #fff );
	color: var(--menu-top-color-hover, #000);
	box-shadow: inset currentColor 0 -2px 0;
}

/* Sub Menu */
ul.primary-nav .sub-menu {
	position: absolute;	
	left:0;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	width: 200px;
	box-shadow: 0px 3px 5px rgba(0,0,0,.2);
	transition: all 280ms ease;
}
/* Sub menu show on hover */
ul.primary-nav li.has-sub-menu:hover > ul,
ul.primary-nav li.has-sub-menu:focus-within > ul {
	opacity: 1;
	visibility: visible;
}
ul.primary-nav li.has-sub-menu:hover a,
ul.primary-nav li.has-sub-menu:focus-within a {}

/* Sub Position if last */
ul.primary-nav > li:last-of-type .sub-menu {
	left:auto;
	right: 0;
}

/* Sub Hover/Active */
ul.primary-nav .sub-menu a {
	background-color: var(--menu-sub-bg-color, #f4f4f4);
	color: var(--menu-sub-color, #f4f4f4);
}
ul.primary-nav .sub-menu > li > a:hover,
ul.primary-nav .sub-menu > li.active a {
	background-color: var(--menu-sub-bg-color-hover, #fff);
	color: var(--menu-sub-color-hover, #000);
	box-shadow: none;
}


/* sub menu icon */
ul.primary-nav > li.has-sub-menu > a { 
	padding-right: calc(1rem + 1em );
}

ul.primary-nav > li.has-sub-menu > a:after {
	font: var(--fa-font-solid);
	content: "\f0d7";
	color: inherit;
	width: 1em;
	height: 1em;
	position: absolute;
	right: 8px;
	line-height: inherit;
}

/* == Mobile Navigation == */
.mobile-nav-btn {
	display: none;
	cursor: pointer;
}
@media(max-width: 768px) {
	.mobile-nav-btn {
		display: block;
		position: fixed;
		top: 20px;
		right: 20px;
		font-size: 1.2rem;
		z-index: 11;
	}
	
	.mobile-nav-btn .fa {
		width: 1rem;
	}
	
	body.mobile-nav-open .mobile-nav-btn .fa:before {
		content: "\58";
	}
	
	body.mobile-nav-open {
		overflow: hidden;
		height: 100vh;
	}
	
	body.mobile-nav-open .mobile-nav-btn {
		/* position: fixed; */
	}
	
	body.has-mobile-nav #primary-nav-wrapper {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -200%;
		width: 100vw;
		height: 100vh;
		padding: 0;
		z-index: 10;
		overflow-y: scroll;		
		background-color: var(--menu-bg-color, #fff);
		box-shadow: 0px 0px 20px rgba(0,0,0,.3);		
		opacity: 0;
		transition: right .4s ease-in-out 0s, opacity .2s ease 2s;
	}
	
	body.mobile-nav-open #primary-nav-wrapper {
		opacity: 1;
		right: 0;
		transition: right .3s ease-in-out, opacity .01s ease .05s;		
	}
	
	body.has-mobile-nav #primary-nav-wrapper ul.primary-nav {
		padding: 20px 30px;
		flex-flow: column nowrap;
		justify-content: start;
		min-height: 100vh;
	}
	
	body.has-mobile-nav #primary-nav-wrapper ul.primary-nav .sub-menu {
		width: 100%;
		height: 0;
		opacity: 0 !important;
		overflow: hidden;
		position: relative;
		transition: all .3s ease;
	}
	
	body.has-mobile-nav #primary-nav-wrapper ul.primary-nav li.has-sub-menu:hover > ul {
		height: 100%;
		opacity: 1 !important;
		transition: all .3s ease;
	}
}


/* ===========================================================
 *	Layout
 * ======================================================== */

#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#container {}
#header-above, 
#header-wrapper,
#primary-nav-wrapper,
#main-content-wrapper, 
#footer-above, 
#footer-wrapper,
#sidebar-wrapper {
	position: relative;
	padding: 20px 30px;
}

.content-area-width {
	margin: 0 auto;
	width: 100%;
	max-width: var(--content-area-width, 100% );
}


/* == Main Content Area Layout == */
.sidebar-layout {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: var(--sidebar-gutter, 2rem);
}

#content {
	flex: 1 1 auto;
}

@media( min-width: 768px ) {
	.sidebar-layout {
		flex-direction: row;
	}
	#content {}
	
	#sidebar {
		flex: 0 0 var(--sidebar-width, 300px);
		max-width: var(--sidebar-width, 300px);
	}
	#sidebar.fixed-sidebar-left {
		order: -1;
	}
}



/* == Grid Column Layout == */
.grid {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--sidebar-gutter, 2rem);
}

.align-items-center {
	align-items: center;
}

@media( min-width: 768px ) {
	.grid {
		flex-direction: row;
	}
	
	.grid > * {
		flex: 0 0 auto;
		width: 100%;
	}
	
	/* 2/3 */
	.grid .col-9 {
		flex: 0 0 calc( 75% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 75% - var(--sidebar-gutter, 2rem) );
	}
	
	/* 3/4 */
	.grid .col-8 {
		flex: 0 0 calc( 66.66% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 66.66% - var(--sidebar-gutter, 2rem) );
	}
	
	/* 1/2 */
	.grid .col-6 {
		flex: 0 0 calc( 50% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 50% - var(--sidebar-gutter, 2rem) );
	}
	
	/* 1/3 */
	.grid .col-4 {
		flex: 0 0 calc( 33.33% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 33.33% - var(--sidebar-gutter, 2rem) );
	}
	
	/* 1/4 */
	.grid .col-3 {
		flex: 0 0 calc( 25% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 25% - var(--sidebar-gutter, 2rem) );
	}
	
	/* 1/4 */
	.grid .col-2 {
		flex: 0 0 calc( 16.66% - var(--sidebar-gutter, 2rem) );
		max-width: calc( 16.66% - var(--sidebar-gutter, 2rem) );
	}
}



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

#header-wrapper {
	 z-index: 2;
 }
 
.header-logo a:hover {
	box-shadow: none;
	text-decoration: none;
} 

.header-logo img {
	display: inline-block;
}

@media( max-width:768px ) {
	.header-logo img {
		margin: 0 auto;
		text-align: center;
	}
}


/* Sticky Header */
#header-wrapper.is-sticky  {}
#header-wrapper.is-sticky .header-logo img {}
@media( min-width: 768px ) {
	body.has-sticky-header #wrapper {
		overflow: initial;
	}
	body.has-sticky-header #header-wrapper {
		position: sticky;
		top: -1px; /* -1 is used for the IntersectionObserver in main.js */
	}

}

/* Transparent Header */
/* Targets the first element after the header wrapper
	and applies a negative top */
@media( min-width: 768px ) {
	body.has-transparent-header #header-wrapper + * {
		/* margin-top: calc( -1px * var(--header-height) ); */
		padding-top: 0;
	}
}


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

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



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

.footer-widgets {
	padding: 20px 0;
}

.footer-copy {
	padding: 20px 0;
	font-size: .8rem;
}

.footer-copy > p { margin: 0;}

#footer-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	grid-gap: 1rem;
	justify-content: center;
}


/* ===========================================================
 *	Templates
 * ======================================================== */

/* == Pages == */

/* == Blog Post == */
 
/* == Search == */
 body.search-results article.search-item .entry-title {
	 margin-bottom: 0;
 }
 
 

/* ===========================================================
 *	Elements
 * ======================================================== */
 
/* == Social Icons == */
.social-icons {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	font-size: calc( var(--body-font-size) + 10px );
	padding: 0;
	list-style: none;
	color: #666;
}

.social-icons a {
	color: inherit;
}

.social-icons a:hover {
	text-decoration: none;
	box-shadow: none;
}

@media (max-width: 768px ) {
	.social-icons {
		justify-content: center;
	}
}


/* == Back To Top Button == */
.scroll-to-top {
	display: none;
	position: fixed;
	z-index: 20;
	right: 30px;
	bottom: 30px;
	height: 40px;
	width: 40px;
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
	color: #000;
	line-height: 40px;
	text-align: center;
	outline: none !important;
	cursor: pointer;
}
.scroll-to-top:hover,
.scroll-to-top:focus {
	background-color: rgba(0,0,0,.3);
	color: #fff
}
.scroll-to-top a {
	display: block;
}


/* ===========================================================
 *	Magnific Lightbox
 * ======================================================== */
@media (min-width:768px){.mfp-image-holder .mfp-content,.mfp-iframe-holder .mfp-content{max-width:90%!important}}.bne-mfp.mfp-bg,.bne-mfp.mfp-wrap{z-index:100000}.bne-mfp .white-popup{position:relative;margin:20px auto;padding:20px;max-width:800px;width:auto;background:#fff}.bne-mfp .mfp-title{font-size:.875rem}.bne-mfp .mfp-figure:after{background:#fff}.bne-mfp button.mfp-close,.bne-mfp button.mfp-arrow{background-color:transparent!important;box-shadow:none!important}.mfp-wrap.bne-mfp button.mfp-close{position:absolute;padding:0;right:-13px;width:40px;height:40px;background:url(https://www.dinohernandezcosmeticdentistry.com/wp-content/themes/bne-minimal/assets/images/svg/close.svg) center center no-repeat;background-size:10px 10px;border:2px solid transparent;border-radius:100px;line-height:38px;text-align:center;text-indent:-9999px;transition:all .3s ease-out}.mfp-wrap.bne-mfp button.mfp-close:hover{border:1px solid #fff;transform:scale(.8);-webkit-transform:scale(.8) rotateZ(90deg)}.bne-mfp .mfp-close:active{top:0}.bne-mfp .mfp-inline-holder .mfp-close,.bne-mfp .mfp-iframe-holder .mfp-close:active{top:-40px}.bne-mfp .mfp-arrow:before,.bne-mfp .mfp-arrow .mfp-b,.bne-mfp .mfp-arrow-right:after,.bne-mfp .mfp-arrow-right .mfp-a,.bne-mfp .mfp-arrow-left:after,.bne-mfp .mfp-arrow-left .mfp-a{margin:0;border:0}.bne-mfp .mfp-arrow:before{position:static;width:auto;height:auto}.bne-mfp button.mfp-arrow{margin-top:-1em;height:2em;width:2em;background-position:center center;background-size:12px 21px;background-repeat:no-repeat;font-size:30px;line-height:2em;transform:none}.bne-mfp button.mfp-arrow:active{margin-top:-.95em}.bne-mfp .mfp-arrow.mfp-arrow-left{background-image:url(https://www.dinohernandezcosmeticdentistry.com/wp-content/themes/bne-minimal/assets/images/svg/chev-left.svg);left:10px}.bne-mfp .mfp-arrow.mfp-arrow-right{background-image:url(https://www.dinohernandezcosmeticdentistry.com/wp-content/themes/bne-minimal/assets/images/svg/chev-right.svg);right:10px}.bne-mfp .mfp-iframe-holder .mfp-bottom-bar{margin-top:5px}.bne-mfp .mfp-iframe-holder .mfp-iframe-scaler{background:#000}.bne-mfp .mfp-iframe-scaler{overflow:visible}.bne-mfp .mfp-preloader .bne-loader{color:#fff;background:none;box-shadow:none}.bne-mfp.mfp-bg{opacity:0;transition:all .15s ease-out}.bne-mfp.mfp-bg.mfp-ready{opacity:.8}.bne-mfp.mfp-bg.mfp-removing{opacity:0}.bne-mfp.mfp-wrap .mfp-content,.bne-mfp.mfp-wrap button{opacity:0;transition:all .15s ease-out}.bne-mfp.mfp-wrap.mfp-ready .mfp-content,.bne-mfp.mfp-wrap.mfp-ready button{opacity:1}.bne-mfp.mfp-wrap.mfp-removing .mfp-content,.bne-mfp.mfp-wrap.mfp-removing button{opacity:0}.bne-mfp .mfp-figure,.bne-mfp .mfp-iframe-scaler{animation-name:mfpFadeIn;animation-duration:.3s;animation-fill-mode:both;backface-visibility:hidden}@-webkit-keyframes mfpFadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes mfpFadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes mfpFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes mfpFadeIn{0%{opacity:0}100%{opacity:1}}.bne-lightbox.lightbox-image{position:relative}.bne-lightbox .lightbox-icon{display:none;position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);border-radius:50%;color:#fff;line-height:60px;font-size:40px;text-align:center;z-index:1}.bne-lightbox:hover .lightbox-icon{display:block}
 
 
 
/* ===========================================================
 *	WP Blocks
 * ======================================================== */
 
/* == WP Block: Image - Extra Styles == */
/* Flat Frame */
.flat,
img.is-style-default,
img.is-style-flat,
.wp-block-image.is-style-default img,
.wp-block-image.is-style-flat img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

/* Pretty Frame */
.pretty,
.gallery img,
img.pretty,
img.is-style-pretty,
.wp-block-image.is-style-pretty img,
.wp-block-gallery.is-style-pretty figure,
.is-style-pretty iframe {
	padding: 6px;
	background: white;
	text-align: center;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}

/* Modern Frame */
img.is-style-modern,
.wp-block-image.is-style-modern img,
.wp-block-gallery.is-style-modern img,
.is-style-modern iframe {
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: 0 3px 12px -1px rgba(7, 10, 25, .2), 0 22px 27px -20px rgba(7, 10, 25, .2);
	transition: all .3s ease;
}

/* Rounded */
img.is-style-rounded,
.wp-block-image.is-style-rounded img {
	border-radius: 50%;
}
 
 
 
/* == Block: Cover == */
.wp-block-cover__inner-container {
	max-width: var(--content-area-width, '1200px' );
	padding: 20px 30px;
}


/* == Block: Text Media == */
.wp-block-media-text:not(.alignfull) {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.wp-block-media-text .wp-block-media-text__content {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
@media (min-width: 769px) {
	.wp-block-media-text .wp-block-media-text__content {
		max-width: calc( var(--content-area-width, '1200px' ) / 2 );
		padding-left: 4rem;
		padding-right: 30px;
	}
	
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		margin-left: auto;
		padding-left: 30px;
		padding-right: 4rem;
	}
}

/* stack early for mobile */
@media (max-width: 768px) {
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;   
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
		width: 100%;
	}

}


/* == WP Block: Columns & Supporting Elements == */
.wp-block-columns.no-gutters .wp-block-column {
	margin: 0 !important;
}
.wp-block-columns.no-gutters {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	gap: 0!important;
}

.wp-block-column .wp-block-columns {
	margin: 0 !important;
}

.wp-block-columns .wp-block-buttons .wp-block-button {
	margin-right: .5em;
}

.wp-block-columns .block-core-columns.wp-block-column:only-child {
	margin: 0;
}

/* == WP Block: Separator - Extra Styles == */
.wp-block-separator.is-style-shadow {
	margin: 30px auto; 
	overflow: visible;
	position:relative;
	width: 100% !important;
	max-width: 100% !important;
	height: 1px;
	background-color: transparent !important;
	background: 0;
	background: linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
	border: 0;
}

.wp-block-separator.is-style-shadow:after {
	content: '';
	height: 6px;
	width: 100%;
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0, rgba(255, 255, 255, 0) 65%);
	display: block;
}