/*
Theme Name: Horse Soldier Bourbon (Media)
Theme URI: https://www.steerpoint.com/
Author: SteerPoint
Author URI: https://www.steerpoint.com/
Description: Custom Theme for the Urban StillHouse Website
Version: 1.0
Text Domain: mediahorsesoldierbourbon
*/

/* Overall Formatting */
body {min-width: 1200px;margin: 0;padding: 0;color: #fff;font: 18px/1.4 Aleo, 'Times New Roman', serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body > .layer_2 {position: relative;overflow: hidden;min-height: 100%;/*padding-top: 186px;*/background-color: #191a1a;box-shadow: 0 0 7px rgba(0,0,0,0.5);transition: transform 0.2s;-webkit-transition: -webkit-transform 0.2s;}
body > .layer_2.menu_revealed {transform: translateX(290px);-webkit-transform: translateX(290px);}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} h4 {font-size: 1em;} h5 {font-size: 1em;} h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.7em;}
p {margin: 0 0 1em;}
a, a:visited {color: #ba7c3a;text-decoration: none;transition: color 0.2s;}
a:hover {text-decoration: underline;}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 1em;padding: 0 0 0 2em;}
li {margin: 0 0 0.2em;}
table {margin: 0 0 1em;}
tr {text-align: left;}
th, td {vertical-align: top;}
th {vertical-align: middle;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea,
select {width: 100%;padding: 0.6em 0.8em;color: #000;font-size: 14px;border: 1px solid #444;box-sizing: border-box;-webkit-appearance: none;}
select {margin: 0 5px 5px 0;vertical-align: middle;-webkit-appearance: menulist;}
button,
input[type="submit"] {cursor: pointer;padding: 0 25px;color: #fff;font-family: Aleo, 'Times New Roman', serif;background-color: #86553b;border: none;-webkit-appearance: none;transition: color 0.2s, background-color 0.2s;}
textarea {overflow: auto;}

.clearfix:after {display: block;clear: both;content: '';}

.columns {margin: 0 -2% 0 0;}
.columns:after {display: block;clear: both;content: '';}
.columns.rtl > .column {float: right;}
.columns > .column {float: left;margin: 0 2% 1em 0;}
.columns.two > .column {width: 48%;}
.columns.three > .column {width: 31.333%;}
.columns.three > .column.double {width: 64.667%;}
.columns.four > .column {width: 23%;}
.columns.four > .column.double {width: 46%;}
.columns.five > .column {width: 18%;}
.columns.six > .column {width: 14.667%;}

.spm_button,
.spm_button:visited {display: inline-block;padding: 8px 30px;color: #fff;font-size: 16px;background: #86553b;font-weight: normal;border: none;border-radius: 4px;transition: color 0.2s, background-color 0.2s;}
.spm_button:hover {text-decoration: none;}

hr.pattern {width: 218px;height: 30px;margin: 2em auto 3em;background-image: url(images/hr-pattern-bronze.svg);border: none;}
hr.pattern.gold {background-image: url(images/hr-pattern-gold.svg);}
hr.pattern.white {background-image: url(images/hr-pattern-white.svg);}

/* WordPress Editor Formatting */
.alignleft {float: left;}
.alignright {float: right;text-align: right;}
.aligncenter {margin-left: auto;margin-right: auto;text-align: center;}
.hidden {display: none;}
.cleared {clear: both;}
img.alignleft {display: inline;margin: 0 1.5em 0.8em 0;max-width: 39%;}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 0.8em 2.5em;max-width: 39%;}

.wp-caption.alignleft {margin: 0 1.5em 3em 0;}
.wp-caption.aligncenter {margin: 0 auto;}
.wp-caption.alignright {margin: 0 0 3em 2.5em;text-align: left;}

/* General Purpose Content Wrapper */
.wrap {width: 1160px;margin: 0 auto;padding: 0 20px;}

/* Responsive Menu */
#responsive_menu {position: fixed;display: none;overflow: auto;width: 250px;height: 100%;padding: 0 20px 10px;color: #fff;font-size: 16px;line-height: 1.2em;background-color: #040405;-webkit-overflow-scrolling: touch;}

#responsive_menu .menu a {display: block;text-decoration: none;}
#responsive_menu .menu a:hover {background-color: #606060;}

#responsive_menu .menu {margin: 0 -20px 1em;padding: 0;list-style: none;}

#responsive_menu .menu > li {margin: 0;background-color: #040405;border-bottom: 1px solid #444;}
#responsive_menu .menu > li > a {padding: 10px 20px;color: #b87a38;text-decoration: none;font-weight: 500;text-transform: uppercase;}

#responsive_menu .sub-menu {margin: 0 0 10px;padding: 0;list-style: none;font-size: 13px;line-height: 1em;}
#responsive_menu .sub-menu > li {padding: 0;border-bottom: none;}
#responsive_menu .sub-menu > li > a {color: #ddd0d1;padding: 2px 20px;}
#responsive_menu .sub-menu .sub-menu {margin: 0;}
#responsive_menu .sub-menu .sub-menu > li > a {padding: 2px 20px 2px 35px;}
#responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;}

#responsive_menu .search_form {position: relative;margin: 0 -20px 20px;}
#responsive_menu .search_form input[type="search"] {padding: 0.6em 30px 0.6em 20px;color: #ddd0d1;font-size: 12px;background-color: #513385;border: none;}
#responsive_menu .search_form input[type="submit"] {position: absolute;right: 0;top: 0;bottom: 0;width: 25px;background: url(images/responsive_menu-search_form-submit-bkg.png) no-repeat center/14px 14px;border: none;}

#responsive_menu .locations {font-size: 11px;line-height: 1.2em;}

#responsive_menu .social_media {overflow: hidden;padding: 0;list-style: none;}
#responsive_menu .social_media li {float: left;margin: 0 8px 0 0;}
#responsive_menu .social_media li a {color: #fff;}

/* Agree to Terms */
#agree_to_terms {padding: 30px 30px 15px;color: #000;text-align: center;border-radius: 0;}

#agree_to_terms .title {margin: 0 0 0.5em;text-transform: uppercase;color: #ba7c3a;font: 58px/0.9em Moonshiner, serif;}

#agree_to_terms label {font-weight: bold;}

#agree_to_terms .continue_to_site {padding: 5px 30px;text-transform: uppercase;font-size: 20px;}
#agree_to_terms .continue_to_site[disabled] {cursor: default;background-color: #ddd;}

/* Cookie Notice */
#cookie_notice {position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;color: #ddd;font-size: 15px;background-color: #30353a;box-shadow: 0 0 10px rgba(0,0,0,0.3);transition: transform 0.3s, left step-end, right step-end;}
#cookie_notice.hidden {display: block;transform: translateY(105%);left: -999em;right: 999em;transition: transform 0.3s, left 0.3s step-end, right 0.3s step-end;}

#cookie_notice .wrap {position: relative;max-width: 1000px;padding: 20px 180px 10px 20px;}

#cookie_notice a {color: #fff;text-decoration: underline;}

#cookie_notice .spm_button {padding: 10px 35px;text-decoration: none;}
#cookie_notice .spm_button:hover {color: #f68e35;background-color: #fff;}
#cookie_notice .spm_button.dismiss {position: absolute;right: 20px;top: 20px;}

/* Header */
#header {font-weight: 300;background: #fff url(images/header.png) repeat-x center bottom / auto 22px;transition: transform 0.3s 0.2s;}
#header.retracted {transform: translateY(-100%);}

#header .wrap {position: relative;height: 164px;padding: 0 20px 22px;}

#header a {color: #222;text-decoration: none;}
#header a:hover {color: #ba7c3a;}

#header .logo {position: absolute;z-index: 999;left: 50%;top: 10px;width: 240px;height: 135px;margin-left: 0;background: url(images/header-logo.jpg) 0 / 240px 135px;transform: translateX(-50%);}
#header .logo a {position: relative;display: block;overflow: hidden;height: 100%;text-indent: -999em;}

#header #responsive_menu_button {position: absolute;display: none;left: 15px;top: 5px;color: #000;padding-left: 27px;text-transform: uppercase;text-decoration: none;font-size: 18px;z-index: 999;}
#header #responsive_menu_button i {position: absolute;left: 0;font-size: 20px;line-height: 24px;}

#header .upper {position: absolute;top: 10px;right: 5px;font-weight: bold;}

#header .upper a {color: #ba7c3a;}

#header .upper .menu {margin: 0;padding: 0;list-style: none;text-transform: uppercase;font-size: 13px;}
#header .upper .menu > li {float: left;margin: 0;border-right: 1px solid #ccc;}
#header .upper .menu > li:last-child {border-right: none;}
#header .upper .menu > li > a {display: block;padding: 0 15px;}
#header .upper .menu i {margin-right: 0.5em;vertical-align: bottom;color: #000;font-size: 1.2em;}

#header .nav {position: absolute;bottom: 60px;color: #fff;text-transform: uppercase;}
#header .nav.left {right: 50%;margin-right: 100px;}
#header .nav.right {left: 50%;margin-left: 100px;}

#header .nav a {color: #000;text-decoration: none;}

#header .nav .menu {margin: 0;padding: 0;list-style: none;font-weight: 500;font-size: 0;line-height: 0;}
#header .nav .menu > li {display: inline-block;margin: 0;font-size: 18px;line-height: 50px;}
#header .nav .menu > li > a {position: relative;z-index: 999;display: block;padding: 0 10px;transition: color 0.2s, background-color 0.2s;}
#header .nav .menu > li:hover > a {background-color: #686c6e;color: #fff;}

#header .nav .sub-menu {position: absolute;z-index: 999;opacity: 0;width: 200px;left: -999em;margin: 0;padding: 6px 0 10px;list-style: none;text-align: left;text-transform: none;font-size: 14px;line-height: 1em;background-color: rgba(191, 123, 29, 0.66);box-shadow: 0 5px 5px rgba(0,0,0,0.2);transform: translateY(20px);transition: transform 0.3s ease, opacity 0.4s ease, right 0.4s step-end;}
#header .nav .menu > li:hover > .sub-menu {opacity: 1;left: auto;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, right step-end;}
#header .nav .menu > li.last:hover > .sub-menu {right: 0;}
#header .nav .sub-menu > li {position: relative;float: none;left: auto;margin: 0;padding: 0;background: none;}
#header .nav .sub-menu > li > a {display: block;padding: 6px 15px 7px;color: #fff;text-decoration: none;transition: none;}
#header .nav .sub-menu > li.current-menu-item > a,
#header .nav .sub-menu > li.current-menu-ancestor > a {color: #ddd;}
#header .nav .sub-menu > li > a:hover {color: #ba7c3a;background-color: #ffffffe6;}
#header .nav .sub-menu .sub-menu {left: -999em;border-top: none;}
#header .nav .sub-menu > li:hover > .sub-menu {left: 100%;}

/* Live Legendary */
#live_legendary {text-align: center;text-transform: uppercase;color: #5f5e5e;font-size: 18px;background: #fff url(images/sunburst.png) no-repeat center;border-top: 4px solid #a0803b;border-bottom: 4px solid #a0803b;}
#live_legendary .wrap {max-width: 640px;padding: 50px 20px;}

#live_legendary .section_title {color: #a0803b;text-transform: uppercase;font: 56px/1em Moonshiner, serif;}
#live_legendary .section_title span {display: inline-block;position: relative;padding: 0 165px;}
#live_legendary .section_title span:before,
#live_legendary .section_title span:after {position: absolute;top: 50%;width: 130px;height: 30px;margin-top: -10px;content: '';background-repeat: no-repeat;background-position: center;}
#live_legendary .section_title span:before {left: 0;background-image: url(images/live_legendary-section_title-before.svg);}
#live_legendary .section_title span:after {right: 0;background-image: url(images/live_legendary-section_title-after.svg);}

/* Main Page Container */
#main {color: #000;background-color: #fff;}
#main .wrap {position: relative;padding: 70px 20px 20px;}

/* Content */
#content {float: right;width: 75%;margin: 0px 0 20px;}
#content.full_width {float: none;width: auto;}

/*#content .page_title {color: #ba7c3a;text-transform: uppercase;font-weight: bold;font-size: 42px;line-height: 1.1em;}
#content .page_title span {font-weight: normal;font-style: italic;}*/

#content .page_title {position: relative;width: 600px;max-width: 84%;margin: -110px auto 40px;padding: 20px 15px;color: #ba7c3a;text-align: center;text-transform: uppercase;font-weight: normal;font-size: 36px;line-height: 1.1em;letter-spacing: 0.1em;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#content .page_title:before {position: absolute;left: 75px;right: 75px;top: -15px;height: 5px;content: '';background-color: #fff;}

#content .post {margin: 0 0 2em;}

#content .postmetadata {color: #888;font-size: 13px;}

#content .sub_heading,
#content .section_title {color: #ba7c3a;text-transform: uppercase;font-size: 32px;line-height: 1em;}

#content .title {color: #ba7c3a;font-weight: bold;font-size: 17px;line-height: 1em;}
#content .title a {color: #ba7c3a;text-decoration: none;}

/* Sidebar */
#sidebar {float: left;width: 22%;}

#sidebar .widget {margin: 0 0 24px;}

#sidebar .widgettitle {color: #ba7c3a;font-size: 24px;line-height: 1em;}

/* Footer */
#footer {color: #a0803b;text-align: center;font-size: 16px;line-height: 1.2em;}
#footer .wrap {padding: 55px 20px 25px;}

#footer a {color: #a0803b;}

#footer .section_title {color: #fff;text-transform: uppercase;font: 42px/1em Moonshiner, serif;}
#footer .section_title span {display: inline-block;position: relative;padding: 0 165px;}
#footer .section_title span:before,
#footer .section_title span:after {position: absolute;top: 50%;width: 130px;height: 30px;margin-top: -10px;content: '';background-repeat: no-repeat;background-position: center;}
#footer .section_title span:before {left: 0;background-image: url(images/footer-section_title-before.svg);}
#footer .section_title span:after {right: 0;background-image: url(images/footer-section_title-after.svg);}

#footer .menu {margin: 0 0 30px;padding: 0;list-style: none;font-size: 0;line-height: 0;}
#footer .menu li {display: inline-block;font-size: 16px;line-height: 1.1em;}
#footer .menu li a {display: block;padding: 0 10px;}

#footer .menu#menu-footer {text-transform: uppercase;}

#footer .copyright {font-size: 14px;}

/* Footer (Mobile) */
#mobile_footer {display: none;position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;min-width: 320px;text-align: center;font-size: 15px;border-top: 2px solid #7139007d;}

#mobile_footer a {color: #ccc;text-decoration: none;}

#mobile_footer ul {overflow: hidden;margin: 0;padding: 0;list-style: none;}
#mobile_footer ul li {float: left;margin: 0;width: 33.33%;}
#mobile_footer ul li a {display: block;padding: 8px 0;background-color: #86553b;transition: color 0.2s;}
#mobile_footer ul li a:hover {color: #fff;}
#mobile_footer ul li.first a {}
#mobile_footer ul li.second a {}
#mobile_footer ul li.third a {background-color: #b87a38eb;}
#mobile_footer ul li i {margin: 0 0.2em 0 0;color: #fff;}

/* Page and Comment Navigation */
.navigation {overflow: hidden;margin: 0 0 20px;color: #333;font-size: 13px;}
.comment-navigation {overflow: hidden;}
.navigation ul,
.comment-navigation ul {float: right;margin: 0 0 5px;list-style: none;}
.navigation li,
.comment-navigation li {float: left;margin: 0 0 5px 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;padding: 0 0.7em;line-height: 2em;text-decoration: none;text-transform: lowercase;background-color: #ddd;}
.navigation span,
.comment-navigation span {color: #fff;}

/* Comments */
#comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;}
#comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#comments .commentlist li.odd {background-color: #eee;}
#comments textarea {width: 98%;}

.vcard {font-weight: bold;}
.vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;}
.comment-date {float: right;font-size: 10px;font-weight: normal;}

/* WordPress Galleries */
.gallery {margin: 0 -2% 0 0;}
.gallery-item {float: left;margin: 0 2% 2% 0;}
.gallery-columns-3 .gallery-item {width: 31.333%;}
.gallery-columns-4 .gallery-item {width: 23%;}
.gallery-item img {width: 100%;}
.gallery-item .wp-caption-text {display: none;}

/* Next Gen Gallery */
.ngg-gallery-thumbnail span {display: none !important;}


/* WOW.js */
.wow {visibility: hidden;}
.animated {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/* jQuery Modal */
.blocker {z-index: 999;}

/* Styles from animate.css */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
}
@keyframes fadeIn {
	from {opacity: 0;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@-webkit-keyframes fadeInUpSmall {
	from {opacity: 0;-webkit-transform: translateY(20px);}
}
@keyframes fadeInUpSmall {
	from {opacity: 0;transform: translateY(20px);}
}
.fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;}

@-webkit-keyframes fadeInLeftSmall {
	from {opacity: 0;-webkit-transform: translateX(-20px);}
}
@keyframes fadeInLeftSmall {
	from {opacity: 0;transform: translateX(-20px);}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;}

@-webkit-keyframes fadeInRightSmall {
	from {opacity: 0;-webkit-transform: translateX(20px);}
}
@keyframes fadeInRightSmall {
	from {opacity: 0;transform: translateX(20px);}
}
.fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;}

@-webkit-keyframes fadeOutDownSmall {
	from {opacity: 1;}
	to {opacity: 0;-webkit-transform: translateY(20px);}
}
@keyframes fadeOutDownSmall {
	from {opacity: 1;}
	to {opacity: 0;transform: translateY(20px);}
}
.fadeOutDownSmall {-webkit-animation-name: fadeOutDownSmall;animation-name: fadeOutDownSmall;}

@-webkit-keyframes zoomIn {
	from {opacity: 0;-webkit-transform: scale(.3);}
}
@keyframes zoomIn {
	from {opacity: 0;transform: scale(.3);}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}

@-webkit-keyframes extendLeft {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendLeft {
	from {transform: scaleX(0);}
}
.extendLeft {-webkit-animation-name: extendLeft;animation-name: extendLeft;-webkit-transform-origin: 100%;transform-origin: 100%;}

@-webkit-keyframes extendRight {
	from {-webkit-transform: scaleX(0);}
}
@keyframes extendRight {
	from {transform: scaleX(0);}
}
.extendRight {-webkit-animation-name: extendRight;animation-name: extendRight;-webkit-transform-origin: 0;transform-origin: 0;}

/* Responsive Design */
@media only screen and (max-width: 1199px) {
	body {min-width: 320px;}
	.wrap {width: auto;}
}

@media only screen and (max-width: 767px) {
	body > .layer_2 {padding-top: 0;}
	
	#header {position: relative;}
	#header .wrap {height: auto !important;padding: 50px 20px 22px;}
	/*#header #responsive_menu_button {display: block;}*/
	#header .logo {position: static;margin: 0 auto 20px;transform: none;}
	#header .nav {display: none;}
	
	#content {float: none;width: auto;}
	
	#sidebar {float: none;width: auto;}
	
	#footer .section_title span {padding: 0;}
	#footer .section_title span:before,
	#footer .section_title span:after {display: none;}
	
	#mobile_footer {display: block;}
}

@media only screen and (max-width: 639px) {
	#content .page_title {width: 400px;font-size: 26px;margin-top: -100px;padding: 15px 10px;}
}

@media only screen and (max-width: 567px) {
	#live_legendary .section_title span {padding: 0;}
	#live_legendary .section_title span:before,
	#live_legendary .section_title span:after {display: none;}
}

@media only screen and (max-width: 479px) {
	#cookie_notice {text-align: center;font-size: 13px;}
	#cookie_notice .wrap {padding: 20px;}
	#cookie_notice .spm_button.dismiss {position: static;display: inline-block;padding: 7px 30px;font-size: 15px;}
}