@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");
/* Bongo4U Sample CSS File */
/* 
   First, define all the basic tags, mobile first.
*/
/***********************/
/*** WEBSITE GENERAL***/
/*********************/
:root{
	--primary-site-color: #c80900;
	--secondary-site-color: #171717;
	--tertiary-site-color: #393939;
	--primary-font-family: "Open Sans";
	--secondary-font-family: "Exo";
	--site-max-width: 1250px;
}
body {
	padding: 0;
  	font-size: clamp(12pt, 1vw, 14pt);
	line-height: 1.35em;
	font-family: var(--primary-font-family), sans-serif;
}
#b4u_body_wrapper {clear: both;}
/*#layout_default {overflow-x: hidden;}
#layout_default.b4u_admin_container {overflow-x: inherit;}*/
#b4u_middle .b4u_admin {
    margin-top: 2em;
    clear: both;
}
a{
	text-decoration: underline;
	color: var(--primary-site-color);
}
a:hover, a:focus{
	text-decoration: none;
	color: var(--primary-site-color);
}
#b4u_middle .b4u_admin .b4u_view a, #b4u_middle .b4u_admin .b4u_view a{color:#000 !important;}
h1 {
  color: var(--primary-site-color);
  font-size: clamp(1.75em, 3vw, 2.75em );
  font-family: var(--secondary-font-family), sans-serif;
  line-height: 1em;
  padding: 0;
  margin: 0 0 .25em 0;
}
h2 {
	color: var(--tertiary-site-color);
	font-size: clamp(1.35em, 2.75vw, 2.25em);
	line-height: 1.125em;
	width: 100%;
	margin: 0 0 .25em 0;
}
h3 {
	font-family: var(--secondary-font-family), sans-serif;
	font-size: clamp(1.25em, 2.5vw, 1.75em);
	line-height: 1.125em;
	margin: 0 0 .25em 0;
}
h4 {

  font-size: clamp(1em, 1.2em, 2vw);;
  line-height: 1.125em;
	color: #454545;
}
h5 {
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1em;
  font-style:italic;
}
h6 {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1em;
}
.b4u_logo {
	width: 100%;
	clear: both;
	margin: clamp(2em, 4em, 3vh) auto;
	text-align: center;
	float: left;
}
.b4u_logo h2, .b4u_logo h3 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: none;
	margin: 0 0 .5em 0;
	padding: 0;
}
/** carousel fade pure CSS */
/* Fade transition for carousel items */
.b4u_slideshow {clear: left;}
.carousel .item {
    left: 0 !important;
    transition: opacity .8s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}
.carousel-caption {
	background: rgba(0, 0, 0, .45) !important;
	position: absolute;
	bottom: 0;
}
.carousel-indicators li {
	background-color: var(--primary-site-color) !important;
	width: clamp(1ch, 2vw, 1em);
	height: clamp(1ch, 2vw, 1em);
}
#b4u_middle .b4u_view .carousel-caption a {
	text-decoration: none;
	color: #FFF;
}
/* END carousel fade pure CSS*/
hr {
  clear: both;
  width: 100%;
}
.b4u_twocolumns{columns: 1;}
.b4u_container_twocol-5050 {
	display: grid;
	grid-gap: 3em;
}
#b4u_middle .b4u_wysiwyg .b4u_content ol li {
	line-height: 1.125em;
	margin: .5em 0;
}
#b4u_middle .b4u_view a.b4u_show_more_tags, #b4u_middle .b4u_view a.b4u_show_less_tags {
	display: inline-flex;
	color: #FFF;
	text-decoration: none;
	background: var(--secondary-site-color);
	padding: .75em 1em;
	line-height: 1em;
}
#b4u_middle .b4u_view a.b4u_show_more_tags:hover, #b4u_middle .b4u_view a.b4u_show_more_tags:focus, #b4u_middle .b4u_view a.b4u_show_less_tags:hover, #b4u_middle .b4u_view a.b4u_show_less_tags:focus {
	color: #FFF;
	text-decoration: none;
	background: var(--primary-site-color);
}
#b4u_middle .b4u_view a.b4u_show_more_tags::before {
	content: '+';
	font-weight: bold;
	margin-right: 5px;
}
#b4u_middle .b4u_view a.b4u_show_less_tags::before {
	content: '-';
	font-weight: bold;
	margin-right: 5px;
}
/** Email Form style **/
/* Container and Layout */
.b4u_emailform {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  font-family: var(--primary-font-family), sans-serif;
  color: #333;
}
.b4u_emailform h2 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* Form Labels and Layout */
.b4u_emailform dl {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
}
.b4u_emailform dt {
  margin-bottom: 0;
  font-weight: 600;
}
.b4u_emailform dd{margin-left: 0;}
.b4u_emailform label {
  display: block;
  margin-bottom: 0;
	font-weight: bold;
	font-size: 1rem;
}
/* Inputs, Selects, Textareas */
.b4u_emailform input[type="text"],
.b4u_emailform input[type="email"],
.b4u_emailform select,
.b4u_emailform textarea {
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}
.b4u_emailform input:focus,
.b4u_emailform select:focus,
.b4u_emailform textarea:focus {
  border-color: #0077cc;
  box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.2);
  outline: none;
}
/* Checkboxes, radio buttons */
.b4u_emailform dl.b4u_emailform_checkbox_line, .b4u_emailform dl.b4u_emailform_radio_line {grid-gap:.85rem;}
.b4u_emailform dl.b4u_emailform_checkbox_line dt, .b4u_emailform dl.b4u_emailform_radio_line dt, .b4u_emailform dl dt.b4u_emailform_textarea_label{
	flex: 1 1 100%;
	text-align: left;
}
.b4u_emailform dl.b4u_emailform_checkbox_line dd, .b4u_emailform dl.b4u_emailform_radio_line dd {
	flex: 0 1 47%;
	text-align: left;
	display: flex;
	align-items: first baseline;
	margin: 0;
}
.b4u_emailform dl.b4u_emailform_checkbox_line dd input, .b4u_emailform dl.b4u_emailform_radio_line dd input {
	flex: 0 0 15px;
	margin: 0 5px 0 0;
}
.b4u_emailform dl.b4u_emailform_checkbox_line dd label, .b4u_emailform dl.b4u_emailform_radio_line dd label {
	flex: 0 0 calc(100% - 20px);
	margin: 0;
	display: flex;
	font-size: 1rem;
	font-weight: normal;
}
.b4u_emailform dl.b4u_emailform_checkbox_line dd.b4u_emailform_list_other, .b4u_emailform dl.b4u_emailform_radio_line dd.b4u_emailform_list_other, .b4u_emailform dl.b4u_emailform_textarea_line dd.b4u_emailform_textarea_input {flex: 0 0 100%;}
.b4u_emailform dl.b4u_emailform_checkbox_line dd.b4u_emailform_list_other input, .b4u_emailform dl.b4u_emailform_radio_line dd.b4u_emailform_list_other input{flex: 0 0 75%;}
.b4u_emailform dl.b4u_emailform_checkbox_line dd.b4u_emailform_list_other label, .b4u_emailform dl.b4u_emailform_radio_line dd.b4u_emailform_list_other label {
	flex: 0 0 auto;
	padding-right: 1%;
}
/* Notes */
.b4u_emailform_notes, .b4u_emailform_text_instruction.b4u_emailform_generic_instruction {
	font-size: 0.85rem;
	color: #666;
	margin-top: .25rem;
}
/* submit button */
.b4u_emailform input[type="submit"],
.b4u_emailform button[type="submit"] {
  background: var(--primary-site-color);
  color: #fff;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 1.5rem;
  transition: background 0.2s ease-in-out;
}
.b4u_emailform input[type="submit"]:hover,
.b4u_emailform button[type="submit"]:hover {
  background: var(--secondary-site-color);
}

/*** END WEBSITE GENERAL***/

/***********************/
/****** B4U TOP *******/
/*********************/
.row-fluid [class*="span"]:first-child {  min-height: 1px;}
.container .row-fluid:first-child {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 11;
	border-image: conic-gradient(rgb(255, 255, 255) 0 0) fill 0 / / 0 100vw;
}
.b4u_sticky #site_logo img {}
#b4u_top.b4u_sticky .b4u_nav {margin: 0 calc(50% - 50vw) 0;}
#b4u_top {
	background: #FFF;
	margin: 0 auto;
	padding: 1ch 0 0 0;
	position: relative;
	z-index: 10;
}
#layout_unknown #b4u_top{
	position:inherit !important;
	max-height: inherit !important;
}
.b4u_pagetitle {display: none;}
.b4u_container_top-main {
}
#site_logo {
    width: min(150px, 400px);
    text-align: center;
	margin: 0 auto 1ch;
}
.sticky #site_logo {max-width: 150px;}
#top_quote {
	position: absolute;
	top: 1.5ch;
	right: 1ch;
	margin: 0;
}
#top_quote a.ghostbutton {font-size: 0;}
#top_quote a.ghostbutton span {
	font-size: 15pt;
	padding: 9px;
}
#b4u_top .b4u_nav#cid_249 {display: none;}/*secondary nav*/
#b4u_top .b4u_nav {
	position: absolute;
	left: 0;
	top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: auto;
	pointer-events: none;
}
#b4u_top .nav-tabs {
	border-bottom: medium none;
	margin: 0;
	width: 100%;
	min-width: auto;
	display: flex;
}
#b4u_top .nav-tabs > li, #b4u_top .nav-pills > li {
  display: inline-block;
  float: none;
  text-align: left;
	margin-bottom: 0;
}
#b4u_top .nav-tabs.tinynav_init.b4u_hamburger_menu_enable {
	position: inherit;
	background: transparent;
	box-shadow: 0px 2px 9px #000;
	border: none;
	margin-bottom: 0;
	display: flex;
	flex-flow: column nowrap;
	width: 100vw;
}
.b4u_hamburger_menu_enable > li {
	display:block;
	width:100%;
	border:solid thin #DDD;
}
#b4u_top .nav-tabs.nav.b4u_hamburger_menu_enable > li:first-child {
	max-width: 40px;
	border: none;
	position: inherit;
	left: auto;
	top: auto;
	width: 100%;
	display: flex;
}
#b4u_top .nav.b4u_hamburger_menu_enable > li:not(:first-child) {background: var(--primary-site-color);}
#b4u_top .nav-tabs > li > a{
  border: medium none;
  border-radius: 0;
  color: #FFF;
  font-size: 1em;
  line-height: 1em;
  padding: .65em;
  pointer-events: all;
  text-decoration:none;
}
#b4u_top .nav-tabs > li > a.b4u_hamburger_menu_icon {
	font-size: 0 !important;
	color: var(--secondary-site-color) !important;
	margin: 0;
	padding: 9px;
	pointer-events: all;
}
#b4u_top .nav-tabs > li > a.b4u_hamburger_menu_icon::before {
	content: '\f0c9';
	font-family: "FontAwesome", sans-serif;
	font-size: 22pt;
	display: flex;
	height: 25pt;
	width: 25pt;
	line-height: 25pt;
	align-items: center;
	justify-content: center;
}
#b4u_top .nav-tabs > li > a.b4u_hamburger_menu_icon:hover::before, #b4u_top .nav-tabs > li > a.b4u_hamburger_menu_icon:focus::before,
#b4u_top .nav-tabs > li > a.b4u_hamburger_menu_icon:active::before{color: #FFF;}
.b4u_hamburger_menu_enable {margin-top: 0 !important;}
#b4u_top .nav.b4u_hamburger_menu_click.b4u_hamburger_menu_enable li:last-child{grid-template-columns: 1fr;}
.nav.b4u_hamburger_menu_enable > li a {padding: 1em;}
#b4u_top .dropdown-menu > li:last-child a {border-bottom: none;}
#b4u_top .nav-tabs > li > a:hover, #b4u_top .nav-tabs > li > a:focus {
	background: var(--secondary-site-color);
	color: #FFF;
}
#b4u_top .dropdown-menu > li > a:hover, #b4u_top .dropdown-menu > li > a:focus {
	background:#000;
	color: #FFF;
}
#b4u_top .nav.b4u_hamburger_menu_click.b4u_hamburger_menu_enable > li:not(:first-child).dropdown {display: grid;}
#b4u_top .dropdown > a::after {
  border-top: 4px solid #FFF;
  margin-left: 5px;
}
#b4u_top .dropdown > a:hover::after{border-top: 4px solid #FFF;}
#b4u_top .nav-tabs .dropdown:hover .dropdown-menu {display:block;}
.b4u_nav .nav.b4u_hamburger_menu_click.b4u_hamburger_menu_enable .dropdown.open > .dropdown-menu{pointer-events: all;}
#b4u_top .dropdown-menu {
	background-color: var(--secondary-site-color);
	border: medium none;
	border-radius: 0 !important;
	margin-left: 0 !important;
	padding-left: 1em;
}
#b4u_top .dropdown-menu > li > a {
	border-bottom: solid thin;
	color: #FFF;
	font-weight: normal;
	font-size: 0.8em;
	flex: 1;
	text-decoration: none;
}
#b4u_top .b4u_sitesearch {
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	width: calc(100% - 10px);
}
#b4u_top .b4u_sitesearch form {
	margin: 0;
	border: solid 1px #DDD;
	border-radius: 0;
	overflow: hidden;
	background: #FFF;
	padding: 0 5px;
}
#b4u_top .b4u_sitesearch_box_input input {
	width: calc(100% - 55px);
	float: left;
	border: none;
}
#b4u_top .b4u_sitesearch br {display: none;}
#b4u_top .b4u_sitesearch_box_minibutton input {
	margin: 0 5px 0 -6px;
	background: #FFF url("../images/_system/magnifying_glass_16x16.png") center no-repeat;
	border-radius: 0 10px 10px 0;
	vertical-align: top;
	float: right;
}
#b4u_top .b4u_sitesearch_box_minibutton input {
	margin: 0 0 0 -6px;
	background: #FFF url("../images/_system/magnifying_glass_16x16.png") center no-repeat;
	border-radius: 0 10px 10px 0;
	vertical-align: top;
}
#b4u_top .b4u_sitesearch_box_which_search {
	display: inline-block;
	text-align: left;
	width: 25%;
}
#b4u_top .b4u_sitesearch_box_which_search label {
	font-size: .65em;
	display: block;
	margin: -3px 0 0 0;
}
#b4u_top .b4u_sitesearch_box_which_search input {
	vertical-align: baseline;
	margin: 0 4px 0 0;
}
.b4u_container_top-main > div.b4u_view:last-child {/*closing container*/
	display: none;
}
.b4u_admin_container .b4u_container_top-main > div.b4u_view:last-child {/*closing container*/
	display: block;
}
a.ghostbutton {
    color: var(--primary-site-color);
    display: inline-flex;
    padding: .5em 1em;
    margin: 0 0 1ch 0;
    transition: all .4s ease;
    text-decoration: none !important;
    background: #FFF;
    font-family: var(--secondary-font-family), sans-serif;
    font-weight: 700;
    border: solid 2px var(--primary-site-color);
    border-radius: .5em;
    text-align: center;
    text-shadow: none !important;
    align-items: center;
    justify-content: center;
}
a.ghostbutton:hover{
  background: var(--primary-site-color);
  color: #FFF;
  text-decoration: none;
  border: solid 2px #FFF;
}
/***********************/
/***** END B4U TOP ******/
/***********************/

/***** B4U LEFT ******/
/*********************/
#b4u_left {}
/***** END B4U LEFT ******/

/***********************/
/***** B4U MIDDLE *****/
/*********************/
#b4u_middle {
	margin: 0;
	min-height: 60vh;
	padding: 0 1em;
	overflow-x: hidden;
}
#b4u_middle .b4u_wysiwyg .b4u_content ul li {
    margin-bottom: .5em;
    line-height: 1em;
}
.heroimg {
	width: 100vw;
	margin: 0 calc(50% - 50vw) clamp(2em, 5vh, 3em);
	overflow: hidden;
}
.heroimg .carousel .item{max-height: 500px;}
.heroimg .carousel{margin-bottom: 0;}
.heroimg .carousel-caption {
	background: rgba(0, 0, 0, .15) !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	padding: 0;
	pointer-events: none;
}
.heroimg .carousel-caption h4 {
	margin: 0 0 .25em;
	font-size: clamp(2.5ch, 5vw, 7ch);
	line-height: 1em;
	font-family: var(--secondary-font-family), sans-serif;
}
.heroimg .carousel-caption p {font-size: clamp(1.5ch, 5vw, 3ch);}
.heroimg .carousel-caption h4, .heroimg .carousel-caption p {
	flex: 1 1 100%;
	pointer-events: auto;
	text-shadow: 0 0 1em #000;
}
.heroimg .carousel-caption h4 a:hover, .heroimg .carousel-caption h4 a:focus, .heroimg .carousel-caption p a:hover, .heroimg .carousel-caption p a:focus {
	text-decoration: none;
	color: #D6D6D6;
}
.heroimg .carousel-caption h4, .heroimg .carousel-caption p {text-shadow: 0 0 1em #000;}
.heroimg .carousel-indicators {
	left: 0;
	bottom: 5px;
	right: 0;
	width: 100%;
	top: auto;
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.heroimg h2, .heroimg p {
	color: white;
	text-align: center;
	text-shadow: 0 0 5px #000;
}
.heroimg h2 {font-size: clamp(2.25em, 4.5vw, 3.5em);}
.heroimg p {font-size: clamp(1em, 3vw, 1.5em);}
.heroimg img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
	z-index: -1;
}
.b4u_container_colorbg {
	background: rgb(221, 227, 219);
	padding: clamp(5vh, 10vh, 11vh) 0;
	border-image: conic-gradient(rgb(221, 227, 219) 0 0) fill 0 / / 0 100vw;
}
.altcolorbg {
	background: #c3522a;
	border-image: conic-gradient(rgb(195, 82, 42) 0 0) fill 0 / / 0 100vw;
}
.altcolorbg h1, .altcolorbg h2, .altcolorbg h3, .altcolorbg h4, .altcolorbg h5, .altcolorbg h6, .altcolorbg p, .altcolorbg ul, .altcolorbg ol{color: #FFF;}
.sidebox{
	display: flex;
	flex-flow: column nowrap;
	clear:both;
	width: 100%;
	align-items: center;
}
.sidebox.oddrow > div:nth-child(1) {order: 1;}
.sidebox div{flex:auto;}
.sidebleedbox {
    margin: -2em calc(50% - 50vw);
    position: relative;
    z-index: 10;
    padding: 1em;
    background: linear-gradient(to top, rgba(0, 0, 0, .91) 0%, rgba(56, 56, 56, .9) 100%);
    width: 100%;
    color: #FFF;
    box-shadow: rgba(0,0,0,.21) 3px 3px 11px 0;
    float: right;
    border-radius: 0;
}
.sidebleedbox h2, .sidebleedbox p{text-align: center;}
.e2-fullwidth {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.e2-imgcard {
    display: flex !important;
    flex-flow: column nowrap;
    padding: 0;
    clear: both;
	overflow: hidden;
}
.e2-imgcard > div:first-child, .e2-imgcard.rightimg > div:last-child {
    flex: 1 1 auto;
    overflow: hidden;
}
.sidebox.e2-fullwidth.e2-imgcard.leftimg > div:first-child p, .e2-imgcard > div:first-child, .sidebox.e2-fullwidth.e2-imgcard.rightimg > div:last-child p{
	margin: 0;
	height:100%;
}
.e2-imgcard > div:first-child img, .e2-imgcard.rightimg > div:last-child img,
.e2-imgcard > div:first-child video, .e2-imgcard.rightimg > div:last-child video {
    height: 100%;
	max-height: 20em;
    width: auto;
	min-width: 100%;
    object-fit: cover;
}
.e2-imgcard > div:last-child, .e2-imgcard.rightimg > div:first-child  {
	display: flex;
	flex-flow: column nowrap;
    flex: 1 1 auto;
	margin: 0;
    padding: clamp(1.5em, 5vw, 10vw);
	justify-content: center;
	order: 1;
}
.e2-imgcard.rightimg > div:last-child {
	order: 0;
	padding: 0;
	margin: 0;
}
.b4u_container_imgbg{
	height: 100vh;
	min-height: 300px;
	max-height: 500px;
	clear: both;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	overflow: hidden;
	background-size: 100% !important;
	background-position: center center !important;
	background-attachment: scroll !important;
	display: flex;
	align-items: center;
	position: relative;
}
.b4u_container_imgbgfixed {
	height: 100vh;
	min-height: 300px;
	max-height: 500px;
	clear: both;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	overflow: hidden;
	background-position: center center !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.b4u_admin_container .b4u_container_imgbg, .b4u_admin_container .b4u_container_imgbgfixed {
    overflow: inherit;
    flex-flow: column wrap;
}
.b4u_container_imgbg div:last-child .b4u_container, .b4u_container_imgbgfixed div:last-child .b4u_container {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
}
.b4u_admin_container .b4u_container_imgbg div:last-child .b4u_container, .b4u_admin_container .b4u_container_imgbgfixed div:last-child .b4u_container {
    position: relative;
    left: inherit;
    top: inherit;
    z-index: 2;
    width: inherit;
    height: inherit;
}
.b4u_admin_container .b4u_container_imgbg .b4u_view, .b4u_admin_container .b4u_container_imgbgfixed .b4u_view {flex: 1;}
.b4u_container_imgbg .b4u_wysiwyg, .b4u_container_imgbgfixed .b4u_wysiwyg {
	padding: 1em;
	color: #FFF;
	text-shadow: 0 0 1em #000;
	flex: 1;
	position: relative;
	z-index: 2;
	max-width: var(--site-max-width);
	margin: 0 auto;
	min-width: 35vw;
	min-height: clamp(10em, 15vh, 10em);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
.b4u_container_imgbg .b4u_wysiwyg h1, .b4u_container_imgbg .b4u_wysiwyg h2, .b4u_container_imgbg .b4u_wysiwyg h3, .b4u_container_imgbg .b4u_wysiwyg p, .b4u_container_imgbg .b4u_wysiwyg ul,.b4u_container_imgbgfixed .b4u_wysiwyg h1, .b4u_container_imgbgfixed .b4u_wysiwyg h2, .b4u_container_imgbgfixed .b4u_wysiwyg h3, .b4u_container_imgbgfixed .b4u_wysiwyg p, .b4u_container_imgbgfixed .b4u_wysiwyg ul {
  color: #FFF;
  text-shadow: 0 0 8px #000;
}
.b4u_container_all_containers .b4u_edit .b4u_container .b4u_content {
    background: #FFF;
    position: relative;
    z-index: 10;
    width: auto;
    left: 0;
    top: 0;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1em;
}
.b4u_container_videobg .b4u_wysiwyg {
	z-index: 10;
	position: relative;
	padding: 1em;
}
.b4u_container_videobg .b4u_view:last-child {display: none;}
.b4u_container_videobg {
    min-height: clamp(45vh, 50vh, 400px);
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 75vh;
    overflow: hidden;
}
.b4u_admin_container .b4u_container_videobg {
    max-height: inherit;
    position: inherit;
    overflow: auto;
    display: block;
}
.b4u_admin_container .b4u_container_videobg .b4u_view:last-child {display: inherit;}
.b4u_container_videobg video {
	width: max-content;
	height: 100%;
	opacity: .85;
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 0;
	z-index: 0;
	object-fit: cover;
}
.b4u_admin_container .b4u_container_videobg video {
    position: inherit;
    max-width: 960px;
}
.b4u_container_videobg h1, .b4u_container_videobg h3, .b4u_container_videobg p, .b4u_container_videobg ul {
	color: white;
	text-shadow: 0 0 1em #000;
}
.b4u_container_videobg h1 {font-size: clamp(2.75em, 4vw, 4em);}
#highlight_nav {
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: flex;
	grid-gap: 1em;
	flex-flow: column nowrap;
	overflow: hidden;
}
#highlight_nav li {
	display: flex;
	flex: 1;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #000;
}
#highlight_nav a {
	display: block;
	font-size: 1em;
	font-family: var(--secondary-font-family), sans-serif;
	padding: 0;
	text-decoration: none !important;
	width: 100%;
}
#highlight_nav li img {
  display: block;
  width: 100%;
  height:auto;
  filter: grayscale(0);
}
#highlight_nav li:hover img {
	transition: all .4s ease-in;
	transform: scale(1.1);
	filter: grayscale(1);
}
#highlight_nav span {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	display: block;
	font-size: clamp(18pt, 2vw, 1.25em);
	font-weight: bold;
	line-height: 1em;
	padding: 1.75em 1em .5em;
	background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 87%);
	text-align: left;
	z-index: 1;
	transition: all .4s ease-out;
	min-width: 8em;
	width: calc(100% - 2em);
}
#highlight_nav span::after {
  font-family: "FontAwesome";
  content: "\f105";
  margin-left: 0.4em;
  font-size: 0.9em;
  transition: transform 0.25s ease;
  display:inline-block;
}
#highlight_nav a:hover span::after {transform: translateX(3px) rotate(180deg);}
#highlight_nav a:hover span {
	background: rgba(0,0,0,.75);
	color: #FFF;
	transition: all .4s ease-in;
	padding: .5em 1em;
}
.b4u_inline_list > li {
  display: inline-block;
  margin: 0.5em 1% 1em;
  min-height: 7em;
  padding: 0;
  vertical-align: top;
  width: 90%;
}
.gallery_headline {
  background: var(--primary-site-color) none repeat scroll 0 0;
  float: left;
  clear: both;
  color: #fff;
  display: block;
  margin: 1em 0 5px;
  padding: 10px 2%;
  width: 96%;
}
.lumbertable {
	display: flex;
	list-style: none;
	flex-flow: column nowrap;
	margin: 0 0 1.5em 0;
}
.lumbertable li {
	padding: 4% 1em;
	border: solid 1px;
	margin: 0 !important;
	align-self: center;
	text-align: center;
	width: calc(100% - 2em);
}
.lumbertable li:first-child {
	background: #fde2a2;
	font-weight: bold;
	font-size: 1.5em;
}
/***** END B4U MIDDLE *****/

/***********************/
/***** B4U RIGHT ******/
/*********************/
#b4u_right {}
/***** END B4U RIGHT ******/

/***********************/
/**** B4U BOTTOM ******/
/*********************/
#b4u_bottom {
	padding: 0 1em clamp(7em, 8vh, 11vh);
	background: #FFF;
	color: #000;
	position: relative;
	margin: 0 calc(50% - 50vw);
	width: calc(100vw - 2em);
}
.b4u_container_footer-main {line-height: 1.25em;}
.b4u_container_footer-main #b4u_storeinfo, .b4u_container_footer-main #storehours {text-align: center;}
.b4u_container_footer-main table.social_options_table_style.table_float_left {margin: 0 auto;}
#b4u_footertag {
	background: var(--secondary-site-color);
	width: 100%;
	text-align: center;
	padding: .5em 1em;
	float: left;
	clear: both;
	color: #FFF;
	font-family: var(--secondary-font-family), sans-serif;
	margin: 0 -1em 1em;
}
/*BACK TO TOP BUTTON*/
#back-top {
	position: fixed;
	bottom: 60px;
	right:10px;
	z-index: 25;
}
#back-top a {
	width: 45px;
	display: block;
	outline:none;
	opacity:.5;
	transition: .5s;
}
#back-top a:hover {opacity:1;}

/* arrow icon (span tag) */
#back-top span {
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 7px;
	background: url("../images/_system/Top.png") no-repeat center center;
	transition: .5s;
}
#back-top a:hover span {opacity:1;}
.b4u_generic_disclaimer {
	line-height: 1em;
	text-align: left;
	margin: 0;
	background: none;
	color: #FFF;
	font-size: .6em;
	position: absolute;
	bottom: 0;
	left: 1em;
	width: calc(100% - 145px);
}
.b4u_poweredby {
	position: absolute;
	bottom: 0;
	right: 1em;
	margin: 0;
	padding: 0;
}
/**** END B4U BOTTOM ******/
/***********************/
/*** MEDIA QUERIES***/
/*********************/
@media screen and (min-width: 48em) {
	#b4u_body_wrapper{overflow-x: hidden;}
	#b4u_body_wrapper.b4u_admin_container{overflow-x:auto;}
	.b4u_emailform dl.b4u_emailform_checkbox_line {flex-flow: row wrap;}
	.b4u_emailform dl.b4u_emailform_checkbox_line dd, .b4u_emailform dl.b4u_emailform_radio_line dd {width: 48%;}
	#b4u_top {
		max-width: var(--site-max-width);
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	}
	.b4u_container_top-main {
		width: calc(100% - 235px);
		padding: 0;
		display: grid;
		grid-template-columns: auto 115px;
		grid-template-rows: auto auto auto;
		grid-gap: 0;
	}
	/* First row: first two divs side by side */
	.b4u_container_top-main .b4u_view:nth-child(1) {
	  grid-column: 1; /* first column */
	  grid-row: 1;    /* first row */
	}

	.b4u_container_top-main .b4u_view:nth-child(2) {
	  grid-column: 2; /* second column */
	  grid-row: 1;    /* first row */
	}

	/* Second row: full width */
	.b4u_container_top-main .b4u_view:nth-child(3) {
	  grid-column: 1 / -1; /* span all columns */
	  grid-row: 2;
	}

	/* Third row: full width */
	.b4u_container_top-main .b4u_view:nth-child(4) {
	  grid-column: 1 / -1; /* span all columns */
	  grid-row: 3;
	}
	#layout_default > .container, .b4u_container_footer-main {
		max-width: var(--site-max-width);
		margin: 0 auto;
		width: 100%;
	}
	#layout_unknown #b4u_top{
		position:inherit !important;
		max-height: inherit !important;
	}
	#site_logo {
		width: 215px;
		padding: 0;
		height: auto;
		margin: 0 0 0 1em;
	}
	#site_logo a img {
	  display: inline-block;
	  width: 100%;
	}
	#b4u_top .b4u_sitesearch_box {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}
	#b4u_top .b4u_sitesearch {
		margin: 0 auto;
		background: none;
		border-radius: 0;
		padding: 0 1em;
		width: calc(100% - 2em);
	}
	#b4u_top .b4u_sitesearch_box_which_search label{color: #FFF;}
	#b4u_top .b4u_sitesearch_box_input input {padding: 10px;}
	.b4u_sitesearch_box_minibutton input {
		width: 34px;
		height: 34px;
	}
	#top_quote {
		margin: 0 1em 0 0;
		position: inherit;
	}
	#b4u_top .b4u_nav#cid_249 {display: inherit;}/*secondary nav*/
	#b4u_top .b4u_nav {
		background: #FFF;
		min-height: inherit;
		position: inherit;
		pointer-events: inherit;
		width: 100%;
		margin: 0;
	}
	#b4u_top .b4u_nav > .b4u_content {
		width: 100%;
		max-width: var(--site-max-width);
		margin: 0 auto;
		display: flex;
		justify-content: flex-end;
	}
	#b4u_top .nav-tabs {
		margin-bottom: 0;
		justify-content: space-between;
		width: auto;
		min-width: max(30em,50%);
		margin: 1ch 1em 0 0;
	}
	#b4u_top .b4u_nav#cid_7 .nav-tabs li.products.dropdown {display: none;}/* hide Products page from nav*/
	#b4u_top .b4u_nav#cid_7 .nav-tabs > li > a {
		color: #000;
		font-size: .85rem;
	}
	#b4u_top .b4u_nav#cid_249 .nav-tabs {
		margin: 1ch 0 0 0;
		border-top: solid 1px #999;
		width: 100%;
		max-width: 100%;
	}
	#b4u_top > .b4u_view:nth-child(6) {width: 100%;} /* 2ndary nav */
	#b4u_top .b4u_nav#cid_249 .nav-tabs > li > a {
		font-size: 1rem;
		font-weight: bold;
		text-transform: uppercase;
	}
	#b4u_top .dropdown-menu {
		background-color: #666;
		padding: 0;
		text-align: left;
		min-width: 100%;
		width: max-content;
		box-shadow: inset 0 8px 5px rgba(0,0,0,.15);
	}
	#b4u_top .nav-tabs > li:first-child{display: none;}
	#b4u_top .nav-tabs > li {
		flex: 1 1 auto;
		text-align: center;
	}
	#b4u_top .nav .dropdown-menu  li:first-child { margin-left: 0;}
	#b4u_top .nav-tabs > li > a:hover, #b4u_top .nav-tabs > li > a:focus {
		color: var(--primary-site-color);
		background: #E5E5E5;
	}
	#b4u_top .nav-tabs > li > a, .dropdown-menu > li > a {
	  font-size: clamp(10pt, 1.25vw, 1rem);
	  color:#000;
	  line-height: 1em;
	  padding: .5em 1ch;
	  -webkit-column-break-inside:avoid;
	}
	#b4u_top .dropdown-menu > li > a {font-size: .9em;}
	.b4u_twocolumns{columns: 2;}
	.b4u_container_twocol-5050 {grid-template-columns: 1fr 1fr;}
	a.ghostbutton {padding: .5em 1em;}
	#b4u_middle{
		overflow-x: inherit;
	}
	.sidebox {flex-flow: row nowrap;}
	.sidebox.oddrow > div:nth-child(1) {order: 0;}
	.e2-imgcard {
		flex-flow: row nowrap;
		align-items: inherit;
	}
	.e2-imgcard > div:last-child, .e2-imgcard.rightimg > div:first-child {order: 0;}
	.e2-imgcard.rightimg > div:last-child {order: 1;}
	.e2-imgcard > div:first-child img, .e2-imgcard.rightimg > div:last-child img,
	.e2-imgcard > div:first-child video, .e2-imgcard.rightimg > div:last-child video {max-height: inherit;}
	.sidebox.e2-imgcard {align-items: center;}
	.b4u_container_imgbg .b4u_view, .b4u_container_imgbgfixed .b4u_view  {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column nowrap;
	}
	.b4u_container_imgbg .b4u_edit .b4u_wysiwyg, .b4u_container_imgbgfixed .b4u_edit .b4u_wysiwyg {
		max-width: 100%;
		padding: inherit;
		float: left;
		clear: both;
	}
	.b4u_container_videobg {min-height: clamp(60vh, 75vh, 750px);}
	.b4u_container_videobg.heroimg {min-height: clamp(400px, 55vh, 500px);}
	#home .b4u_container_videobg.heroimg {aspect-ratio: 5 / 3;}
	#highlight_nav {
		flex-flow: row wrap;
		justify-content: center;
		margin: 3vh auto calc(3vh - .5em);
	}
	#highlight_nav li {flex: 0 1 calc(50% - 1em);}
	#highlight_nav span{padding: .5em 1em;}
	.lumbertablecontainer {
		display: block;
		margin: 0 auto;
		max-width: 1024px;
	}
	.lumbertable {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		margin-bottom: 1em;
		border-left: solid 1px #000;
	}
	.lumbertable li {
		width: auto;
		padding: 10px;
		align-self: auto;
		display: flex;
		flex-flow: column wrap;
		text-align: center;
		align-items: center;
		justify-content: center;
		border-left: none;
		border-top: none;
	}
	.lumbertable li:first-child {
		padding: 10px;
		font-size: 1.25em;
		grid-column: 1 / 6;
		border-top: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	.lumbertable li em {
		font-size: .85em;
		color: #848484;
		white-space: nowrap;
	}
	#b4u_bottom {
		margin: 0 calc(50% - 50vw);
		width: calc(100vw - 2em);
		min-height: 15vh;
	}
	.b4u_admin_container #b4u_bottom {margin: 0 auto;}
	.b4u_container_footer-main {font-size: .8em;}
	.b4u_container_footer-main #b4u_storeinfo, .b4u_container_footer-main #storehours {text-align: left;}
	.b4u_container_footer-main table.social_options_table_style.table_float_left {margin: inherit;}
	#b4u_footertag {float: inherit;}
}
@media screen and (min-width: 73em) {
	#site_logo {width: 325px;}
	.b4u_container_top-main {
		width: calc(100% - 345px);
		grid-template-columns: auto 355px;
		min-height: 114px;
		align-items: end;
	}
	#top_quote {margin: 0;}
	#top_quote a.ghostbutton {
		font-size: 12pt;
		padding: .5em .75em;
		line-height: 1em;
		display: inline-flex;
		align-items: center;
		margin: 0;
		min-height: calc(40px - 1em);
	}
	#top_quote a.ghostbutton span {padding: 0;}
	#b4u_top .nav-tabs > li > a, .dropdown-menu > li > a {margin: 0;}
	.sidebleedbox {
		padding: 1em 5em 1em;
		width: 100vh;
		float: right;
		border-radius: .5em;
		margin-bottom: 5vh;
	}
	.sidebleedbox h2, .sidebleedbox p{
		text-align: inherit;
		margin-bottom: 0;
	}
	#highlight_nav li{flex: 1 1 calc(33.3% - 1em);}
	#b4u_footertag {
		padding: .75em 1%;
		font-size: 1.25em;
	}
}
@media screen and (min-width: 103em) {}