/*------------------------------------*\
    SITE CORE
\*------------------------------------*/
html {/*overflow-x: hidden!important;overflow-y:scroll;*/}
html,body {
	font-family: 'MerriweatherSans-Light', Arial, Helvetica;
	font-size: 15px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body:not(.home) {

}
.wrapper {
	background: #f2f2f2;
	width: 100%;
	margin: 0;
	position: relative;
}
.frame {position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
.home header {background: linear-gradient(to bottom, rgba(0, 0, 0,.64) 0px, rgba(150, 150, 150,.4) 50%, rgba(255,255,255,.24) 100%);}
body:not(.home) header {
	background: linear-gradient(to bottom, rgba(0, 0, 0,.64) 0px, rgba(150, 150, 150,.4) 50%, rgba(242,242,242,1) 100%),
	url(/media/layout/section-pt1.jpg) top center no-repeat;
	background-size: 100% 100%;
}

/*
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;
*/

.hdr-callout {
	font-size: 13px;
	font-weight: bold;
}
header .frame {}

.container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0;}
header .container {width: auto; padding: 0 24px;}
#content {min-height: 300px;}
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: 0 12px 0 24px; padding: 0 12px 0 0;}
.inner-right {margin: 0 24px 0 12px; padding: 0 24px 24px;}

.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/media/layout/loader.gif);
	background-size: 100% 100%;
	z-index: 50;
}
.loading span {
	position: absolute;
	bottom: 18px;
	right: 0;
	left: 0;
	text-align: center;
}
/*Homepage Layout*/
.hp-frame {
	background: url(/media/layout/san-juans-bg.jpg)	top center no-repeat;
	background-size: cover;
}
.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;}

/*Accordions*/
.acc-block {display: block;}
.accHeader {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.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;
}
.content-visible {margin-bottom: 24px;}

/*------------------------------------*\
    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%;}


/*------------------------------------*\
    FORMATTING ELEMENTS
\*------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Philosopher';
	margin: 0;
	padding: 24px 0 6px 0;
	color: #101010;
}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}

div, p {color: #151515;}
p {margin: 6px 0 20px 0; line-height: 22px;}
ul {margin: 4px 0;}

li a {display: block;}
a, input, textarea, li, button {transition: all 0.3s ease 0s;}
a {color: #6A7FA4; text-decoration: none;}
main a {
	color: #4769BD;
	font-size: 14px;
	font-weight: bold;
}
a:hover {color: #789942;}
dd {margin-bottom: 12px;}

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

.spc-list1 {margin-bottom: 20px;}

.spc-list1 li {
	list-style-type: none;
	margin-bottom: 8px;
}
.spc-list1 > li:before {
	position: relative;
	top: 1px;
	left: -4px;
	content: "\2911";
	color: #789942;
	font-size: 18px;
	margin-left: -20px;
	margin-right: 4px;
}
.spc-list1 li li {
	color: #1F4077;
	list-style-type: circle;
}
.page-title {margin-bottom: 14px;}
.page-descrip {
	font-family: 'Philosopher';
	margin-bottom: 24px;
	font-size: 15px;
}

/* 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;}

#breadcrumb {margin: 0 24px 24px 26px; }
#breadcrumb ul {padding: 0;}
#breadcrumb ul li {
	display: inline-block;
	margin-right: 12px;
	list-style-type: none;
	font-size: 13px;
}
#breadcrumb ul li a:after {
	content: "\2192";
	font-size: 16px;
	padding-left: 12px;
}

/*------------------------------------*\
    GLYPH'S
\*------------------------------------*/
.contact-info ul {list-style: none; padding-left: 0;}

.phone-glyph, .email-glyph, .nav-glyph {
	position: relative;
	max-width: 30px;
	padding: 6px 8px 8px 12px;
}
.addr-glyph {
	position: relative;
	left: -8px;
	padding: 6px 8px 8px 12px;
	float: left;
}

.sb-block .phone-glyph {
	background: url(../media/layout/glyph-phone-dk.png) center left no-repeat;
	background-size: contain;
}
.sb-block .email-glyph {
	background: url(../media/layout/glyph-email-dk.png) center left no-repeat;
	background-size: contain;
}
.sb-block .addr-glyph {
	background: url(../media/layout/glyph-addr-dk.png) top left no-repeat;
	background-size: contain;
}

footer .phone-glyph {
	background: url(../media/layout/glyph-phone.png) center left no-repeat;
	background-size: contain;
}
footer .email-glyph {
	background: url(../media/layout/glyph-email.png) center left no-repeat;
	background-size: contain;
}
footer .addr-glyph {
	background: url(../media/layout/glyph-addr.png) top left no-repeat;
	background-size: contain;
}

.nav-glyph {
	background: url(../media/layout/glyph-nav.png) center left no-repeat;
	background-size: contain;
}
.arrow-glyph {
	float: left;
	font-size: 27px;
	position: relative;
	top: -6px;
	padding-right: 8px;
}

/*------------------------------------*\
    HEADER, FOOTER & SIDEBAR
\*------------------------------------*/
/*All*/
.contact-info ul li {margin-bottom: 18px;}
.contact-info ul li a span {left: -8px;}
.contact-info a:hover {color: #789942!important;}

/*Header*/
#main-logo {margin: 14px 0;}
#main-logo img {
	/*background: #f8f8f8;*/
	padding: 4px;
	width: 100%;
	max-width: 340px;
}
.top-right-info {width: 100%; margin-top: 14px; text-align: right;}
.top-right-info > div {
	background: rgba(255,255,255,.8);
	float: right;
}
.top-right-info ul {margin: 0; padding: 6px;}
.top-right-info ul li {
	display: inline-block;
	list-style-type: none;
}
.top-right-info ul li,
.top-right-info ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #202020;
}
.top-right-info ul li a:hover {color: #BCA634;}
.top-right-info ul li.tr-attn {
	background: url(/media/layout/yellowbg.png) center center no-repeat;
	background-size: cover;
	padding: 5px 12px;
	border-radius: 5px;
	text-align: center;
}

/*Footer*/
footer {}
footer .footer-section-title {color: #CCC6BF;}
#footer-main {background: #695441; text-align: center; padding: 20px 0;}
.footer-nav {
	width: 166px;
	margin: 0 auto;
	text-align: left;
}
.footer-nav ul {padding-left: 0;}
.footer-nav ul li {list-style-type: none; padding-bottom: 8px;}
.footer-nav ul li a {font-size: 14px; color: #efefef;}
footer .contact-info {
	width: 186px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
footer .contact-info:after {
	content: '';
	height: 0px;
	display: table;
	clear: both;
}
footer .contact-info a,
footer .contact-info div {color: #f8f8f8;}

footer h1 {padding: 0;}

.footer-contact-title {line-height: 32px; font-weight: bold; letter-spacing: 0.040em;}

.hours {
	width: 310px;
	font-size: 14px;
	margin: 24px auto 8px auto;
	color: #CCC6BF;
	text-align: left;
}
.hours1, .hours2 {
color: #FFF;
}

.map-icon {margin-top: 30px;}
.map-icon a img {transition: all 0.3s ease 0s;}
.map-icon a:hover img {opacity: .6;}

.masto {
	margin-top: 24px;
	color: #f8f8f8;
	font-size: 16px;
}
.masto a {color: #f8f8f8;}
.masto a:hover {color: #789942;}

#footer-bottom {
	padding: 6px 0 8px;
}
#footer-bottom .copy {text-align: center;}

/*SIDEBAR*/
.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-top: 24px;
	margin-bottom: 8px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.sb-section-title:first-child {margin-top: 0;}
.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 {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: 48px;
	margin: 2px;
	background: #dedede;
	border-radius: 50%;
	padding: 3px;
}
.rsc-sbnav li {
	padding: 2px 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;
}

.blog-sbnav li {
	width: 46%;
	margin: 1%;
	padding: 1%;
}
.blog-sbnav li a {
	font-size: 12px;
}

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;
}
.svc-sbnav li:hover,
.rsc-sbnav li:hover,
.blog-sbnav li:hover,
div.bmain-btn:hover {background: #A3B47D;}

.sb-block .contact-info ul {margin-left: 16px;}

/*------------------------------------*\
    SITEWIDE: CONTENT AREA
\*------------------------------------*/
.page-subtitle {
	font-weight: bold;
	margin-bottom: 24px;
}
.tag-cloud {margin-bottom: 24px;}
.tag-cloud a {
	display: inline-block;
	margin: 3px 6px;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 13px;
}
.tag-cloud a:hover {
	background: #A5BB81;
	color: #f8f8f8;
}


/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/
#header-nav {
	position: relative;
	top: 110px;
	width: 100%;
	padding: 10px 0 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-size: 15px;
	color: #fff;
	padding: 6px 12px;
	text-transform: uppercase;
	font-stretch: 70%;
	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: 6px 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
\*------------------------------------*/
/*OUTLINE FUNCTIONAL SECTIONS*/
.x-fieldset {
	margin: 24px;
	padding: 24px;
	border: 2px outset #202020;
	border-radius: 6px;
}
.x-fieldset {position: relative;}
.x-fieldset:after {
	content: '';
	height: 0px;
	display: table;
	clear: both;
}
.x-legend {
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0 6px;
	position: absolute;
	top: -12px;
	left: 24px;
	color: #697EA3;
}
#url_addr {display: none;} /*Honeypot Security*/

#form-msg {margin-bottom: 16px;}
.info-block,
.error-block {
	margin: 3px 0;
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 3px;
}
.error-block {
	background: #E4AFB7;
	color: #AF0F28;
	border: 1px solid #AF0F28;
}
.info-block {
	background: #A4D0F9;
	color: #255B8D;
	border: 1px solid #255B8D;
}
.alert-success {
	background: #9CE39D;
	padding: 8px;
	font-weight: bold;
	border: 1px solid #689768;
	border-radius: 3px;
}
.alert-fail {
	background: #E4AFB7;
	padding: 8px;
	color: #AF0F28;
	font-weight: bold;
	border: 1px solid #689768;
	border-radius: 3px;
}
#cnt_success {
	display: none;
	background: #AAFFBF;
	padding: 5px;
	border: 2px solid #61DB63;
}
#err_msg {
	display: none;
	background: #FFC5A8;
	padding: 5px;
	border: 2px solid #AA7373;
}

.fieldgroup {margin-bottom: 14px;}
input:not(input[type=submit]), textarea {
	background: #fff;
	padding: 8px;
	width: calc(100% - 16px);
	outline: none;
	border: 1px solid #9B744E;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input:focus,
textarea:focus,
button:hover,
input[type=submit]:hover {
	background: #F2E3C2;
	border: 1px solid #C00;
}
button, input[type=submit] {
	padding: 8px 20px;
	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 {padding: 20px 0 40px;}
.overview {
	margin-bottom: 24px;
	font-family: 'Nova Flat';
	font-size: 16px;
}
.lead-in,
.lead-out {
	margin: 24px 0;
	font-size: 16px;
	font-style: oblique;
}
.section-note {
	font-style: italic;
	color: #697EA3;
}
.cool-quote {
	background: url(/media/layout/quote-bg.png) center left no-repeat;
	background-size: auto 100%;
	height: 68px;
	margin: 24px;
	padding: 16px 24px 16px 160px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(48,55,140,0.66);
	box-shadow: 2px 2px 5px 0px rgba(48,55,140,0.66);
	font-family: 'NovaFlat';
	line-height: 14px;
}
.cool-quote .quote-auth {
	text-align: right;
	margin-top: 8px;
	font-family: 'Carter One';
}
.cool-quote span.bef,
.cool-quote span.aft {
	position: relative;
	top: 16px;
	padding: 0 6px;
	font-size: 42px;
}
.cool-quote span.bef {margin-left: -32px;}
hr.rule {
	margin-top: 30px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(167,88,97,0), rgba(167,88,97,0.75), rgba(167,88,97,0));
}

/*HOME PAGE*/

/* 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-terms {

}
#hp-terms .htp-inner {
	padding: 18px;
	background: rgba(255,255,255,.4);
	border-width: 2px 0 2px 0;
	border-color: rgba(255,255,255,.7);
	border-style: solid;
}

.mw-terms {
	max-width: 800px;
	margin: 0 auto;
}

#hp-primary {
	min-height: 600px;
	margin-top: 40px;
}
#hp-primary:after {
	content: ' ';
	display: table;
	width: 100%!important;
	height: 0px;
	clear: both;
}
#hp-primary .hp-col {
	display: inline-block;
	width: 33.333%;
	min-height: 600px;
	text-align: center;
	float: left;
}

#hp-primary .col1 {background: linear-gradient(to bottom, rgba(200, 31, 44,.7) 30px, rgba(217, 106, 115,.7) 70px, rgba(236, 180, 185,.6) 104px, rgba(0,0,0,.26) 160px, rgba(0,0,0,.36) 100%);}
#hp-primary .col2 {background: linear-gradient(to bottom, rgba(255, 109, 30,.7) 30px, rgba(255, 157, 105,.7) 70px, rgba(255, 206, 180,.6) 104px, rgba(0,0,0,.26) 160px, rgba(0,0,0,.36) 100%);}
#hp-primary .col3 {background: linear-gradient(to bottom, rgba(255, 210, 63,.7) 30px, rgba(255, 225, 127,.7) 70px, rgba(255, 240, 191,.6) 104px, rgba(0,0,0,.26) 160px, rgba(0,0,0,.36) 100%);}
.hp-col .col1,
.hp-col .col2,
.hp-col .col3 {
	margin: 24px 0 24px 24px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.hp-col .col3 {
	margin-right: 24px;
}
.hp-col-title {margin: 12px 0 8px; font-size: 20px;}
.hp-col-subtitle {margin: 12px 0; font-size: 16px;}
.hp-col .col1 .hp-col-title {color: #f9f9f9;}
.hp-col .col2 .hp-col-title {color: #f9f9f9;}
.hp-col .col3 .hp-col-title {color: #202020;}

.hp-block {
	position: relative;
	display: inline-block;
	background: rgba(255,255,255,.55);
	height: 220px;
	margin: 30px 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);
	cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.col1 .hp-block:hover {
	background: rgba(194, 31, 45,.4);
}
.col2 .hp-block:hover {
	background: rgba(255, 109, 30,.4);
}
.col3 .hp-block:hover {
	background: rgba(255, 210, 63,.4);
}
.hp-block:hover .hpb-title {font-size: 18px; color: #f8f8f8;}
.hp-block:hover .hpb-desc {font-size: 15px; color: #f8f8f8;}
.hp-block.doBlur {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.hpb-icon {
	position: relative;
	top: -30px;
	background: rgba(255,255,255,.7);
	width: 46px;
	margin: 0 auto;
	padding: 4px;
	border-radius: 50%;
}
.col1 .hp-block .hpb-icon {border: 4px double #C31F2D;}
.col2 .hp-block .hpb-icon {border: 4px double #FF6D1E;}
.col3 .hp-block .hpb-icon {border: 4px double #FFD23F;}

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

.hpb-content {
	margin-top: -40px;
	padding: 0 12px;
}
.hpb-title {
	font-size: 16px;
	margin-top: 18px;
	color: #00158C;
	line-height: 20px;
}
.hpb-desc {
	padding: 12px 0 0 0;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
}
.hpb-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
}
.hpb-button a {
	padding: 7px 26px;
	border: 1px solid #ddd;
	border-radius: 8px;
	color: #f8f8f8;
}

.col1 .hpb-button a {
	background: -webkit-linear-gradient(top, rgba(151,34,47,1) 0%, rgba(167,88,97,1) 100%);
	background: linear-gradient(to bottom, rgba(151,34,47,1) 0%, rgba(167,88,97,1) 100%);
}
.col2 .hpb-button a {
	background: -webkit-linear-gradient(top, rgba(194,86,33,1) 0%, rgba(194,128,89,1) 100%);
	background: linear-gradient(to bottom, rgba(194,86,33,1) 0%, rgba(194,128,89,1) 100%);
}
.col3 .hpb-button a {
	background: -webkit-linear-gradient(top, rgba(200,169,45,1) 0%, rgba(199,179,97,1) 100%);
	background: linear-gradient(to bottom, rgba(200,169,45,1) 0%, rgba(199,179,97,1) 100%);
}

.slider-leadin {
	background: #444;
	padding: 40px 0;
	font-family: 'NovaFlat';
	text-align: center;
	font-size: 18px;
	color: #f8f8f8;
}
#hp-callouts {background: #202020; 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: 74px; font-size: 13px; color: #f8f8f8; text-align: left;}

#hp-callouts .eleglyph {
	background: url(/media/layout/elements-glyph.png) no-repeat 0 50%;
	background-size: contain;
	padding: 22px;
}
#hp-callouts .artglyph {
	background: url(/media/layout/art-glyph.png) no-repeat 0 50%;
	background-size: contain;
	padding: 30px;
}
#hp-callouts .mythicglyph {
	background: url(/media/layout/mythic-glyph.png) no-repeat 0 50%;
	background-size: contain;
	padding: 24px;
}

/*Blog Section*/
.blg-icon {
	background: url(/media/blog/list-pen-lg.png) center left no-repeat;
	padding: 20px 24px 14px 14px;
}
.blg-content img {margin: 24px 0;}
.blog-hpnav li,
.blog-bmnav li {
	display: inline-block;
	float: left;
	width: 12%;
	margin: 1%;
	padding: 1%;
	text-align: center;
}
.blog-hpnav li a,
.blog-bmnav li a {
	font-size: 12px;
}

.blog-hpnav li:hover,
.blog-bmnav li:hover {background: #A3B47D;}

/*About Us Page*/


/*Site List Page*/
ul.featured-sites {margin: 0; padding: 0;}
.featured-sites li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	float: left;
	width: 25%;
}
.featured-sites li div {
	background: #CDD4E0;
	margin: 6px;
	padding: 4px;
	border: 1px solid #666;
	border-radius: 6px;
	transition: all 0.3s ease 0s;
}
.featured-sites li div:hover {filter: brightness(.7);}
.featured-sites li img {border-radius: 6px;}
.featured-sites li p a {font-family: 'Nova Flat'; font-weight: bold;}
.featured-sites li p a:hover {font-family: 'Nova Flat';}

/*Resources Main Page*/
.rsc-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 24px;
}
.rsc-innergrid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
}
.rsc-item {
	width: calc(50% - 44px);
	padding: 16px;
	background: #dedede;
}
.rsc-itemtext {
	width: calc(65% - 12px);
}
.rsc-itemimg {
	width: calc(35% - 12px);
}
.rsc-title {text-align: center; padding: 0px 0 16px 0;}
.rsc-more {
	text-align: center;
	margin-top: 24px;
}

/*Partners Pages*/
.partner-item {
	background: #f2f2f2;
	margin: 12px;
	padding: 0 12px 16px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(48,55,140,0.4);
	box-shadow: 2px 2px 5px 0px rgba(48,55,140,0.4);
}
.partner-item h4 {padding: 24px 0 0;}
.partner-item p {margin-top: 12px;}

/*Reviews page*/
.rev-item {
	display: inline-block;
	width: 33.333%;
	float: left;
	font-size: 13px;
}
.rev-item:nth-child(3n+1) {
	content: '';
	display: table;
	height: 0px;
	clear: left;
}
.rev-inner {
	background: #D1E2F2;
	margin: 8px;
	padding: 16px;
	border-radius: 6px;
}
.rev-item div {}
.rev-item span {padding-right: 10px;}

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

.add-success,
.add-error {
	display: none;
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 12px;
}
.add-success {
	color: #42540E;
	background: #D0E0A4;
}
.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;
}
*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1280px) {
	.contact-box {display: block;}
	.hp-address {display: none;}
	.contact iframe {width: 100%!important;}
}

@media only screen and (max-width:979px) {
	#hp-callouts .eleglyph,
	#hp-callouts .artglyph,
	#hp-callouts .mythicglyph {background-size: 70px;}
	#hp-callouts li div {font-size: 11px;}
}

@media only screen and (min-width:769px) and (max-width:939px) {
	#header-menu {padding: 0;}
	#header-menu > li > a {font-size: 13px;}
}

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

@media only screen and (max-width:768px) {
	.twelve,
	.ten,
	.eight,
	.six,
	.four {
		width: 100%;
		display: block;
		float: none;
	}
	#header .span {display: block; float: none;}
	#header .ten,
	#header .six {text-align: center;}

	.inner-full {margin-bottom: 24px;}
	#hp-primary .hp-col {
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: none;
		clear: both;
	}
	.hp-col .col1,
	.hp-col .col2,
	.hp-col .col3 {margin: 24px;}

	#hp-callouts .hp-inner {
		max-width: 86vw;
		margin: 0 auto;
	}
	#hp-callouts li {
    display: block;
    width: auto;
    float: none;
    clear: both;
	}

	#hp-callouts .eleglyph div,
	#hp-callouts .artglyph div,
	#hp-callouts .mythicglyph div {margin-left: 68px; padding: 12px 28px;}
	
	.blog-hpnav ul {padding: 0;}
	.blog-hpnav li,
	.blog-bmnav li {
		display: inline-block;
		float: left;
		width: 46%;
		margin: 1%;
		padding: 1%;
		text-align: center;
	}
	#google-map {margin-top: 48px;}

	footer .span.five, footer .span.six {
		width: 100%;
		float: none;
		clear: both;
	}
	footer .contact-info {width: 288px; margin: 0 auto;}
	footer .contact-addr {margin-bottom: 30px;}
}

@media only screen and (min-width:481px) and (max-width:768px) {
	.inner-right {margin: 0 24px 24px 24px;}
	.featured-sites li {width: 50%;}
	.featured-sites li:nth-child(2n+1) {clear: left;}
}

@media screen and (max-width:480px) {
	.inner-right {margin: 0 0 24px 0;}
	.featured-sites li {display: block; width: 100%;}
	.rsc-grid {display: block;}
	.rsc-item {width: calc(100% - 32px); margin-bottom: 12px;}
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}