/*------------------------------------*\
    SITE CORE
\*------------------------------------*/
html {/*overflow-x: hidden!important;overflow-y:scroll;*/}
html,body {
	background: url(/media/layout/body-bg.jpg) top center no-repeat;
	background-size: cover;
	font-family: 'MerriweatherSans Light', Arial, Helvetica;
	font-size: 14px;
	color: #202020;
	line-height: 24px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
body:not(.home) {}

.wrapper {
	width: 100%;
	margin: 0;
	position: relative;
}
header {
	position: relative;
	background: #f2f2f2	url(/media/layout/sanjuan-header-bg12.jpg) top center no-repeat;
	/*background: linear-gradient(to bottom, rgba(0, 0, 0,.44) 0px, rgba(150, 150, 150,.24) 50%, rgba(242,242,242,1) 100%),
	url(/media/layout/sanjuan-header-bg.jpg) top center no-repeat;*/
	background-size: cover;
	width: 100%;
	height: 23vw;
	border-bottom: 1px solid #637E16;
}
/*TEMPORARY - REMOVE AFTER STUDIO SALE IS DONE*/
.studio-sale #hdislide {display: none!important;}
.studio-sale #ctslide {top: 186px!important;}
.studiogal h2 {
	font-family: 'MerriweatherSans';
	font-size: 28px;
	background: rgba(166, 129, 54, .7);
	margin: 40px 0 12px 0;
	padding: 14px 0 14px 20px;
	border: 2px solid #000000;
	border-radius: 6px;
}

.ug-lightbox .ug-textpanel-title {
  font-size: 24px!important;
}
.studiosale-overview-inner {
	margin: 24px 40px;
	padding: 12px 24px;
	font-size: 16px;
	background: -webkit-linear-gradient(top, #eeeeee 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#f8f8f8 100%);
	border: 1px solid #ccc;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 0px 10px 2px rgba(204,204,204,.8);
	box-shadow: inset 0px 0px 10px 2px rgba(204,204,204,.8);
}
.set-title {font-family: 'MerriweatherSans'; font-size: 20px; margin: 12px 0 20px; border-top: 4px dotted #A28031; color: #f8f8f8;}
.sale-group {
	background: linear-gradient(to bottom, rgba(0, 0, 0,.6) 0px, rgba(150, 150, 150,.24) 50%, rgba(242,242,242,.9) 100%);
	margin-top: 4px;
	padding: 0 20px 2px;
	border-radius: 6px;
}
.set-desc {
	background: rgba(255,255,255,.7);
	margin: 20px 0 40px;
	padding: 6px 24px;
	border: 1px solid #A28031;
	border-radius: 12px;
}
.set-desc,
.set-desc a {font-size: 15px;}
.set-desc ul li {line-height: 28px;}
.desc-left {flex-basis: 70%;}
.desc-right {flex-basis: 30%;}
.set-desc .price {
	font-family: 'MerriweatherSans';
	background: linear-gradient(to bottom, rgba(0, 0, 0,0), rgba(0,0,0,.25));
	margin: 12px 0;
	padding: 4px 0 6px 24px;
	line-height: 20px;
	border-bottom: 1px solid #202020;
	border-left: 2px ridge #A28031;
	border-radius: 5px;
	color: #0C48C0;
}
.studiogal sup {
	position: relative;
	top: 4px;
	left: 2px;
}
i.rsv {
	font-weight: bold;
	color: #F07800;
}
i.sld {
	font-weight: bold;
	color: #F00;
}


.container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0;}
#content {
	min-height: 300px;
	-webkit-box-shadow: inset 0px 12px 10px 2px rgba(242,242,242,1);
	box-shadow: inset 0px 12px 10px 2px rgba(242,242,242,1);
}
article {clear:both;}

.sctn1 {
	background: url(/media/layout/section-pt1.jpg) top left no-repeat;
	background-size: cover;
}
.sctn2 {
	background: url(/media/layout/section-pt2.jpg) top left no-repeat;
	background-size: cover;
}
.sctn3 {
	background: url(/media/layout/section-pt3.jpg) top left no-repeat;
	background-size: cover;
}
.sctn4 {
	background: url(/media/layout/section-pt4.jpg) top left no-repeat;
	background-size: cover;
}

/*Inner Paddings*/
.inner-full,
main .inner-left,
main .inner-right {
	background: rgba(255,255,255,.7);
	-webkit-box-shadow: 1px 4px 6px 0px rgba(51,51,51,0.6);
	box-shadow: 1px 4px 6px 0px rgba(51,51,51,0.6);
	border-radius: 6px;
}
.inner-full {margin: 24px; padding: 24px;}
.inner-left {margin: 24px 12px 24px 24px; padding: 0 12px 0 0;}
.inner-right {margin: 24px 24px 24px 12px; padding: 0 24px 24px;}

/*Homepage Layout*/
.container .hp-inner {text-align: center;}

/*------------------------------------*\
    UTILITIES
\*------------------------------------*/
.nofloat {display: block!important; float:none!important;}
.floatR {float:right;}
.span, .floatL {float:left;}
.ilBlock {display: inline-block;}
.center {text-align: center;}

.clearfix:before,
.clearfix:after {content:' '; display:table; clear:both;}

.hidden {visibility: hidden;}

.high-alert {font-weight: bold; font-size: 13px; color: #F00;}
.med-alert {font-weight: bold; font-size: 13px; color: #664228;}
.low-alert {color: #344F9A; font-size: 14px;}

/*Accordions*/
nav.accordion {
	display: block;
	margin-top: 24px;
}
.accHeader {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.accHeader .arrow-glyph {
	float: left;
	padding-right: 12px;
	color: #637E16;
}
	
.active, .accHeader:hover {background-color: #ccc;}
.accPanel {
  padding: 0 18px;
  background-color: white;
	max-width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* grid */
.one {width:6.25%;}
.two {width:12.5%;}
.three {width:18.75%;}
.four {width:25%}
.five {width:31.25%;}
.six {width:37.5%;}
.seven {width:43.75%;}
.eight {width:50%;}
.nine {width:56.25%;}
.ten {width:62.5%;}
.eleven {width:68.75%;}
.twelve {width:75%;}
.thirteen {width:81.25%;}
.fourteen {width:87.5%;}
.fifteen {width:93.75%;}
.sixteen {width:100%;}

.one-third {width: 33.3333%;}
.two-thirds {width: 66.6666%;}
.one-fifth {width: 20%;}


/*------------------------------------*\
    FORMATTING ELEMENTS
\*------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 20px 0 8px;
}
h1,h2,h3,h4 {font-family: 'Solveig';}
h1 {font-size:44px; line-height: 40px;}
h2 {font-size:38px; line-height: 32px;}
h3 {font-size:30px; line-height: 24px;}
h4 {font-size:24px;}
h5 {font-size:16px;}
h6 {font-size:15px;}

a, a span, input, textarea, button, li, img {transition: all 0.3s ease 0s;}
a {text-decoration: none; color: #637E16;}
a:hover {color: #974C5C;}

img {max-width:100%;}
.content-img {}

hr.general-divider {
	max-width: 250px;
	margin: 30px auto;
}

.general-list ul {padding-left: 18px;}

/* custom margins and padding */
.mrg40 {margin: 0 40px;}
.mrg50 {margin: 0 50px;}
.mrg60 {margin: 0 60px;}

.pad40 {padding: 0 40px;}
.pad50 {padding: 0 50px;}
.pad60 {padding: 0 60px;}

/*------------------------------------*\
    GLYPH'S
\*------------------------------------*/
.phone-glyph, .email-glyph, .addr-glyph, .nav-glyph {
	position: relative;
	padding: 8px;
}
.phone-glyph-sb, .email-glyph-sb, .addr-glyph-sb {
	position: relative;
	padding: 8px;
}

.phone-glyph {
	background: url(../media/layout/glyph-phone-yellow.png) center left no-repeat;
	background-size: contain;
}
.email-glyph {
	background: url(../media/layout/glyph-email-yellow.png) center left no-repeat;
	background-size: contain;
}
.addr-glyph {
	background: url(../media/layout/glyph-addr-yellow.png) top left no-repeat;
	background-size: contain;
	margin-top: 6px;
	float: left;
}
.phone-glyph-sb {
	background: url(../media/layout/glyph-phone-sb.png) center left no-repeat;
	background-size: contain;
}
.email-glyph-sb {
	background: url(../media/layout/glyph-email-sb.png) center left no-repeat;
	background-size: contain;
}
.addr-glyph-sb {
	background: url(../media/layout/glyph-addr-sb.png) top left no-repeat;
	background-size: contain;
	margin-top: 6px;
	float: left;
}
.nav-glyph {
	background: url(../media/layout/glyph-nav.png) center left no-repeat;
	background-size: contain;
}

/*------------------------------------*\
    HEADER, FOOTER & SIDEBAR
\*------------------------------------*/
/*Header*/
#main-logo {margin: 0;}
#main-logo img {
	padding: 0;
	width: 100%;
	max-width: 280px;
}
.hdr-right-tagline {
	font-family: 'Smythe';
	font-size: 32px;
	font-weight: bold;
	letter-spacing: .04em;
	text-align: right;
}

/*Footer*/
footer {background: rgba(0,0,0,.72); border-top: 1px solid #637E16; color: #f2f2f2;}
.footer-section-title {color: #f8f8f8; font-size: 24px; letter-spacing: .12em;}
footer a {color: #CBD4B1;}
footer a:hover {color: #E3B11F;}
#footer-main {margin-bottom: -4px; padding: 24px 0; text-align: center;}

footer .ftl-inner {
	width: 180px;
	margin: 0 auto;
	padding: 0 12px;
	text-align: left;
}
footer .ftm-inner {
	width: 276px;
	margin: 0 auto;
	padding: 0 12px;
	text-align: left;
}
footer .ftr-inner {
}
footer .contact-info ul {padding-left: 0;}
footer .contact-info li {white-space: nowrap;}
.footer-nav ul {padding-left: 0;}
.footer-nav ul li {list-style-type: none; line-height: 28px;}
.footer-nav ul li a {}
footer .contact-info {
	text-align: left;
	font-size: 15px;
}
footer .contact-info:after {
	content: '';
	height: 0px;
	display: table;
	clear: both;
}
footer h1 {padding: 0;}
footer .contact-info ul {list-style: none;}

.footer-contact-title {line-height: 32px; font-weight: bold; letter-spacing: 0.040em;}
.footer-phone a, 
.footer-email a {padding-left: 8px; line-height: 32px; font-size: 14px;}
footer .contact-addr {
	position: relative;
	top: -8px;
	padding:8px 0 0 8px;
	float: left;
	white-space: nowrap;
	font-size: 14px;
}
.map-icon {position: relative;}
.map-icon iframe {
	border: 1px solid #000;
	width: 82%!important;
	overflow: hidden;
}
.i4ewOd-pzNkMb-haAclf.QUIbkc {background-color: rgba(0,0,0,.7)!important;}


#footer-bottom {
	background: #202020;
	padding: 7px 0 8px;
	color: #f2f2f2;
	font-size: 13px;
}
#footer-bottom .copy {text-align: center;}
#footer-bottom,
#footer-bottom a {
	font-size: 12px;
}

/*SIDEBAR*/
aside {margin-bottom: 40px;}
.sb-section-title {
	text-align: center;
	font-weight: normal;
	background: linear-gradient(to bottom, rgba(153, 153, 153, 1) 0px, rgba(242, 242, 242, 1) 100%);
	padding: 8px 0;
	margin-bottom: 8px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.sb-block .container {
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0px, rgba(242,242,242,1) 50%, rgba(98,126,22,.4) 100%);
	margin-top: 24px;
	padding: 4px 4px 24px 4px;
	border: 2px solid #f8f8f8;
	border-radius: 6px;
}
.sb-block ul {margin: 0; padding: 0;}
.sb-block li {list-style: none; cursor: pointer;}
.sb-block a {color: #202020;}
.sb-block a:hover {color: #f8f8f8;}
.sb-block li div {margin-top: -3px; min-height: 32px;}
.svc-sbnav li,
.blog-sbnav li {
	display: inline-block;
	float: left;
	text-align: center;
}
.svc-sbnav li {
	width: 33.333%;
	margin-bottom: 14px;
}
.svc-sbnav li a {
	font-size: 11px;
}

.svc-sbnav li a img {
	width: 80px;
	background: #dedede;
	border-radius: 50%;
	padding: 1px;
}
.rsc-sbnav li {
	padding: 8px 14px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 8px;
}
.rsc-sbnav li a {
	padding: 8px 20px 8px 8px;
	font-size: 13px;
}


div.bmain-btn {
	text-align: center;
	margin-bottom: 14px;
	background: #f8f8f8;
	padding: 6px 20px;
	border: 1px solid #ddd;
	border-radius: 6px;
	cursor: pointer;
}
div.bmain-btn a {
	padding: 6px 20px;
	font-size: 13px;
}
.rsc-sbnav li:hover,
div.bmain-btn:hover {background: #E3B11F;}
.svc-sbnav li a img:hover {
	background: rgba(228,179,33,.8);
}
.sb-block .contact-info li {margin-bottom: 18px;}

.sb-phone a, 
.sb-email a {padding-left: 6px; font-size: 14px;}
.sb-addr {
	padding: 8px 0 0 0;
	float: left;
	white-space: nowrap;
	font-size: 14px;
}
.sb-addr .contact-addr {
	position: relative;
	top: -8px;
	padding-left: 26px;
}
.sb-addr .contact-addr span {white-space: normal;}



/*------------------------------------*\
    SITEWIDE: CONTENT AREA
\*------------------------------------*/
.page-title.line {margin: 0 0 12px 0;}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
#header-nav {
	position: relative;
	/*top: 64px;*/
	width: 100%;
	padding: 10px 0;
	text-align: right;
	z-index: 300;
}

#header-menu {margin: 0; padding: 0;}
#header-menu li {list-style: none;}
#header-menu > li {display: inline-block;}
#header-menu > li > a {
	font-family: 'MerriweatherSans';
	font-size: 11px;
	color: #fff;
	padding: 6px 12px;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	background: rgba(31, 64, 119, .6);
}
#header-menu > li:hover > a,
#header-menu > li.current > a,
#header-menu > li.hasChild > a {
	background: #202020;
	color: #BCA634;
}


/*SUBMENUS*/
.dropdown {position: absolute; display: none;}
#header-menu > li:hover .dropdown {display: block;}
.submenu {
	background: #f8f8f8;
	margin: 6px 0 0 -2px;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 6px;
	text-align: left;
}
.submenu > li {
	min-width: 160px;
	background: #f4f4f4;
	border-bottom: #aaa;
	margin-bottom: 4px;
}
.submenu > li > a {
	display: block;
	padding: 3px 8px;
	font-size: 13px;
	color: #202020;
	line-height: 20px;
	border-radius: 3px;
}
.submenu > li.current > a {font-weight: bold;}
.submenu > li:hover {background: #A3B47D;	color: #f8f8f8;}


/*------------------------------------*\
    FORM ELEMENTS
\*------------------------------------*/
#url_addr {display: none;} /*Honeypot Security*/

input, textarea, button {
	background: #fff;
	border: 1px solid #9B744E;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input[type=text],input[type=email],input[type=password],textarea {
	padding: 8px;
	width: 92%;
}
input:focus,
textarea:focus,
button:hover,
input[type=submit]:hover {
	background: #F2E3C2;
	border: 1px solid #C00;
}
button, input[type=submit] {
	padding: 8px 20px;
	margin-right: 4%;
	cursor: pointer;
	float: right;
}

.alert-contact {color: #000;}
.error-contact {color: #C00;}
.success-contact {color: #090;}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}


/*------------------------------------*\
    PAGE-SPECIFIC FORMATTING
\*------------------------------------*/
/*MULTIPLE PAGES*/
.services #content,
.about #content,
.press #content,
.contact #content,
.frame-the-badge #content {padding: 20px 0 40px;}

/*HOME PAGE*/
/*
.hp-address {
	position: absolute;
	top: 0;
	left: -10px;
	font-family: 'PTSans Narrow';
	font-size: 18px;
	color: #b3b5a6;
	text-align: right;
}
*/
.home .margin-top-50 {margin-top: 0!important;}
.home .margin-bottom-100 {margin-bottom: 0!important;}
#hp-description .container {max-width: inherit; margin: 0;}
.sjc-overview {padding: 12px 40px;}
.sjc-overview-inner {
	margin: 24px 40px;
	padding: 12px 24px;
	font-family: 'Solveig';
	font-size: 22px;
	line-height: 24px;
	background: -webkit-linear-gradient(top, #eeeeee 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom, #eeeeee 0%,#f8f8f8 100%);
	border: 1px solid #ccc;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 0px 10px 2px rgba(204,204,204,.8);
	box-shadow: inset 0px 0px 10px 2px rgba(204,204,204,.8);
}

/* BG IMAGE WITH OVERLAY REFERENCE
background: linear-gradient(
	rgba(0, 0, 0, 0.45), 
	rgba(0, 0, 0, 0.45)
),
url(/wp-content/uploads/hp-def-bg.jpg.jpg)
bottom center no-repeat;
*/

#hp-callouts {background: #202020; color: #f8f8f8; padding: 18px 0;}
#hp-callouts .container {margin: 0 auto;}
#hp-callouts ul {margin: 0; padding: 0; list-style: none;}
#hp-callouts li {
	display: inline-block;
	width: 26%;
	vertical-align: middle;
}
#hp-callouts li div {margin-left: 66px; margin-right: 20px; text-align: left;}

#hp-callouts .dirglyph {
	background: url(/media/layout/sj-directory-icon.png) no-repeat 0 50%;
	background-size: contain;
	padding: 8px;
}
#hp-callouts .townglyph {
	background: url(/media/layout/sj-town-icon.png) no-repeat 0 50%;
	background-size: contain;
	padding: 10px;
}
#hp-callouts .cartglyph {
	background: url(/media/layout/sj-cart-icon2.png) no-repeat 0 50%;
	background-size: contain;
	padding: 8px;
}

.hpdirectory-tab,
.hpsearch-tab,
.hpmarket-tab {display: none;}

/*Featured Businesses Page*/
.biz-item {
	max-width: 312px;
	margin: 6px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
}
.biz-featured-wrapper .span:nth-child(5n+1){clear: both;}
.biz-item-inner {
	background: rgba(248,248,248,1);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(221,221,221,1) 100%);
	background: radial-gradient(ellipse at center, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 50%, rgba(221,221,221,1) 100%);
	margin: 3px;
	padding: 8px;
	border: 1px solid #f2f2f2;
	border-radius: 6px;
}
.biz-item-pic img {border-radius: 6px 6px 0 0; width: 100%; max-width: 250px;}
.featured-item-rating img {width: 13px;}
.rat-loc {margin-bottom: 36px;}
.rat-loc > div {width: 50%; float: left;}
.biz-city {font-size: 13px;}
.biz-city a {font-size: 16px; font-weight: bold; color: #637E16;}
.biz-item-inner h4 {
	max-width: 250px;
	margin: -3px auto 18px auto;
	padding: 7px 0;
	background: #F1D6BE;
	font-size: 20px;
	color: #202020;
	border-radius: 0 0 6px 6px;
}
.biz-store {margin-bottom: 20px;}
.biz-store a {
    padding: 6px 16px;
    border: 1px solid #977614;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #202020;
    background: linear-gradient(to bottom, rgba(227,177,31,1) 0%, rgba(153,120,20,1) 100%);
}
.biz-item-description {
	font-size: 12px;
	text-align: left;
}
.desc-rm {
	float: right;
	margin-top: 12px;
}
.desc-rm a {
	font-size: 13px!important;
	color: #974C5C;
	font-weight: bold;
}

.urev-item {
	background: #f8f8f8;
	margin-top: 12px;
	padding: 8px 8px 12px 8px;
}
.urev-item img {
	width: 60px;
	max-width: 60px;
	border-radius: 50%;
}
.urev-pic {width: 30%; margin-right: 12px; float: left; text-align: left;}
.urev-card {text-align: left; font-size: 13px;}
.urev-name h3 {padding: 0 0 6px; font-size: 20px;}


/*About Us Page*/


/*Resources Page*/
.rsc-col-title {
	margin: 12px 0 29px;
	font-size: 20px;
}
.rsc-col-title {color: #202020;}

.rsc-block {
	position: relative;
	display: inline-block;
	background: rgba(97,125,21,.25);
	margin: 14px 14px 32px 14px;
	border: 1px dotted #fff;
	border-radius: 8px;
	-webkit-box-shadow: 4px 10px 10px 0px rgba(0,0,0,.4);
	box-shadow: 4px 10px 10px 0px rgba(0,0,0,.4);
	text-align: center;
	cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.rsc-block:hover {
	background: rgba(246, 229, 181,.4);
}
.rsc-block:hover .rscb-title {color: #637E16;}
.rsc-block:hover .rscb-desc {}
.rsc-block.doBlur {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.rscb-icon {
	position: relative;
	top: -30px;
	background: rgba(255,255,255,.7);
	width: 46px;
	margin: 0 auto;
	padding: 4px;
	border: 4px double #FFD23F;
	border-radius: 50%;
}

.rscb-icon img {width: 40px;}

.rscb-content {
	margin-top: -40px;
	padding: 0 12px;
}
.rscb-title {
	font-size: 16px;
	margin-top: 18px;
	color: #00158C;
	line-height: 20px;
}
.rscb-desc {
	padding: 12px 0 0 0;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
}
.rscb-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
}
.rscb-button a {
	background: -webkit-linear-gradient(top, rgba(136,163,188,1) 0%, rgba(99,126,22,1) 100%);
	background: linear-gradient(to bottom, rgba(136,163,188,1) 0%, rgba(99,126,22,1) 100%);
	padding: 7px 26px;
	border: 1px solid #9E9033;
	border-radius: 8px;
	color: #f8f8f8;
}
.rscb-button a:hover,
.rscb-button a:active {
	background: -webkit-linear-gradient(top, rgba(227,178,32,1) 0%, rgba(102,66,40,1) 100%);
	background: linear-gradient(to bottom, rgba(227,178,32,1) 0%, rgba(102,66,40,1) 100%);
}
.hl-list li {margin-bottom: 10px; line-height: 18px;}
.hl-list a span {
	color: #977614;
	font-weight: bold;
}
.hl-list a:hover span,
.hl-list a:active span {color: #202020;}

/*Feedback comments page*/
.fbr-item {
	background: rgba(239,227,193,.4);
	margin: 15px 0;
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	
}
.fbr-item div {margin-bottom: 12px;}
.fbr-item span {padding-right: 10px;}

#formPin {margin-bottom: 14px;}
.fbform input, .fbform textarea {color: #6380A3; font-size: 13px;}
.fbform textarea {
	font-family: 'MerriweatherSans Light', Arial, Helvetica;
	height: 80px;
}
.fbform .label {margin-top: 12px; font-size: 13px; color: #000000;}
.fbform legend {font-weight: bold;}
.fbform .fieldnote {font-style: oblique; font-size: 13px; color: #202020;}
.fbform fieldset {border-radius: 4px;}

#tglEdit {display: none;}
.add-success,
.edit-success,
.add-error,
.edit-error {
	display: none;
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 12px;
}
.edit-success,
.add-success {
	color: #42540E;
	background: #D0E0A4;
}
.edit-error,
.add-error {
	color: #974C5C;
	background: #F4A797;
}
.closeModal {
	display: inline-block;
	padding-top: 8px;
}

/*Hack. this needs to be on the page to make the modals work*/
.modal-plh {display: none!important;}

.hpf-block .ult-modal-input-wrapper {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 4px;
	margin: 0;
}
.hpf-block.cat-dir .ult-modal-input-wrapper span {
	color: #C31F2D!important;
}
.hpf-block.cat-obb .ult-modal-input-wrapper span {
	color: #ff6d1e!important;
}
.hpf-block.cat-odm .ult-modal-input-wrapper span {
	color: #AB8D2B!important;
}
.hpf-block .ult-modal-input-wrapper span:hover {
	color: #202020!important;
}

.hpf-block .hpf-wrapper:hover a {
	color: #000;
}

.hpf-inner {
}

/*Prevent Google Maps scrolling without click*/
.overlay {
	background: transparent; 
	position: absolute;
	top: 0;
	width: 100%;
	height: 280px;
}



/*------------------------------------*\
    TOWN LINKS
\*------------------------------------*/
.town-jump,
.town-jump2 {
	white-space: nowrap;
	background: rgba(255,255,255,.3);
	text-align: center;
}
.town-jump ul li,
.town-jump2 ul li {
	display: inline-block;
	list-style-type: none;
}
.town-jump ul,
.town-jump2 ul {margin: 0; padding: 0;}
.town-jump ul li img,
.town-jump2 ul li img {height: 100%;}
.town-jump ul li a:hover img,
.town-jump2 ul li a:hover img {
	filter: sepia(100%) contrast(120%);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:769px) and (max-width: 1328px) {
	.dropdown.rsc {right: 0;}
	.hdr-inner {margin: 0 15px;}
}
@media only screen and (max-width:1280px) {
	.contact-box {display: block;}
	.hp-address {display: none;}
	.contact iframe {width: 100%!important;}
}

@media only screen and (min-width:980px) and (max-width:1024px) {

}

@media only screen and (min-width:980px) {
	.town-jump2 {display: none;}
	.town-jump {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.town-jump,
	.town-jump ul li {height: 8vw; max-height: 100px;}
}
@media only screen and (max-width:979px) {
	.town-jump {display: none;}
	.town-jump2 {display: block;}
}
@media only screen and (min-width:769px) and (max-width:979px) {
	.resources .one-third {width: 50%;}

	header .six {width: 25%;}
	header .ten {width: 75%;}
	#main-logo {margin: 0 0 4px;}
	#main-logo img {min-width: 220px; max-width: 242px;}

	#header-menu > li > a {
		font-size: 14px;
		padding: 5px 10px;
	}
	.hdr-right-tagline {font-size: 28px;}
	.town-jump2,
	.town-jump2 ul li {height: 9vw;}
	
	#hp-callouts li div {
    font-size: 13px;
		margin-left: 64px;
		margin-right: 8px;
	}
	#hp-callouts .dirglyph {padding: 0;}
	#hp-callouts .townglyph {padding: 0;}
	#hp-callouts .cartglyph {padding: 0;}
	
	.inner-right {margin: 24px 24px 0 12px;}
	.inner-left {margin: 24px 12px 0 24px;}
	
	.one-fifth {width: 33.333%;}
	.biz-featured-wrapper .span:nth-child(3n+1){clear: both;}
	
	footer .four {width: 50%;}
	footer .ftr-inner {padding-top: 24px;}
	footer .eight {display: block; width: 100%; clear: both;}
}





@media only screen and (min-width:769px) {
	.mobile-sidebar {display: none;}
	.rsc-block {height: 260px;}

	.set-desc {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 24px;
	}
}

@media only screen and (max-width:768px) {
	.one,
	.two,
	.three,
	.four,
	.five,
	.six,
	.seven,
	.eight,
	.nine,
	.ten,
	.eleven,
	.twelve,
	.one-third {display: block; width: 100%; max-width: 480px; margin: 0 auto; float: none;}
	.container .hp-inner {
    width: 336px;
    margin: 0 auto;
	}
	.inner-left,
	.inner-right {
		margin: 24px 12px;
		padding: 24px;
	}
	.desktop-sidebar {display: none;}
	.mobile-sidebar {
		display: block;
		max-width: 480px;
		margin: 0 auto;
	}
	.mobile-sidebar .container {width: inherit;}
	.mobile-sidebar .inner {margin: 0 12px;}
	#main-logo {margin: 0;}
	#main-logo img {
		max-width: inherit;
		min-width: inherit;
		width: 220px;
	}
	#hp-callouts li div {
    font-size: 12px;
		margin-left: 48px;
	}
	#hp-callouts {padding: 10px 0;}
	#hp-callouts li {
		display: block;
    width: 100%;
    margin: 4px 0;
    padding: 6px!important;
		border-bottom: 1px solid #555;
	}

	.town-jump2,
	.town-jump2 ul li {height: 12vw;}

	.sjc-overview {padding: 12px 0;}

	.biz-featured-wrapper .one-third {
		width: 100%;
		margin-bottom: 20px;
	}
	.biz-featured-wrapper .biz-item {
		max-width: 400px;
		margin: 0 auto;
	}
	.sb-block .contact-info li {margin-left: 22px;}
	.rsc-block {
		display:block;
		height: auto;
		margin: 14px 14px 60px 14px;
	}
	.rscb-button {
		position: static;
		margin: 20px 0;
	}

	.set-desc {
		display: block;
	}

	footer .span.four, footer .span.eight {
		width: 100%;
		float: none;
		clear: both;
	}
	footer .ftl-inner {width: 276px;}
	footer .contact-info {width: 288px; margin: 0 auto;}
	footer .contact-addr {margin-bottom: 30px;}
	#footer-main .map-icon iframe {width: 100%!important;}
}

@media only screen and (max-width:640px) {

}

@media only screen and (min-width:481px) and (max-width:768px) {
	header {height: 150px;}
	header#hdrtemp {height: 180px;}
	header .six,
	header .ten,
	header .hdr-right-tagline {width: 100%; text-align: center;}
	
	.one-fifth {width: 50%;}
	.biz-featured-wrapper .span:nth-child(2n+1){clear: both;}

	.hdr-right-tagline {
		font-size: 22px;
    margin-top: 6px;
    padding: 8px 0 0;
	}

	#footer-main .four {width: 50%;}
	#footer-main .eight {width: 100%;}
}

@media screen and (max-width:480px) {
	header {height: 150px;}
	header#hdrtemp {height: 180px;}
	.hdr-right-tagline {
		font-size: 20px;
    margin-top: 8px;
    padding: 2px 0;
		text-align: center;
	}
	.sjc-overview-inner {font-size: 20px;}
	header .six,
	header .ten {display: block; width: 100%; text-align: center;}

	h1.page-title {font-size: 32px;}
	.one-fifth {width: 100%;}
	.biz-featured-wrapper .span {display: block; float: none; clear: both;}

	#footer-main .four,
	#footer-main .eight {width: 100%;}
}