/* Layout and navigation rules carried over from Responsive 1.9.5.5 (core theme CSS only).
   Responsive 6.x dropped these; the hollybush child theme templates still depend on them.
   Site-specific rules that had been added to the old parent live in legacy-custom.css. */

/* Responsive 1.9.x used the browser default box-sizing (content-box); 6.x sets html { box-sizing: border-box }
   and every element inherits it. The carried-over widths/paddings (#container 960px + 25px padding,
   #wrapper padding, the % grid) assume content-box, so restore it. Elements that set their own
   box-sizing (plugins) are unaffected. */
html { box-sizing: content-box; }

/* from responsive/core/css/style.css */
.grid { float: left; margin-bottom: 2.127659574468%; padding-top: 0; }
.grid-right { float: right; margin-bottom: 2.127659574468%; padding-top: 0; }
.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 { display: inline; margin-right: 2.127659574468%; }
.col-60 { width: 6.382978723404%; }
.col-140 { width: 14.893617021277%; }
.col-220 { width: 23.404255319149%; }
.col-300 { width: 31.914893617021%; }
.col-380 { width: 40.425531914894%; }
.col-460 { width: 48.936170212766%; }
.col-540 { width: 57.446808510638%; }
.col-620 { width: 65.957446808511%; }
.col-700 { width: 74.468085106383%; }
.col-780 { width: 82.978723404255%; }
.col-860 { width: 91.489361702128%; }
.col-940 { width: 100%; }
.fit { margin-left: 0 !important; margin-right: 0 !important; }
#container { margin: 0 auto; max-width: 960px; padding: 0px 25px; }
#wrapper { -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 4px; clear: both; margin: 20px auto 20px auto; padding: 0 20px 20px 20px; position: relative; }
.front-page #wrapper { background-color: transparent; border: none; margin: 20px auto 20px auto; padding: 0; }
#header { margin: 0; }
#footer { clear: both; margin: 0 auto; max-width: 960px; padding: 0 25px 0 25px; }
#footer-wrapper { margin: 0; padding: 0; }
#logo { float: left; margin: 0; }
#content-full { margin-top: 40px; margin-bottom: 20px; }
#content-blog { margin-top: 40px; margin-bottom: 20px; }
.widget-wrapper { -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 4px; margin: 0 0 20px; padding: 20px; }
.widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"] { width: 75%; }
#widgets { margin-top: 40px; }
#widgets a { display: inline-block; margin: 0; padding: 0; text-decoration: none; }
#widgets form { margin: 0; }
#widgets ul, #widgets ol { padding: 0 0 0 20px; }
#widgets ul li a { display: inline; text-decoration: none; }
#widgets .widget-title img { float: right; height: 11px; position: relative; top: 4px; width: 11px; }
#widgets .rss-date { line-height: 18px; padding: 6px 12px; }
#widgets .rssSummary { padding: 10px; }
#widgets cite { font-style: normal; line-height: 18px; padding: 6px 12px; }
#widgets .tagcloud, #widgets .textwidget { display: block; line-height: 1.5em; margin: 0; word-wrap: break-word; }
#widgets .textwidget a { display: inline; }
#widgets ul .children { padding: 0 0 0 10px; }
#widgets .author { font-weight: 700; padding-top: 4px; }
.widget-title h3, .widget-title-home h3 { display: block; font-size: 24px; font-weight: 700; line-height: 23px; margin: 0; padding: 0 0 20px 0; text-align: left; }
.top-widget .widget-title h3 { font-size: 14px; padding: 0; text-align: right; }
.widget-title a { border-bottom: none; padding: 0 !important; }
.skip-container { display: block; padding: 0.5em 0.5em 0.5em 0; position: relative; }
.top-menu { float: right; margin: 10px 0; padding: 0; }
.top-menu li { display: inline; list-style-type: none; }
.top-menu li a { border-left: 1px solid #cccccc; color: #333333; font-size: 11px; padding: 0 4px 0 8px; }
.top-menu > li:first-child > a { border-left: none; }
.top-menu li a:hover { color: #333333; }
.menu { background-color: #585858; background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d)); background-image: -webkit-linear-gradient(top, #585858, #3d3d3d); background-image: -moz-linear-gradient(top, #585858, #3d3d3d); background-image: -ms-linear-gradient(top, #585858, #3d3d3d); background-image: -o-linear-gradient(top, #585858, #3d3d3d); background-image: linear-gradient(top, #585858, #3d3d3d); clear: both; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d); margin: 0 auto; }
.main-nav { clear: both; }
.menu, .menu ul { display: block; list-style-type: none; margin: 0; padding: 0; }
.menu li { border: 0; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; }
.menu li:hover { white-space: normal; z-index: 10000; }
.menu li li { float: none; }
.menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; }
.menu li:hover > ul { top: 100%; visibility: visible; }
.menu li li:hover > ul { left: 100%; top: 0; }
.menu:after, .menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; }
.menu, .menu ul { min-height: 0; }
.menu ul, .menu ul ul { margin: 0; padding: 0; }
.menu ul li a:hover, .menu li li a:hover { color: #484848; text-decoration: none; }
.menu ul { margin-top: 1px; min-width: 15em; width: auto; }
.menu a { border-left: 1px solid #585858; color: #ffffff; cursor: pointer; display: block; font-size: 13px; font-weight: 700; height: 45px; line-height: 45px; margin: 0; padding: 0 0.9em; position: relative; text-decoration: none; text-shadow: 0 -1px 0 #000000; white-space: nowrap; }
.menu a:hover { background-color: #808080; background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636)); background-image: -webkit-linear-gradient(top, #808080, #363636); background-image: -moz-linear-gradient(top, #808080, #363636); background-image: -ms-linear-gradient(top, #808080, #363636); background-image: -o-linear-gradient(top, #808080, #363636); background-image: linear-gradient(top, #808080, #363636); color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636); }
ul.menu > li:hover { background-color: #363636; color: #ffffff; }
.menu .current_page_item a, .menu .current-menu-item a { background-color: #343434; }
.front-page .menu .current_page_item a { background: none; background-color: transparent; background-image: none; filter: none; }
.menu li li { background: #ffffff; background-image: none; border: 1px solid #e5e5e5; color: #444444; filter: none; margin: -1px 0 1px 0; width: auto; }
.menu li li a { background: transparent !important; border: none; color: #444444; font-size: 12px; font-weight: 400; height: auto; height: 20px; line-height: 20px; padding: 5px 10px; text-shadow: none; white-space: nowrap; }
.menu li li a:hover { background: #f5f5f5 !important; background-image: none; border: none; color: #444444; filter: none; }
.menu li li:hover { background: #f5f5f5 !important; filter: none; }
.menu ul > li + li { border-top: 0; }
.menu li li:hover > ul { left: 100%; top: 0; }
.menu > li:first-child > a { border-left: none; }
.menu a#responsive_menu_button { display: none; }
.main-nav #responsive_current_menu_item { display: none; }
.sub-header-menu { background-color: #ffffff; border: 1px solid #e5e5e5; border-top: none; clear: both; margin: 0 auto; }
.sub-header-menu, .sub-header-menu ul { display: block; list-style-type: none; margin: 0; padding: 0; }
.sub-header-menu li { border: 0; display: block; float: left; margin: 0; padding: 0; position: relative; z-index: 5; }
.sub-header-menu li:hover { white-space: normal; z-index: 10000; }
.sub-header-menu li li { float: none; }
.sub-header-menu ul { left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; }
.sub-header-menu li:hover > ul { top: 100%; visibility: visible; }
.sub-header-menu li li:hover > ul { left: 100%; top: 0; }
.sub-header-menu:after, .sub-header-menu ul:after { clear: both; content: '.'; display: block; height: 0; overflow: hidden; visibility: hidden; }
.sub-header-menu, .sub-header-menu ul { min-height: 0; }
.sub-header-menu ul, .sub-header-menu ul ul { margin: 0; padding: 0; }
.sub-header-menu ul li a:hover, .sub-header-menu li li a:hover { color: #484848; text-decoration: none; }
.sub-header-menu ul { margin-top: 1px; min-width: 15em; width: auto; }
.sub-header-menu a { border-left: 1px solid #e5e5e5; color: #333333; cursor: pointer; display: block; font-size: 12px; font-weight: 400; height: 35px; line-height: 35px; margin: 0; padding: 0 0.9em; position: relative; text-decoration: none; text-shadow: none; }
.sub-header-menu a:hover { -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-color: #f9f9f9; background-clip: padding-box; }
.sub-header-menu .current_page_item a, .sub-header-menu .current-menu-item a { background-color: #f9f9f9; }
.sub-header-menu li li { background: #ffffff; background-image: none; border: 1px solid #e5e5e5; color: #444444; filter: none; margin: -1px 0 1px 0; width: auto; }
.sub-header-menu li li a { border: none; color: #444444; font-size: 12px; font-weight: 400; height: auto; height: 20px; line-height: 20px; padding: 5px 10px; text-shadow: none; }
.sub-header-menu li li a:hover { background: #f9f9f9; background-image: none; border: none; color: #444444; filter: none; }
.sub-header-menu ul > li + li { border-top: 0; }
.sub-header-menu li li:hover > ul { left: 100%; top: 0; }
.sub-header-menu > li:first-child > a { border-left: none; }
.sub-header-menu ul.children a, .sub-header-menu .current_page_ancestor, .sub-header-menu .current_page_ancestor ul a { background: none; background-image: none; filter: none; }
.footer-menu { margin-left: 0; padding: 0; }
.footer-menu li { display: inline; list-style-type: none; }
.footer-menu li a { border-left: 1px solid #cccccc; color: #333333; padding: 0 8px; }
.footer-menu li a:hover { color: #222222; }
.footer-menu > li:first-child > a { border-left: none; padding: 0 8px 0 0; }
#footer { font-size: 11px; line-height: 1.5em; }
#footer a { color: #333333; font-weight: 400; }
#footer a:hover { color: #444444; }
#footer-wrapper .grid.col-940 { margin: 0; }
#footer_widget .col-300:nth-child(3n+3) { margin-right: 0; }
#footer .social-icons { list-style: none; line-height: normal; padding: 0; margin: 0; text-align: right; }
#footer .rss-icon, #footer .yelp-icon, #footer .vimeo-icon, #footer .youtube-icon, #footer .twitter-icon, #footer .facebook-icon, #footer .linkedin-icon, #footer .rss-feed-icon, #footer .instagram-icon, #footer .pinterest-icon, #footer .foursquare-icon, #footer .googleplus-icon, #footer .google-plus-icon, #footer .stumbleupon-icon, #footer .stumble-upon-icon { display: inline; margin: 1px; padding-left: 3px; }
.clearfix:after, .clearfix:before, #container:after, #container:before, .widget-wrapper:after, .widget-wrapper:before { content: ' '; display: table; }
.clearfix:after, #container:after, .widget-wrapper:after { clear: both; }

/* from responsive/core/css/responsive.css */
@media screen and (max-width: 980px) {
	.grid, .grid-right { float: none; }
	.front-page #widgets { margin-top: 40px; }
}
@media screen and (max-width: 650px) {
	#logo { float: none; margin: 0; text-align: center; }
	.grid, .grid-right { float: none; }
	.top-widget .widget-title h3 { text-align: center; }
	.js .sub-header-menu { display: none; }
	.js .main-nav { position: relative; background-color: #585858; background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d)); background-image: -webkit-linear-gradient(top, #585858, #3d3d3d); background-image: -moz-linear-gradient(top, #585858, #3d3d3d); background-image: -ms-linear-gradient(top, #585858, #3d3d3d); background-image: -o-linear-gradient(top, #585858, #3d3d3d); background-image: linear-gradient(top, #585858, #3d3d3d); clear: both; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d); margin: 0 auto; }
	.js .main-nav .menu { display: none; position: absolute; width: 100%; top: 30px; z-index: 1000; }
	.js .main-nav .menu ul { margin-top: 1px; }
	.js .main-nav .menu li { float: none; background-color: #ffffff; border: none; }
	.js .main-nav .menu li a { color: #444444; font-size: 13px; font-weight: normal; height: 45px; line-height: 45px; padding: 0 15px; border: none; border-bottom: 1px solid #f5f5f5; text-shadow: none; text-align: left; cursor: pointer; }
	.js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a { background-color: #f5f5f5; }
	.js .main-nav .menu li li:hover { background: none !important; }
	.js .main-nav .menu li li a { position: relative; padding: 0 10px 0 30px; }
	.js .main-nav .menu li li li a { position: relative; padding: 0 10px 0 40px; }
	.js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover { background-image: none; filter: none; background-color: #f5f5f5 !important; }
	.js .main-nav .menu li li a::before { content: '\2013'; position: absolute; top: 0; left: 20px; }
	.js .main-nav .menu li li li a::before { content: '\2013'; position: absolute; top: 0; left: 20px; }
	.js .main-nav .menu li li li a::after { content: '\2013'; position: absolute; top: 0; left: 30px; }
	.js .main-nav .menu li ul { position: static; visibility: visible; background-color: #ffffff; }
	.js .main-nav .menu ul { min-width: 0; }
	.js .main-nav #responsive_current_menu_item { display: block; padding: 5px 40px 5px 10px; color: #ffffff; font-weight: 700; cursor: pointer; }
	.js .main-nav a#responsive_menu_button { position: absolute; display: block; top: 0; left: 100%; height: 30px; width: 23px; margin-left: -30px; background: url('../images/select-icons.png') 0 5px no-repeat; cursor: pointer; }
	.js .main-nav a#responsive_menu_button.responsive-toggle-open { background: url('../images/select-icons.png') 0 -46px no-repeat; }
	.top-menu, .footer-menu li { float: none; font-size: 11px; text-align: center; }
	#wrapper .gallery .gallery-item { max-width: 100%; }
	#footer { text-align: center; }
	#footer .social-icons { padding-bottom: 10px; text-align: center; }
}
@media screen and (max-width: 480px) {
	#logo { float: none; text-align: center; }
	.grid, .grid-right { float: none; }
	.menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li { float: none; text-align: center; text-rendering: optimizeSpeed; }
	#wrapper .gallery .gallery-item { float: none; }
	#footer { text-align: center; }
	#footer .social-icons { text-align: center; }
}
@media screen and (max-width: 240px) {
	.widget-title h3, .widget-title-home h3 { font-size: 14px; height: 13px; line-height: 13px; text-align: left; }
}
