/* 
Theme Name: Hill City House
Theme URL: http://www.hillcityhouse.com
Description: A blank theme for Hill City House.
Author: Carrot Creates
Author URL: http://www.carrotcreates.com
*/

body { background:url(images/layout/hch_holder_lines.png) 0 0 repeat fixed, url(images/layout/hch_holder_bg.jpg) 50% 50% no-repeat fixed; background-size:auto, cover; -webkit-background-size:auto, cover; -moz-background-size:auto, cover; -o-background-size:auto, cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/hch_holder_bg.jpg',sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/hch_holder_bg.jpg', sizingMethod='scale')"; }
:focus { outline: 0; }
.show { display:none; }

/********************* BLOCKS **********************/
.block { width:100%; clear:both; position:relative; z-index:200; }
.wrap { width:100%; max-width:980px; margin:0 auto; padding:30px 0; position:relative; z-index:200; }
.wrap:before, .wrap:after, .table:before, .table:after { display:table; content:" "; zoom:1; }
.wrap:after, .table:after { clear:both; }
.wrap img { max-width:100%; height:auto; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .thirteencol, .fourteencol, .fifteencol { margin-right: 2.4%; float: left; }
.onecol { width: 4%; }
.twocol { width: 10.4%; }
.threecol { width: 16.8%; }
.fourcol { width: 23.2%; }
.fivecol { width: 29.6%; }
.sixcol { width: 36%; }
.sevencol { width: 42.4%; }
.eightcol { width: 48.8%; }
.ninecol { width: 55.2%; }
.tencol { width: 61.6%; }
.elevencol { width: 68%; }
.twelvecol { width: 74.4%; }
.thirteencol { width: 80.8%; }
.fourteencol { width: 87.2%; }
.fifteencol { width: 93.6%; }
.sixteencol { width: 100%; float: left; }
.last { margin-right: 0px; }

#wrapper { background:#000; padding:0; display:table; table-layout:fixed; }

/***************** HEADER/SIDEBAR *****************/
#header { position:relative; z-index:205; width:245px; display:table-cell; vertical-align:top; }
body.home #sidebar_wrap { width:245px; padding:0; margin:0; position:fixed; }
#sidebar_wrap { width:245px; padding:0; margin:0; position:relative; }
#reservation_bar { background:#759E88; border-bottom:1px solid #8ebca3; padding:10px; }
#reservation_bar a { background:url(images/clock_icon.svg) 0 50% no-repeat; background-size:20px; font-size:18px; margin:0; padding:0 0 0 24px; font-weight:300; color:#fff; display:inline-block; text-transform:uppercase; opacity:0.7; filter:alpha(opacity=70); }
#reservation_bar a:hover { opacity:1; filter:alpha(opacity=100); }

/*** Main Nav **************/
#menu-icon { display:none; }
body.home #main-nav { margin:25px 0 0 0; }
#main-nav { text-transform:uppercase; text-align:left; list-style:none; margin:230px 0 0 0; position:relative; z-index:250; }
#main-nav li { margin:0; padding:0; position:relative; display:block; }
#main-nav li a { font-size:16px; font-weight:400; color:#bbb; padding:10px 25px; margin:0; display:block; -webkit-transition:color 0.15s linear; -moz-transition:color 0.15s linear; transition:color 0.15s linear; }
#main-nav li:hover a,
#main-nav li.current-menu-item a,
#main-nav li.current-menu-ancestor a { background:#2f2f2f; color:#ccbea4; }
#main-nav li:hover a { color:#fff; }
#main-nav li:hover span, #main-nav li.current-menu-item span, #main-nav li.current-menu-ancestor span { background:url(images/index/nav_hover_tab.png) 0 0 no-repeat; width:11px; height:18px; position:absolute; top:50%; right:-11px; margin:-9px 0 0 0; z-index:290; }
/* Style drop down list */
#main-nav ul.sub-menu { width:100px; position:absolute; left:-999em; list-style:none; text-align: left; text-transform: none; margin:0; z-index:100; }
#main-nav ul.sub-menu li { clear:both; padding:0; margin:0; float:none; width:100%; }
#main-nav li:hover ul.sub-menu, #main-nav li.sfhover ul.sub-menu { top:6px; left:250px; }
#main-nav ul.sub-menu li a { background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#bbb; border:none; font-size:13px; font-weight:300; font-style:italic; padding:8px; margin:0 0 4px 0; display:block; line-height:1em; }
#main-nav ul.sub-menu li:hover a { background:#000; color:#ccbea4; }
#main-nav ul.sub-menu li span { display:none; }

/*** Sidebar **************/
#side_content { width:195px; margin:22px 25px 0 25px; padding:0; position:absolute; left:0; z-index:280; }
body.home #side_content_fixed { width:195px; position:fixed; }
#side_content_fixed { position:relative; z-index:280; }
body.home #side_logo { display:none; }
#side_logo { background:#fff; width:100%; padding:20px 0; border-bottom:1px solid #555; text-align:center; display:block; position:absolute; top:41px; }
/*#side_logo { background:url(images/layout/cross_pattern.png) 0 0 repeat; width:100%; padding:20px 0; border-bottom:1px solid #555; text-align:center; display:block; position:absolute; top:41px; }*/
#side_logo_img { width:160px; height:auto; margin:0 auto; position:relative; z-index:290; }
.side_box { text-align:center; border-top:1px solid #555; padding:20px 0; }
.side_box h2 { font-size:24px; margin:0; color:#fff; }
.side_box h2.phone { margin:10px 0 0 0; }
.side_box h2 b { font-weight:300; color:#ccbea4; margin:0 0 15px 0; padding:0 0 3px 0; border-bottom:1px dotted #444; display:inline-block; }
.side_box p { font-size:14px; color:#fff; margin:0; }
#social { text-align:center; margin:0; clear:both; }
.social_icon { background:url(images/sprite_social.png) 0 0 no-repeat; background-size:119px; width:34px; height:34px; display:inline-block; margin:0 4px; opacity:0.6; filter:alpha(opacity=60); }
.social_icon:hover { opacity:1; filter:alpha(opacity=100); }
#twitter { background-position:0 0; }
#facebook { background-position:50% 0; }
#youtube { background-position:100% 0; }

/**************************************** CONTENT ******************************************/
#content_wrap { width:75%; border-left:1px solid #555555; box-sizing:border-box; z-index:150; display:table-cell; vertical-align:top; }
#content_wrap .wrap { }
#content { margin:0 25px; }
#content { margin-top:10px; }
body.home #content { margin-top:0px; }
/*#content ul { list-style:none; margin:0 0px 20px 0px; font-size:15px; color:#555; float:left; }
#content ul li { background:url(images/list_plus.png) 0 9px no-repeat; border-bottom:#bbb 1px dotted; padding:4px 0 4px 15px; margin:0; line-height:18px; }
#content ul li:last-child { border: none; }*/

/******************** BANNER ************************************/
#banner { font-size:20px; margin:0 0 10px 0; position:relative; clear:both; z-index:200; }
#banner .wrap { padding:0; }
#logo { background:#fff; width:100%; text-align:center; display:block; position:relative; padding:40px 0; }
#logo_img { width:70%; height:auto; position:relative; z-index:290; }
/*#logo { width:100%; text-align:center; display:none; position:absolute; top:15%; }
#logo_img { width:70%; height:auto; position:relative; z-index:290; }*/
/**** Flexslider Overrides ****/
.flexslider { border:none; background:none; margin:0; box-shadow:none; position:relative; width:100%; height:100%; -webkit-transform:translateZ(0); }
.flexslider .slides, .flexslider .slide { }
.flexslider .slide { position:relative; }
/*.flexslider .slides > li:first-child { display:block; -webkit-backface-visibility:visible; } */
.flexslider .slide_img:first-child { width:100%; opacity:0.4; filter:alpha(opacity=40); }
.flexslider .slide_img { background:url(images/icon_img_mag_white.png) 50% 50% no-repeat; background-size:45px;  width:50%; float:left; }
.flexslider .slide_img:hover img { opacity:0.4; filter:alpha(opacity=40); }
.flexslider .slide_img:first-child img { opacity:1; filter:alpha(opacity=100); }
.flexslider .flex-direction-nav .flex-prev { left:5px; }
.flexslider .flex-direction-nav .flex-next { right:5px; }
.flexslider .flex-control-nav { width:100%; position:relative; bottom:auto; margin:10px 0 0 0; text-align:center; }
.flexslider .flex-control-nav li { margin:0 6px; display:inline-block; zoom:1; *display:inline; }
.flexslider .flex-control-paging li a { width:11px; height:11px; display:block; background:#aaa; background:rgba(255,255,255,0.4); cursor:pointer; text-indent:-9999px; box-shadow:none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius:100%; }
.flexslider .flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.9); }
.flexslider .flex-control-paging li a.flex-active { background: #eee; background: rgba(255,255,255,0.8); cursor: default; }
.flexslider .flex-direction-nav a { opacity:0.5; filter:alpha(opacity=50); }
.flexslider .flex-direction-nav .flex-disabled { opacity:1; filter:alpha(opacity=100); }

/******************** Custom Content ********************************/
#custom_content { /*background:#2f2f2f;*/ padding:0 30px; overflow:hidden; }
#custom_content h2 { text-align:center; font-size:32px; font-weight:bold; color:#fff; margin:40px 0; }
#custom_content .custom_content { margin:40px 0 50px 0; }

/******************** Home Gallery ********************************/
#home_gallery { margin:0 25px; }
#home_gallery .gallery_link { background:url(images/icon_img_mag_white.png) 50% 50% no-repeat; background-size:45px; display:inline-block; width:25%; border-right:4px solid #000; box-sizing:border-box; margin-bottom:4px; float:left; }
#home_gallery .gallery_link:last-child { margin:0; }
#home_gallery .gallery_image:hover { opacity:0.4; filter:alpha(opacity=40); }

/***************************************** Secondary Pages ***********************************/
/** About **/
.about_wrap { /*width:50%;*/ width:100%; margin:0; border-top:1px solid #555; float:left; }
.text_wrap { padding:0 15px; }
.about_wrap h3 { color:#fff; margin:0 0 10px 0; }
.about_wrap p { font-size:12px; }
/** Gallery **/
.gallery .gallery-item { margin-top:0 !important; }
.gallery a { background:url(images/icon_img_mag_white.png) 50% 50% no-repeat; background-size:45px; display:block; }
.gallery img { border:none !important; opacity:1; filter:alpha(opacity=100); }
.gallery a:hover img { opacity:0.5; filter:alpha(opacity=50); }
#load_more { width:100%; text-transform:uppercase; border:1px solid #888; color:#888; padding:5px 0; margin:20px 0 0 0; text-align:center; display:block; }
#load_more:hover { border-color:#ddd; color:#ddd; }
/** Menu ****/
#menu_nav { width:100%; list-style:none; margin:0; padding:10px 0; font-size:14px; clear:both; }
#menu_nav li { float:left; margin:6px 6px 6px 0; }
#menu_nav li a { color:#666; padding:5px 8px; display:inline-block; border:1px solid #666; text-transform:uppercase; font-weight:300; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
#menu_nav li:hover a { color:#aaa; border-color:#aaa; }
#menu_nav li a.active { background:#fff; border-color:#fff; color:#333; }
.menu_wrap { margin:10px 0 0 0; display:none; }

/***** News *****/
.post { border-top:1px dotted #555; padding:15px 0 0 0; }
.heading_block + .post { border:none; }
/* Nav */
#postnavigation { width:100%; padding-top:0; }
#postnavigation p { margin:0; }
#postnavigation p a { border:1px solid #666; margin:0; padding:6px 10px; color:#666; text-shadow:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; float:left; }
#postnavigation p a:hover { border-color:#ddd; color:#ddd; }
#postnavigation p a:last-child { float:right; }
/* Sidebar */
#sidebar ul { font-size:14px; text-align:left }
#sidebar ul li { margin:0 0 8px 18px; }
#sidebar ul a { color:#999; }
#sidebar ul a:hover { color:#fff; }
.widget { text-align:center; border-top:1px solid #555; padding:20px 0; }
.widget h2 { font-weight:300; color:#ccbea4; margin:0 0 15px 0; padding:0 0 3px 0; border-bottom:1px dotted #444; display:inline-block; }
#sidebar .tribe-events-adv-list-widget div.recurringinfo { display: none; }
#sidebar div.tribe-countdown-number { color:#fff; }

/**** Calendar ****/
#calendar_wrap { color:#aaa; }
#calendar_wrap .tribe-events-page-title { color:#fff; }
#calendar_wrap .tribe-events-calendar a { color:#759e88; }
#calendar_wrap #tribe-events-header .tribe-events-sub-nav li, #calendar_wrap #tribe-events-header .tribe-events-sub-nav li a { display:block !important; }
#calendar_wrap #tribe-events-content .tribe-events-calendar td { background:#fff; }
#calendar_wrap #tribe-events .tribe-events-button, #calendar_wrap #tribe-events .tribe-events-button:hover, #calendar_wrap #tribe_events_filters_wrapper input[type=submit], #calendar_wrap .tribe-events-button, #calendar_wrap .tribe-events-button.tribe-active:hover, #calendar_wrap .tribe-events-button.tribe-inactive, #calendar_wrap .tribe-events-button:hover, #calendar_wrap .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], #calendar_wrap .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { background-color:#759E88; }
#calendar_wrap .tribe-events-list-separator-month span { background:#000; color:#fff; }
#calendar_wrap .tribe-events-list h2.tribe-events-list-event-title { text-align:left; padding:0; }
#calendar_wrap .event-is-recurring { color:#777; }

/***************************************** CONTACT FORM ***********************************/
.wpcf7 form.wpcf7-form { margin: 20px 0px; }
.wpcf7 form.wpcf7-form p { width:100%; font-size:16px; color: #ddd !important; margin-bottom:15px; padding-bottom:10px !important; font-weight:400; float: left; clear:both; }
.wpcf7 form.wpcf7-form small { font-size: 11px; color: #999 !important; margin: 9px 0 0 2px; float: left; }
.wpcf7 form.wpcf7-form label { float: left; display: block; width: 150px; margin: 0 0 6px 0; }
.wpcf7 form.wpcf7-form input,
.wpcf7 form.wpcf7-form textarea,
.wpcf7 form.wpcf7-form select { float: left; display: block; border:none; height: 28px; width:100%; line-height: 24px; padding: 3px 5px; box-sizing:border-box; -moz-box-sizing:border-box; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #777; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.wpcf7 form.wpcf7-form select { height: 30px; }
.wpcf7 form.wpcf7-form option { padding: 3px 5px; }
.wpcf7 form.wpcf7-form .wpcf7-list-item { clear: both; }
.wpcf7 form.wpcf7-form input[type="checkbox"] { border: none; margin: 0 4px 0 0; padding: 0; width: auto; }
.wpcf7 form.wpcf7-form .wpcf7-list-item-label { padding: 2px 0 0 0; }
.wpcf7 form.wpcf7-form textarea { height: 60px; font-size: 12px; }
.wpcf7 form.wpcf7-form p span.wpcf7-not-valid-tip { background: #FFFFFF; border: 1px solid #FF0000; width: 180px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #666666; position: absolute; top: 11% !important; left: 5px !important; padding-left: 5px; z-index: 200; }
.wpcf7 form.wpcf7-form p img { float: left; }
.wpcf7 form.wpcf7-form p span { padding: 0; margin: 0; float: left; }
.wpcf7 form.wpcf7-form p span.instructions { padding: 4px 0 0 3px; margin: 0; }
.wpcf7 form.wpcf7-form p span.wpcf7-form-control-wrap { width:100%; margin-top: 3px; clear: both; text-shadow:none; }
.wpcf7 form.wpcf7-form p.clear-style { margin: 0 !important; padding: 0 !important; }
.wpcf7 form.wpcf7-form p input.wpcf7-submit { background:none; border: none; border:1px solid #888; color:#888; font-size:14px; font-weight:300; display: block; width: 152px; height: 31px; float: left; margin: 0; }
.wpcf7 form.wpcf7-form p input.wpcf7-submit[value] { padding: 0 0 2px 0; }
.wpcf7 form.wpcf7-form p input.wpcf7-submit:hover { cursor: pointer; color:#ddd; border-color:#ddd; }
.wpcf7 form.wpcf7-form div.wpcf7-response-output { background-color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; margin: 20px 0 0 0; padding: 5px 8px; clear: both; text-shadow:none; }

/***************************************** BOTTOM ********************************************/
#bottom .wrap { width:auto; margin:0 25px; border-top:1px solid #555; }
.feature_box { margin-top:20px !important; margin-bottom:20px !important; margin-right:0; }
/* Hide boxes based on page ID */
#feature47, body.page-id-7 #feature30, body.page-id-9 #feature28 { display:none; }
body.page-id-7 #feature47, body.page-id-9 #feature47 { display:block; }
#bottom .wrap .feature_box:first-child, body.page-id-9 #feature30 { margin-right:2.4%; }
.feature_img_link { display:block; position:relative; }
.feature_img { border-top:4px solid #666; border-bottom:1px solid #555; padding:4px 0; }
.feature_img_link:hover .mag { background-size:45px; }
.mag { background:url(images/icon_img_mag.png) 50% 50% no-repeat; background-size:36px; width:100%; height:100%; display:block; position:absolute; top:0; left:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; }
.feature_link { background:url(images/btn_arrow.png) 100% 50% no-repeat; background-size:14px; font-size:16px; color:#fff; font-weight:300; margin:10px 0 0 0; text-transform:uppercase; display:block; }
.feature_link:hover { opacity:0.7; filter:alpha(opacity=70); }

/***************************************** NEWSLETTER ********************************************/
#newsletter_wrap .wrap { width:auto; margin:0 25px; border-top:1px solid #555; }
#newsletter_wrap h4 { font-weight:300; color:#ccbea4; margin:0; }
#mc-embedded-subscribe-form div { margin-top:10px; }
#mc-embedded-subscribe-form input { float:left; display:block; border:none; height:31px; width:100%; padding:2px 5px; box-sizing:border-box; -moz-box-sizing:border-box; color:#777; margin:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#mc-embedded-subscribe-form .button { background:none; border:none; border:1px solid #888; color:#888; font-size:14px; font-weight:300; text-transform:uppercase; display:block; width:100%; height:31px; float:left; margin:0; }
#mc-embedded-subscribe-form .button:hover { cursor:pointer; color:#ddd; border-color:#ddd; }

/***************************************** FOOTER ********************************************/
#footer { font-size:12px; margin:0 auto; clear:both; position:relative; color:#999; font-weight:400; }
#footer .wrap { width:auto; margin:0 25px; padding:20px 0 25px 0; border-top:2px solid #555; }
#footer p { margin:0; line-height:1em; text-shadow:none; }
#footer a { color:#999; }
#carrot_link { text-align:right; }
#carrot_link span { font-weight: bold; }
#carrot_link a:hover{ color:#fff; }

/*********************************************** RESPONSIVE ***********************************************/
/*--------- Portrait Tablet And Down ---------*/
@media (max-width:800px) {
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .thirteencol, .fourteencol, .fifteencol, #banner_right { width:100%; margin:0; }
	.hide { display:none; }
	.show { display:block !important; }
	#wrapper { display:block; }
	/** HEADER/SIDEBAR **/
	#header { width:100%; padding:0 !important; display:block; }
	body.home #sidebar_wrap, #sidebar_wrap { width:100%; position:relative; }
	#reservation_bar { text-align:right; }
	#side_logo { position:relative; top:auto; padding:40px 0; }
	#side_logo_img { width:70%; }
	/* Mobile Nav */
	#menu-icon { color:#333; font-size:18px; width:24px; height:30px; background:url(images/menu-icon.svg) no-repeat 50% 50%; padding:6px; cursor: pointer; display:block; position:absolute; top:0; left:0; margin:0; z-index:295; }
	#menu-icon:hover, #menu-icon.active { background-color:#ccbea4; cursor:pointer; }
	body.home #main-nav, #main-nav { background:#ccbea4; clear:both; width:100%; z-index:10000; padding:0; margin:0; float:none; display:none; }
	#main-nav:before, #main-nav:after { display:table; content:" "; zoom:1; }
	#main-nav:after { clear:both; }
	#main-nav li { clear:both; float:none; display:block; text-align:center; }
	#main-nav li a { color:#6e685b; border-bottom:1px solid #b2a68e; margin:0; padding:10px 0; display:block; }
	#main-nav li.menu-item-has-children a { border-bottom:1px dotted #b2a68e; }
	#main-nav li:hover a { color:#fff; }
	#main-nav li.current-menu-item a,
	#main-nav li.current-menu-ancestor a { background:#2f2f2f; color:#ccbea4; }
	#main-nav li span { display:none !important; }
	/* dropdown */
	#main-nav ul.sub-menu { width:auto; position:static; display:block; border:none; background:inherit; border-bottom:1px solid #b2a68e; }
	#main-nav ul.sub-menu li { margin:0; border:none; }
	#main-nav ul.sub-menu li a { background:none; color:#6e685b; }
	#main-nav ul.sub-menu li:hover a { background:none; color:#fff; }
	/* Sidebar */
	#side_content { width:auto; position:relative; top:auto !important; left:auto; margin-top:0; }
	body.home #side_content_fixed, #side_content_fixed { position:relative; width:auto; }
	/** CONTENT **/
	#content_wrap { width:100%; display:block; border-left:none; clear:both; }
	/* BANNER */
	.flexslider .banner_content { font-size:38px; }
	/* Footer */
	#footer #copyright, #footer #carrot_link { margin:2px 0; text-align:center; }
}
/*--------- 800px to Phone ----------*/
@media (min-width: 480px) and (max-width: 800px) {
	.grid50 { width:50% !important; margin-right:0 !important; float:left; }
	.box_wrap { margin:15px; }
	.feature_link { background:none; text-align:center; }
}
/*--------- 600px Down ----------*/
@media (max-width:600px) {
	/* Menus */
	.menu_wrap .wprmm_menu .two-column li { width:100%; }
	/* Home gallery */
	#home_gallery { display:none; }
}
/*--------- phone ----------*/
@media (max-width: 480px) {
	.box_wrap { margin:15px; }
	.flexslider .banner_content { font-size:28px; }
}