@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');

/*


font-family: "Zalando Sans", sans-serif;
font-weight: 200 - 900;


font-family: "Lato", sans-serif;
font-weight: 100 - 900



/* CSS RESET
===================================
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END OF CSS RESET
=================================== */

@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

html { font-size:62.5%; /* font-size 1em = 10px on default browser settings */ }
body, html { height:100%; }

body {
	background-image:url(/wp-content/uploads/2025/12/bg-repeat.png);
	color:#444;
	font-family: "Lato", sans-serif;
    font-weight:400;
	font-size:1.8rem;
	line-height:1.25em;
	letter-spacing:normal;
    padding:0;
    margin:0;
	hyphens:none;
    word-break:break-word;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.25em;
	padding:0.5em 0;
	margin:0;
	hyphens:none;
    word-break:break-word;
}

h1, h2, h3 { font-family:"Zalando Sans", sans-serif; }

h1 { font-size:8rem; }
h2 { font-size:4rem; }
h3 { font-size:3rem; }
h4 { font-size:2.5rem; }
h5 { font-size:2rem; }
h6 { font-size:1.8rem; }

.home h1 { text-transform:uppercase; font-weight:600; padding:0; line-height:1.1em; }
.home h2 { font-family: "Lato", sans-serif; font-size:3rem; }

.secondary h1 { line-height:1.1em; font-weight:600; text-transform:uppercase; padding:1em 0 0; }

p { font-size:1.8rem; line-height:1.5em; padding:0.5em 0; hyphens:none; word-break:break-word; }
a { transition:300ms; font-weight:800; text-decoration:underline; color:#000; }
a:hover { color:#29354f; text-decoration:none; }

strong { font-weight:600; }
em { font-style:italic; }
small { font-size:80%; line-height:1.1em; }

ul, ol { padding:1em 0; list-style-type:disc; }
ul li { padding:0.5em 0 0.5em 2em; list-style-type:disc; list-style-position:inside; }
ol li { padding:0.5em 0 0.5em 2em; list-style-type:decimal; list-style-position:inside; }

.em { font-style:italic; }
.small { font-size:0.75em; line-height:1.1em; }
.txt-center { text-align:center; }
.red { color:red; }

.wp-block-separator { margin:2em 0; border:none; }

#site-header,
article { padding:2em; }

article header { /*padding:0; display:block;*/ }

.flex { display:flex; }

.highlight { background-color: #2A354F; padding:2em; border-radius:2em; color:#fff; font-size:2rem; }
.highlight p, .highlight a { color:#fff; }


main { background-image:url(/wp-content/uploads/2026/07/main-mountians-repeatv2.png); background-repeat:repeat-x; background-position-x:right; background-position-y:bottom; }
main .treebg { background-image:url(/wp-content/uploads/2026/08/trees-bg-update.png); background-repeat:repeat-x; background-position-y:bottom; }

.extra { background-color:rgba(41,53,79,1.0); flex-direction:row; gap:4em; flex-wrap:wrap; padding:0; }
.ftmts { background-image:url(/wp-content/uploads/2026/07/footer-mountains.png); background-repeat:no-repeat; background-position-y:bottom; background-position-x:center; width:100%; height:81px; order:1; }

.extra h2, .extra h3, .extra h4, .extra h5, .extra h6, .extra p, .extra ul li, .extra a { color:#fff; }
.extra h4 { padding:0; }

.extra a:hover { color:#ffe180; }

.extra div h2 { font-size:4rem; text-transform:uppercase; }
.extra div h2, .extra div h3 { font-family: "Zalando Sans", sans-serif;}
.extra div { flex:1 1 40%; padding:0 2em; }


/*
======================

HEADER

======================
*/
#site-header { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; }
#site-header nav { /*flex:1 1 65%;*/ order:2; }
#site-header #branding { flex:1 1 15%; order:1; }

#site-header #branding a {
	background-image:url(/wp-content/uploads/2026/07/sboc-logo.png);
	background-repeat:no-repeat;
	width:340px;
	height:0;
	padding:185px 0 0;
	overflow:hidden;
	display:block;
	font-size:1%;
}




/*
======================

NAVIGATION

======================
*/
nav#menu {}
nav#menu ul, nav#menu ul li { list-style-type:none; padding:0; margin:0; }
nav#menu ul { background-color:rgba(61,97,61,1.0); border-radius:3em; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; padding:0; }
nav#menu ul li { /*flex:1 1 25%;*/ padding:0; margin:0; position:relative; }
nav#menu ul li a { padding:1em 2em; display:block; text-decoration:none; border-radius:3em; text-align:center; text-transform:uppercase; font-size:1.4rem; color:#fff; }
nav#menu ul li a:hover { background-color:rgba(50,54,53,1.0); color:#fff; }

nav#menu ul li.current-menu-parent a,
nav#menu ul li.current-page-ancestor a,
nav#menu ul li.current-menu-item a { background-color:rgba(50,54,53,1.0); color:#fff; }


/* SUB MENU */
nav#menu .sub-menu {
	display:none;
	position:absolute;
	border-bottom-right-radius:2rem;
	border-bottom-left-radius:2rem;
	border-top-left-radius:0;
	border-top-right-radius:0;
	width:320px;
	flex-direction:column;
	z-index:200;
}
nav#menu ul li:hover .sub-menu { display:block; }
nav#menu .sub-menu li { flex:1 1 100%; padding:0; }
nav#menu ul ul li a { border-radius:0; text-align:left; font-size:1.4rem; padding:0.8em; color:#fff; }


nav#menu ul li.current-menu-parent .sub-menu li a,
nav#menu ul li.current-menu-item .sub-menu li a { background-color:transparent; }
nav#menu ul li.current-menu-item .sub-menu li a:hover { background-color:rgba(50, 54, 53, 1.0); }

nav#menu ul li.current-menu-parent .sub-menu li a:hover,
nav#menu ul li.current-menu-parent .sub-menu li.current-menu-item a { background-color:rgba(50,54,53,1.0); color:#fff; }

nav#menu ul li .sub-menu li:last-of-type a:hover,
nav#menu ul li.current-menu-parent .sub-menu li:last-of-type a:hover,
nav#menu ul li.current-menu-parent .sub-menu li:last-of-type a { border-bottom-right-radius:2rem; border-bottom-left-radius:2rem; }

/* MOBILE NAVIGATION */
.hamburger-container { order:3; background-color:rgba(49,79,49,1.0); display:none; margin:1em 0 0; }

.hamburger-container .navigation_checkbox { display:none; }

.hamburger-container label { cursor:pointer; display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; gap:1em; padding:1em; }
.hamburger-container label .menu-txt { font-size:1.6rem; font-family:"Lato", sans-serif; font-weight:600; color:#fff; display:block; text-transform:uppercase; }

.hamburger-container label .navigation_icon { position:relative; margin:0; }

.hamburger-container label .navigation_icon,
.hamburger-container label .navigation_icon::before,
.hamburger-container label .navigation_icon::after {
    display:block;
    width:3rem;
    height:3px;
    background-color:#fff;
}

.hamburger-container label .navigation_icon::before,
.hamburger-container label .navigation_icon::after {
    content:'';
    position:absolute;
    left:0;
    transition:all 200ms;
}

.hamburger-container label .navigation_icon::before { top:-1rem; }
.hamburger-container label .navigation_icon::after { top:1rem; }

.navigation_checkbox:checked+.navigation_button .navigation_icon { background-color: transparent; }
.navigation_checkbox:checked+.navigation_button .navigation_icon::before { top:0; transform:rotate(135deg); }
.navigation_checkbox:checked+.navigation_button .navigation_icon::after { top:0; transform:rotate(-135deg); }


.menu-mobile-menu-container {
	background-color:rgba(49,79,49,1.0);
	box-shadow:1px 2px 2px rgba(0,0,0,0.4);
	flex-basis:100%;
	margin:0;
	display:none;
	order:4;
}
.menu-mobile-menu-container.active { display:block; }

.menu-mobile-menu-container ul, .menu-mobile-menu-container ul li { list-style-type:none; padding:0; margin:0; }
.menu-mobile-menu-container ul { display:flex; flex-direction:column; }
.menu-mobile-menu-container ul li { width:100%; position:relative; }
.menu-mobile-menu-container ul li a { text-decoration:none; padding:1em; display:block; border-bottom:1px dotted #fff; color:#fff; }

.menu-mobile-menu-container li.menu-item-has-children { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.menu-mobile-menu-container li.menu-item-has-children a { flex-basis:80%; order:1;  }
.menu-mobile-menu-container li.menu-item-has-children button { flex-basis:20%;  order:2; border-bottom:1px dotted #fff; }

.menu-mobile-menu-container ul li.current-menu-item a,
.menu-mobile-menu-container ul li.current-page-ancestor a,
.menu-mobile-menu-container ul li.current-page-ancestor button,
.menu-mobile-menu-container ul li.current-menu-item button { background-color:rgba(32,64,32,1.0); }



button.mobile-nav-expand { border:none; background-color:transparent; font-size:2rem; cursor:pointer; color:#fff; }
.menu-mobile-menu-container ul .sub-menu { display:none; width:100%; order:3; background:rgba(32,64,32,1.0); }
.menu-mobile-menu-container ul .sub-menu li { display:block; }
.menu-mobile-menu-container ul .sub-menu li a { font-size:1.4rem; color:#fff; }

.menu-mobile-menu-container ul .sub-menu li.current-menu-item a { color:#d9d9d9; filter:hue-rotate(15deg); }

/* SIDE NAVIGATION */
.second-column .side-nav { margin:0 0 4em; }
.second-column .side-nav ul { list-style-type:none; padding:0; margin:0; display:flex; flex-direction:column; }
.second-column .side-nav ul li { list-style-type:none; padding:0; margin:0; }
.second-column .side-nav ul li a { text-decoration:none; display:block; padding:0.5em 0; color:#555; }
.second-column .side-nav ul li a:hover,
.second-column .side-nav ul li.current_page_item a { color:#2d1115; }

.second-column .side-nav ul li a::before {
	content: '';
	border:solid #555;
	border-width:0 3px 3px 0;
	display:inline-block;
	padding:3px;
	margin:0 1em 0 0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg); 
}


/* COMMON NAVIGATION */
.menu-common-navigation-container {
	background-color:rgba(45,45,45,1.0);
	padding:0.5em;
	display:flex;
	justify-content:space-between;
	width:100%;
	align-items:center;

}

.menu-common-navigation-container .right-group { display:flex; flex-wrap: wrap; }

.menu-common-navigation-container a { font-size:1.4rem; text-decoration:none; color:#9d9d9d; padding:0 1em 0 0; }
.menu-common-navigation-container a:hover { color:#fff; }

.menu-common-navigation-container a.active  { color:#fff; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content: center; }
.menu-common-navigation-container a.active::before {
	content: '';
	border-top:5px solid transparent;
	border-left:10px solid #fff;
	border-bottom:5px solid transparent;
	border-radius:2px;
	display:block;
	padding:0 0.5em 0 0;
	width:0;
	height:0;
}


/*
======================

CONTENT

======================
*/
.secondary { padding:2em 2em 14em; min-height:720px; }

.two-col { flex-direction:row; column-gap:4em; flex-wrap:wrap; }
.two-col .main { flex-basis:65%; order:2; }
.two-col .second-column { flex-basis:30%; order:3; padding:0 2em; }



.second-column h3, .second-column h4, .second-column h5, .second-column h6 { /*color:#344e41;*/ margin:0 0 0.5em; }
.second-column .btn { margin:0 0 2em; }

h4.first { font-weight:400; color:#555; margin:0 0 2em; }

/* LAZY LOAD YOUTUBE VIDEO FALLBACK STYLES */
.lite-youtube-fallback {
	aspect-ratio:16 / 9; /* matches YouTube player */
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:1em;
	padding:1em;
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

/* right-facing triangle "Play" icon */
.lite-youtube-fallback::before {
	display:block;
	content: '';
	border:solid transparent;
	border-width:2em 0 2em 3em;
	border-left-color:red;
}

.lite-youtube-fallback:hover::before { border-left-color:#fff; }
.lite-youtube-fallback:focus { outline:2px solid red; }




/* FAQ STYLING */
.faqs {
    margin:0 0 2em;
    background-color:rgba(255, 255, 255, 0.8);
    padding:2em;
    border-radius:1em;
    box-shadow:1px 2px 4px #999;
}

.faqs h3 { background-color:rgba(84,89,97,1.0); color:#fff; padding:1em; }
.faqs .content { padding:1em; }
.faqs .content p {  }


/* FLEX */
.hp { flex-direction:row; gap:2em; flex-wrap:nowrap; }
.hp .main { flex:1 1 55%; padding:0 0 14em; }
.hp .secondary { flex:1 1 25%; }

.ticket-hub { flex-direction:row; flex-wrap:nowrap; gap:6em; }
.ticket-hub div { flex:1 1 30%; }

.buttons { flex-direction:row; flex-wrap:wrap; gap:2em; }
.buttons div { flex:1 1 25%; }

.contact { flex-direction:row; flex-wrap:nowrap; gap:6em; }
.contact div { flex:1 1 45%; }

.videos { flex-direction:row; flex-wrap:nowrap; gap:2em;}
.videos div { flex:1 1 45%; }

.bod { flex-direction:row; gap:4em; flex-wrap:wrap; margin:2em 0 0; }
.bod div { flex:1 1 35%; }
.bod div h3 { padding:0; }

.minutes { /*flex-direction:row; gap:2em; flex-wrap:wrap;*/ margin:1em 0 0; }
.minutes div { /*flex:1 1 40%;*/ display:flex; flex-direction:row; flex-wrap:wrap; gap:2em; padding:2em;  }

.minutes div h2, .minutes div h3, .minutes div h4 { flex-basis:100%; }
.minutes div p { flex:1 1 25%; padding:0; }
.minutes div p a { padding:1em; border-radius:2em; outline:2px solid #375837; text-decoration:none; color:#375837; display:block; text-align:center; }
.minutes div p a:hover { background-color:rgba(55,88,55,1.0); color:#fff; }



/* 404 STYLING */
.not-found.secondary { min-height:740px; }
.search-form {}

.search-form input.search-field { padding:1em; border-radius:3em; width:50%; font-size:2rem; }
.search-form input.search-submit {
	font-size:2rem;
	text-decoration:none;
	text-align:center;
	padding:1em;
	border:none;
	border-radius:3em;
	box-shadow:1px 2px 2px rgba(0,0,0,0.4);
	background:#314f31;
	color:#fff;
	cursor:pointer;
	width:20%;
	transition:300ms;
}
.search-form input.search-submit:hover { background:#000; }


/*
======================

FOOTER

======================
*/

.footer-extra { background-color:rgba(164,165,174,1.0); flex-direction:row; flex-wrap:nowrap; gap:2em; padding:2em; position:relative; }
.footer-extra div { flex:1 1 30%; }

.footer-extra h2, .footer-extra h3, .footer-extra h4, .footer-extra h5, .footer-extra h6, .footer-extra p, .footer-extra ul li { color:#111; }
.footer-extra h3, .footer-extra h4 { font-size:2rem; }
.footer-extra p { font-size:1.6rem; }
.footer-extra a { color:#111; }
.footer-extra a:hover { color:#666; }


footer { text-align: center; font-size:1.4rem; color:#999; }

footer #copyright { padding:1em; }


/*
======================

BUTTON STYLES

======================
*/
.btn a {
	display:block;
	font-size:2rem;
	text-decoration:none;
	text-align:center;
	padding:1em;
	border-radius:3em;
	box-shadow:1px 2px 2px rgba(0,0,0,0.4);
	transition:400ms;
}

.green a { background: #4A764A; background: linear-gradient(180deg,rgba(74, 118, 74, 1) 0%, rgba(49, 79, 49, 1) 100%);; color:#fff; }
.green a:hover { background: #707070; background: linear-gradient(180deg,rgba(112, 112, 112, 1) 0%, rgba(0, 0, 0, 1) 100%); }

.ghost a { box-shadow:none; outline-width:3px; outline-style:solid; }
.ghost a:hover { background-color:rgba(17,17,17,1.0); color:#fff; }

.ghost-gold a { outline-color:#e5c261; color:#e5c261; }
.ghost-gold a:hover { background-color:rgba(229,194,97,1.0); color:#333; }

.ghost-green a { outline-color: #375837; color:#375837; }
.ghost-green a:hover { background-color:rgba(55,88,55,1.0); color:#fff; }


.md { width:65%; }
.sm { width:45%; }

/* TO THE TOP BUTTON */
#topbtn {
    display:none;
    position:fixed;
    bottom:2em;
    right:3em;
    z-index:999;
    background-color:rgba(229,194,97,1.0);
    color:#333;
    padding:1em;
    border:none;
    border-radius:1em;
    cursor:pointer;
	transition:300ms;
}
#topbtn svg { transform:translate(0, -20%) rotate(180deg); vertical-align:middle; width:1.6rem; }
#topbtn svg path { stroke:none; stroke-width:0 !important; fill:#111; }