/* Combined and sorted CSS. :root remains at top; non-media rules sorted alphabetically. */

:root {
		--cart-color: #58B957; /* County green blue*/
		--med-light-color: #8FAED1; /* County color lite */
		--deep-dark-color: #3c5887; /* County blue */
		--snazzy-med-color: #ffffff; /* White */
		--accent-color: hotpink; /* Hot pink */
		--bright-accent:#F18839; /*rgb(200, 0, 133);*/
		--max-page-width: 92em;
		--vw1500-page-width: 72em;
}

/* ------- New updates here -------------------- */

.content-box, footer {
    position: relative;
     max-width: var(--max-page-width);
     margin: 0 auto;
     display:block;
}
	

.navBar {
    margin:auto;
    width:620px;
    padding-left:166px;
    display:block;
    vertical-align:top;
    font-size:18px;
    white-space:nowrap;
}
	
.logo {
    z-index:999999;
    background: #FFFFFF url("/rare/logos/sbCountyParksCombo.png") center no-repeat;
    height:112px;
    position:absolute;
    padding:0px;
    vertical-align:top;
    width: 420px;
    margin-bottom: 0px;
    border-radius: 0 0 20px 0;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .11);
    top:0px;
    left:0px;
    display:block;
    vertical-align:top;
}

.SBCtitles {
    color:#000000;
    width:190px;
    font-weight:700;
    text-decoration:none;
    font-size:18px;
    padding:4px 0px;
    white-space:nowrap;
}	



.nav_btn_circle {
    margin:20px;
    display:inline-block;
    position:relative;
    width:126px;
    height:126px;
    outline:10px solid #F3F3F3;
    border-radius:135px;
}

.nav_btn_circle_camping {
    display:inline-block;
    position:absolute;top:0px;left:0px;
    background: #3D5886 url("/rare/assets/images/ico_tent_camping_wt.png") no-repeat center;
    width:100%;
    height:100%;
    border-radius:135px;
    text-align:center;
    box-shadow:0px 5px 5px gray;
}

.nav_btn_circle_camping:hover {
    background-color:#183360;
}

.nav_btn_circle_day_use {
    display:inline-block;
    position:absolute;top:0px;left:0px;
    background: #66A254 url("/rare/assets/images/ico_picnic_use_wt.png")  no-repeat center;
    width:100%;
    height:100%;
    border-radius:135px;
    text-align:center;
    box-shadow:0px 5px 5px gray;
}

.nav_btn_circle_day_use:hover {
    background-color:#568848;
}

.nav_btn_circle_facility {
    display:inline-block;
    position:absolute;top:0px;left:0px;
    background: #EB8940 url("/rare/assets/images/ico_facility_wt.png")  no-repeat center;
    width:100%;
    height:100%;
    border-radius:135px;
    text-align:center;
    box-shadow:0px 5px 5px gray;
}

.nav_btn_circle_facility:hover {
    background-color:#E8A526;
}