/******************************************************************
Theme Name: 254-STORAGE
Theme URI: 
Description: A custom wordpress theme designed and developed by McKinleyBrown & Bradley for 254-STORAGE
Author: McKinleyBrown & Bradley
Author URI: http://www.mckinleybrown.com
Version: 1.0
******************************************************************/




/* ---------------------------------------------------------------------------------------------------------- 
01 Mixins & Constants ---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/********************* CLEARFIXIN' *********************/
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; }

/********************* TOOLS *********************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/********************* & Fix *********************/
span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.alert { margin: 10px; padding: 5px 18px; border: 1px solid; }
.alert-help { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #e8dc59; background: #ebe16f; }
.alert-info { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #bfe4f4; background: #d5edf8; }
.alert-error { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #f8cdce; background: #fbe3e4; }
.alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #deeaae; background: #e6efc2; }

.hide { display: none; visibility: hidden; }

hr {
	height: 0; border: 0;
	border-bottom: 1px solid #c0c6c7;
	clear: both;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Base Size (Mobile Devices/iPhone) ------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {
	font: 14px/24px 'Merriweather', serif;
	margin: 0;
	color: #5b5f62;
	background: #fff;
	border-bottom: 80px solid #dae0e2;
}

#container, .container {
	display: block;
	background: #fff;
	margin: 0 auto;
	width: 100%;
}

#container { }

#logo { margin: 43px 0 0 0; }

#logo img {
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
}

header.header { background: url(library/images/sheetmetal-top.png) center top repeat-x #dee3e4; }

#lower-header { background: url(library/images/sheetmetal-bottom.png) center top repeat-x #dae0e2;
	display: block;
	padding: 53px 0 2px 0;
}


/******************** MOBILE GRID ***********************/

.onecol, .grid1, .twocol, .grid2, .threecol, .grid3, .fourcol, .grid4, 
.fivecol, .grid5, .sixcol, .grid6, .sevencol, .grid7, .eightcol, .grid8, 
.ninecol, .grid9, .tencol, .grid10, .elevencol, .grid11, .twelvecol, .grid12 { 
	width: 100%; padding: 20px;
}

/* Fixes Grids inside of Grids */
.twelvecol .onecol, .twelvecol .grid1, .grid12 .onecol, .grid12 .grid1, 
.twelvecol .twocol, .twelvecol .grid2, .grid12 .twocol, .grid12 .grid2, 
.twelvecol .threecol, .twelvecol .grid3, .grid12 .threecol, .grid12 .grid3, 
.twelvecol .fourcol, .twelvecol .grid4, .grid12 .fourcol, .grid12 .grid4, 
.twelvecol .fivecol, .twelvecol .grid5, .grid12 .fivecol, .grid12 .grid5, 
.twelvecol .sixcol, .twelvecol .grid6, .grid12 .sixcol, .grid12 .grid6, 
.twelvecol .sevencol, .twelvecol .grid7, .grid12 .sevencol, .grid12 .grid7, 
.twelvecol .eightcol, .twelvecol .grid8, .grid12 .eightcol, .grid12 .grid8, 
.twelvecol .ninecol, .twelvecol .grid9, .grid12 .ninecol, .grid12 .grid9, 
.twelvecol .tencol, .twelvecol .grid10, .grid12 .tencol, .grid12 .grid10, 
.twelvecol .elevencol, .twelvecol .grid11, .grid12 .elevencol, .grid12 .grid11, 
.twelvecol .twelvecol, .twelvecol .grid12, .grid12 .twelvecol, .grid12 .grid12 { 
	padding: 5px 0px;
}

/********************* LAYOUT STYLES *********************/
.wrap { width: 92%; margin: 0 auto; }

/********************* BLOG LAYOUT ***********************/

.blog #main { margin-top: 20px; }

div.featured-blog-img {
	display: block;
	float: left;
	margin: 0;
}

div.featured-blog-img img {
	width: auto; /* for ie 8 */
	max-width: 100%;
	height: auto;
}

.datecard {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 14px 12px;
	margin: 0 10px 10px 0;
	min-width: 75px;
	display: block;
	float: left;
	background: #529BBC;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
	text-transform: uppercase;
}

.datecard span {
	font-size: 2.4em;
	font-family: 'Merriweather', serif;
	font-weight: normal;
	letter-spacing: -1px;
	display: block;
	text-transform: none;
}

.blognav {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	border-top: 1px solid #c0c6c7;
	border-bottom: 1px solid #c0c6c7;
	padding: 8px 0;
	margin-bottom: 30px;
}

.blognav .prev { display: block; float: left; }
.blognav .next { display: block; float: right; }


/********************* LINK STYLES *********************/
a, a:visited { color: #2f5971; text-decoration: none; }

a:hover, a:visited:hover, a:focus, a:visited:focus { color: #529bbc; }

a:link, a:visited:link {
/*	this highlights links on iPhones/iPads.
	so it basically works like the :hover selector
	for mobile devices. */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************* H1, H2, H3, H4, H5 STYLES ***********************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
}

/* removing text decoration from all headline links */

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 {
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	margin: 0 0 .67em 0;
}

h1.blog-title a { color: #000; }
h1.blog-title a:hover { color: #bbb; }

h2, .h2 {
	color: #2f5971;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 0.8em;
}

h3, .h3 {
	color: #2f5971;
	font-family: 'Merriweather', serif;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0.375em;
}
h4, .h4 { 
font-size: 18px;
font-weight: 700;
color: #dfb200;
}


h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

.widgettitle {
  color: #2f5971;
  font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 6px;
  margin-bottom: 0.75em;
}

.phonenumber { display: block; margin: 20px 0 0 0; }
#sidebar-phone { text-align: right; }
#sidebar-phone h3 {
	font: bold 17px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #2f5971;
	padding: 0; margin: 0;
}
#sidebar-phone h3 span { color: #dfb200; }

/********************* HEADER SYTLES *********************/

h1.page-title {
	font-size: 32px;
	line-height: 32px;
	color: #264859;
	letter-spacing: -1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c0c6c7;
}

h2.page-subhead { margin-top: 0px; }

/********************* COLLAPSE-O-MATIC *********************/

.boxblue { 
	color: #fff;
	background-color: #264756;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	padding: 30px 40px; margin-bottom: 30px;
}
.boxblue h2 { color: #f1d04c; }
.boxblue h3 { color: #fff; }
.boxgrey { 
	color: #264756;
	background-color: #dae0e2;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	padding: 12px 40px; margin-bottom: 30px;
}
body #main .boxgrey { padding: 12px 40px; }
.blog .boxgrey h1.page-title { padding: 33px 0 20px 0; }

body #main .lockimg {
	background-image: url(library/images/lock.png);
	background-position-x: center;
	background-position-y: bottom;
	background-repeat: no-repeat;
	padding-bottom: 112px;
}

.bizimg {
	background-image: url(library/images/bizsolutions.png);
	background-position-x: right;
	background-position-y: top;
	background-repeat: no-repeat;
	padding-top: 190px;
}

.boxblue .collapseomatic {
	color: #fff;
	font: 15px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	background-color: #dfb200;
	background-image: url(library/images/gold-plus.png);
	background-position-x: 13px;
	background-position-y: 46%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 40px;
	margin: 10px 0;
	display: inline-block;
}

.boxblue .collapseomatic:hover { 
	color: #264756; text-decoration: none; text-shadow: 0 1px 1px #fff;
	background-color: #FFEB72; }
.boxblue .colomat-close { background-image: url(library/images/gold-minus.png); }

.boxblue .collapseomatic_excerpt, .boxblue .collapseomatic_content { margin: 5px 0; }
.boxgrey .collapseomatic_excerpt, .boxgrey .collapseomatic_content { margin: 0 0 20px 0; }

.boxgrey .collapseomatic {
	font-size: 17px;
	margin: 5px 0;
	padding-left: 25px;
	display: block;
	background-image: url(library/images/blue-plus.png);
	background-position-y: 2px;
}
.boxgrey .collapseomatic:hover { text-decoration: none; }
.boxgrey .colomat-close { background-image: url(library/images/blue-minus.png); }

.boxblue a { color: #3EB4D2; }
.boxblue a:hover { color: #f1d04c; }


/********************* HOME PAGE SLIDER **********************/

body .soliloquy-container .soliloquy-caption {
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 0 30px 0;
	position: absolute;
	width: 100%;
	zoom: 1;
}

body .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background: #dfb200;
	background-color: #dfb200;
	color: #fff;
	display: block;
	font-size: 21px;
	line-height: 28px;
	margin: 0 0 -30pxpx 0;
	padding: 1px 25px 1px 40px;
	text-align: left;
	text-shadow: 0 1px 1px rgba(0,0,0,.22);
	zoom: 1;
	font-weight: bold;
	border-bottom: 1px solid #FFEB72;
	border-top: 1px solid #FFEB72;
}

body .soliloquy-container .soliloquy-caption .soliloquy-caption-inside a h2 { color: #fff; font-family: 'Merriweather', serif; }
body .soliloquy-container .soliloquy-caption .soliloquy-caption-inside a h2:hover { color: #FFEB72; }


/********************* NAVIGATION STYLES *********************/

.nav {
	background: transparent;
	list-style-type: none;
	padding: 0;
	position: relative;
}

.nav li a {
	color: #fff;
	font: 15px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	text-decoration: none;
	padding: 15px 20px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	background-color: #284858;
}

.nav li.locations a { background: #284858 url(library/images/icon-locations.png) no-repeat 96% center; }
.nav li.types a { background: #284858 url(library/images/icon-types.png) no-repeat 96% center; }
.nav li.contact a { background: #284858 url(library/images/icon-contact.png) no-repeat 96% center; }
.nav li.pay a { background: #dfb200 url(library/images/icon-pay.png) no-repeat 96% center; }
.nav li.rent-online a { background: #dfb200 url(http://254storage.com/wp-content/uploads/rent-icon.png) no-repeat 96% center; }
.nav li.rent-online a:hover { background-color: #DFA800; }

/* .nav li.locations a::after {
	content: url(library/images/droparrow.png);
	display: inline-block;
	padding-left: 4px;
} */

.nav li.locations ul li a { background-image: none; }
.nav li.locations ul li a::after {
	content: none;
	display: none;
	padding-left: 0;
}

.nav li ul.sub-menu li a {
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px solid #529bbc;
}

.nav li.pay ul.sub-menu li a {
	border-bottom: 1px solid #FFEB72;
	background-image: none;
}


/********************* TOP NAVIGATION STYLES *********************/

.small-nav { 
	background: transparent;
	list-style-type: none;
	padding: 0;
}

.small-nav li a {
	color: #2f5971;
	font: 11px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	padding: 0 25px;
	text-shadow: 0 1px 1px #fff;
	background-color: transparent;
}

.small-nav li.social {
	display: none; visibility: hidden;
}

#sidebar-header .widget { padding: 0; margin: 0; }
#sidebar-header ul { display: block; float: right; margin: 36px 0 0 0; }
#sidebar-header ul li { display: block; float: left; padding-right: 5px; margin: 0; }
#sidebar-header ul li:last-child { padding-right: 0; }

#sidebar-header ul li a {
	color: #000;
	font: 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar-header ul li a:hover { color: #529bbc; }


/******************** SIDEBAR STYLES *************************/

#searchform input[type="text"] {
  -webkit-appearance: none;
  border: 3px solid #BDC8CC;
  padding: 8px 10px;
  background-color: #dae0e2;
}

#searchform input[type="submit"] {
  color: #fff;
  -webkit-appearance: none;
  padding: 8px 10px;
  border: 3px solid #BDC8CC;
  background-color: #BDC8CC;
}

body .mapp-container {
	margin-bottom: 30px!important;
}

#sidebar1 .widget {
	font-size: 1em;
	padding: 0 0 10px 0;
	margin: 2.2em 0;
	border-bottom: 1px solid #c0c6c7;
}
#sidebar1 .widget li {
	padding-bottom: .75em;
	margin-bottom: .75em;
	border-bottom: 1px dotted #D3DADB;
}

/********************* POSTS & CONTENT STYLES *********************/

#content { }

article { margin-top: 20px; }
article ul, article ol {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 16px;
}

.byline {
  color: #999;
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  width: auto; /* for ie 8 */
  max-width: 100%;
  height: auto;
}
.sidebar img {
  width: auto; /* for ie 8 */
  max-width: 100%;
  height: auto;
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}
.wp-caption {
  background: #eee;
  padding: 5px;

}
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/****************** PAGE NAVI STYLES *****************/
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }

.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover,
.bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.bones_page_navi li.bpn-current a {
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/******************* COMMENT STYLES **********************/

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
  opacity: 1;
}

/***************** COMMENT FORM STYLES *****************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
  /* form validation */

}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

#comment-form-title {
  margin: 0 0 1.1em;
}

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
  margin: 0 20px 1.1em;
}

/********************* FOOTER STYLES *********************/
.footer {
  clear: both;
  color: #5b5f62;
  font: 12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer a { color: #5b5f62; }
.footer a:hover { color: #529BBC; }
.footer .widget ul { margin: 0; }
.footer .widget ul li { margin: 0; }
.footer .widget { padding: 0; }

#inner-footer, #lower-footer {
	border-top: 1px solid #c0c6c7;
	padding: 20px 0;
}

.footer .grid3, .footer .grid9 { padding-top: 0; padding-bottom: 0; }

#lower-footer .widget_sp_image {
	display: block; float: left; padding: 0 20px 0 0; margin: 20px 0 15px 0;
}

#lower-footer .grid9 {
  color: #2f5971;
  font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Larger Mobile Devices (Galaxy Note) -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) {
  
  body { }
  
  #container, .container { }
  
  .wrap { width: 480px; }
 
  /********************* POSTS & CONTENT STYLES *********************/
  
  /* entry content */
  .entry-content {}
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  
  .nav li.locations a { background-image: none; }
  .nav li.types a { background-image: none; }
  .nav li.contact a { background-image: none; }
  .nav li.pay a { background-image: none; }

  /********************* FOOTER STYLES *********************/
  
  .footer {
  }
  
}




/* ---------------------------------------------------------------------------------------------------------- 
04 Tablet & Small Laptops -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
  
  /********************* GENERAL STYLES *********************/

  body { }
  
  #container, .container { }
  
  .container { }
  
  #container { }
  
  .hide { display: block; visibility: visible; }
  
  /********************* LAYOUT *********************/

  .wrap { width: 80%; max-width: 1200px; }

  /********************* THE GRID *********************/
  
  .onecol, .grid1 { width: 5.801104972%; }
  .twocol, .grid2 { width: 14.364640883%; }
  .threecol, .grid3 { width: 22.928176794%; }
  .fourcol, .grid4 { width: 31.491712705%; }
  .fivecol, .grid5 { width: 40.055248616%; }
  .sixcol, .grid6 { width: 48.618784527%; }
  .sevencol, .grid7 { width: 57.182320438000005%; }
  .eightcol, .grid8 { width: 65.74585634900001%; }
  .ninecol, .grid9 { width: 74.30939226%; }
  .tencol, .grid10 { width: 82.87292817100001%; }
  .elevencol, .grid11 { width: 91.436464082%; }
  .twelvecol, .grid12 { width: 99.999999993%; }

  /* layout & column defaults */
  .onecol, .grid1, .twocol, .grid2, .threecol, .grid3, .fourcol, .grid4, 
  .fivecol, .grid5, .sixcol, .grid6, .sevencol, .grid7, .eightcol, .grid8, 
  .ninecol, .grid9, .tencol, .grid10, .elevencol, .grid11, .twelvecol, .grid12 {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    padding: 0;
  }

  .first { margin-left: 0; }
  .last { float: right; }
  
  /********************* HEADER SYTLES *********************/
  
  #logo { }
  
  #tagline { }
  
  /********************* NAVIGATION STYLES *********************/
  .top-nav { margin-top: 0; }
  
  #lower-header .nav li {
  	width: 22.928176794%;
    float: left;
    margin-left: 2.762430939%;
    padding: 0;
  	box-shadow: 0 1px 3px #b4b9ba;
  }
  
  #lower-header .nav li:first-child {
  	margin-left: 0;
  }
  
  /* #lower-header .nav li:last-child {
  	float: right;
  } */
  
  .nav li a {
    border-bottom: 0;
  }
  
  .nav li.current_page_item a, .nav li.current_menu_item a { 
  	color: #fff;
  }
  
  .nav li a:hover,
  .nav li a:focus {
    color: #fff;
    background: #1e6484;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    width: 100%;
    max-width: 100%;
    float: left;
    position: absolute;
    display: none;
    z-index: 8999;
    margin: 0;
   	zoom: 1;
  }
  
  #lower-header .nav li ul.sub-menu li,
  #lower-header .nav li ul.children li {
  	margin-left: 0;
  	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  	border-bottom: 1px solid #1C6E94;
  }
  
  #lower-header .nav li ul.sub-menu li:last-child,
  #lower-header .nav li ul.children li:last-child {
  	float: left;
  }
  
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
  	width: 100%;
  	font-size: 13px;
  	line-height: 24px;
    padding: 20px;
    border-right: 1px solid #529bbc;
    display: block;
    float: left;
    border-bottom: 0;
    background: #1e6484;
  }
  
  .nav li ul.sub-menu li a:hover,
  .nav li ul.children li a:hover {
  	background: #1C6E94;
  }
  
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }
  
  /***** Custom Pay Menu Dropdowns *****/
  
  .nav li.pay a:hover,
  .nav li.pay a:focus {
    color: #fff;
    background: #dfa800;
  }
  
  .nav li.pay ul.sub-menu,
  .nav li.pay ul.children { right: 0; }
  
  #lower-header .nav li.pay li { float: right; }
  
  #lower-header .nav li.pay ul.sub-menu li:last-child,
  #lower-header .nav li.pay ul.children li:last-child { float: right; }
  
  #lower-header .nav li.pay ul.sub-menu li,
  #lower-header .nav li.pay ul.children li {
  	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
  	border-bottom: 1px solid #dfb200;
  }
  
  .nav li.pay ul.sub-menu li a,
  .nav li.pay ul.children li a {
  	font-weight: bold;
  	border-right: 0;
  	border-left: 1px solid #FFEB72;
    background: #dfb200;
    border-bottom: 0;
  }
  
  .nav li.pay ul.sub-menu li a:hover,
  .nav li.pay ul.children li a:hover {
  	background: #dfa800;
  }
 
  
  /********************* TOP NAVIGATION STYLES *********************/
  
  .small-nav {
  	display: block;
  	float: right;
  	margin: 60px 0 0 0;
  }
  
  .small-nav li {
  	float: left;
  }
  
  .small-nav li a {
  	display: block;
  	float: left;
  	position: relative;
  	border-right: 1px solid #8f989a;
  }
  
  .small-nav li a:hover { 
  	color: #529bbc;
  	background: transparent;
  }
  
  .small-nav li:last-child a {
  	border-right: 0px solid #8f989a;
  	padding-right: 0;
  }
  
  .small-nav li:first-child a {
  	padding-left: 0;
  }
  
  .small-nav li.current_page_item a, .small-nav li.current_menu_item a { 
  	color: #529bbc;
  }
  
  .small-nav li ul.sub-menu,
  .small-nav i ul.children {
  	width: 260px;
  	top: 14px;
  	padding-top: 15px;
  }
  
  .small-nav li ul.sub-menu li,
  .small-nav i ul.children li {
  	width: 100%;
  	border-top: 1px solid #fff;
  	border-bottom: 1px solid #C1CBCF;
  	box-shadow: 0 7px 6px rgba(0, 0, 0, 0.25);
  }
  
  .small-nav li ul.sub-menu li a,
  .small-nav i ul.children li a {
  	width: 100%;
  	font-size: 12px;
  	line-height: 18px;
    padding: 14px 24px;
    border-right: 0px solid #529bbc;
    display: block;
    float: left;
    border-bottom: 0;
    background: #DEE3E5;
    text-transform: none;
  }
  
  .small-nav li ul.sub-menu li a:hover,
  .small-nav i ul.children li a:hover {
  	color: #dfb200;
  	background: #fefefe;
  	text-shadow: 0 1px 1px #fff;
  }
  
  /********************* SLIDER CAPTION FIX ********************/
  
  body .soliloquy-container .soliloquy-caption { padding: 0; }
  body .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { margin: 0 0 60px 0; }
  
  
  /********************* BLOG LAYOUT ***********************/
  
  .post-featured-img {
  	display: block;
  	width: 65%;
  	float: right;
  	margin: 0 0 0 30px;
  }
  
  
  /********************* SIDEBARS & ASIDES *********************/
  
  input, textarea { outline: none; }
  
  .sidebar {
    margin-top: 2.2em;
  }
  .widget {
    padding: 0;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  #sidebar1 .widget {
  	font-size: .9em;
  	line-height: 22px;
  	padding: 0 0 10px 0;
  	margin: 2.2em 0;
  	border-bottom: 1px solid #c0c6c7;
  }
  #sidebar1 .widget li {
  	padding-bottom: .75em;
  	border-bottom: 1px dotted #D3DADB;
  }
  
  /*************************** FOOTER **************************/
  
  #inner-footer, #lower-footer { padding: 0; }
  
}

/*************** Special Break for Nav Fix ****************/
@media only screen and (min-width: 920px) {

.nav li.locations a { background: #284858 url(library/images/icon-locations.png) no-repeat 96% center; }
.nav li.types a { background: #284858 url(library/images/icon-types.png) no-repeat 96% center; }
.nav li.contact a { background: #284858 url(library/images/icon-contact.png) no-repeat 96% center; }
.nav li.pay a { background: #dfb200 url(library/images/icon-pay.png) no-repeat 96% center; }

.nav li a:hover,
.nav li a:focus {
  color: #fff;
  background: #1e6484;
}

.small-nav li a:hover { 
	color: #529bbc;
	background: transparent;
}

.small-nav li.social {
	display: block;
	visibility: visible;
	width: 27px;
	height: 26px;
	margin: -5px 15px 0 -3px;
}

.small-nav li.social:last-of-type {
	margin-right: 0;
}

.small-nav li.social a {
	width: 27px;
	height: 26px;
	padding: 0;
	border-right: 0px solid #8f989a;
	font-size: 0;
	overflow: hidden;
	text-indent: -999%;
}

.small-nav li.facebook { background: transparent url(library/images/icon-facebook-small.png) no-repeat left top; }
.small-nav li.twitter { background: transparent url(library/images/icon-twitter-small.png) no-repeat left top; }
.small-nav li.instagram { background: transparent url(library/images/icon-instagram-small.png) no-repeat left top; }

}

/******************* CUSTOM CSS *********************/
.location-section {
    margin-bottom: 60px;
}
.location-section > h2 {
    background: #ddd none repeat scroll 0 0;
    text-align: center;
}
.location-section li {
    list-style: outside none none;
}

/* Signature Forms */
.column-container {
    margin-bottom: 40px !important;
}

.location-section img {
    margin-right: 25px;
}

/* Main Menu */
/* #lower-header .nav li {
    width: 17.7%;
} */
#lower-header .nav li {
    width: 22.9%;
}
#menu-item-402 > a {
    background: #284858 url("/wp-content/uploads/reservation-sm.png") no-repeat scroll 96% center;
}
#menu-item-402 > a:hover {
    background: #1E6484 none repeat scroll 0 0;
}

/**** Signature Forms ****/
.container.doc_page {
    width: 1170px !important;
}

/********* MOBILE FIXES ***********/
@media only screen and (max-width: 768px) {
   #lower-header .nav li {
    width: 100%;
    margin-bottom: 10px;
   }
}

/* ---------------------------------------------------------------------------------------------------------- 
05 Desktop (Computer Monitors) ------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1030px) {

	#container, .container { }

}



/* ---------------------------------------------------------------------------------------------------------- 
06 Xtra-Large Size ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1240px) {

}



/* ---------------------------------------------------------------------------------------------------------- 
07 Retina (2x Resolution) -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}



/* ---------------------------------------------------------------------------------------------------------- 
08 Print Stylesheet -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; 
	filter: none !important; -ms-filter: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after, a:visited:after { content: " (" attr(href) ")"; }
	a abbr[title]:after, a:visited 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 { width: auto; /* for ie 8 */ max-width: 100% !important; }

@page  { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; }

}