/*
Theme Name: Mesquite Gaming
Author: Infogenix
Author URI: http://infogenix.com/
Description: Custom theme for Mesquite Gaming
Version: 1.0
Text Domain: mesquitegaming
*/

/* Reset */
@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i';
html { box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
*, *:before, *:after { box-sizing: inherit; }

body { background: #3d3d3d; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 300; line-height: 1.5em; margin: 0; padding: 0; width: 100%; min-width: 960px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a { background-color: transparent; color:#780005; }
a:hover, a:focus{color:#780005;}
a:active, a:hover { outline: 0; }
p { margin: 24px 0; }
input, button, select, textarea { font: inherit; border: 0; border-radius: 0; }
input:not([type="checkbox"]) { -webkit-appearance: none; }
select { -webkit-appearance: none; }
button, input[type="submit"] { cursor: pointer; }
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding: 0; border: 0 }
ul, ol { margin: 0; padding: 0; list-style: none; }
strong { font-weight: 700; }

h1, h2, h3, h4 { font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }

h1 span { font-size: 36px; display: block; font-weight: normal; }
h1{font-size: 64px; line-height:50px; font-family: 'Archivo Narrow', sans-serif; text-transform:uppercase; text-align: left; font-weight: 700;}
h2{font-size: 48px; line-height:46px; font-family: 'Archivo Narrow', sans-serif; text-transform:uppercase; text-align: left; font-weight: 700;}


.container { width: 960px; margin: 0 auto; position: relative; }
#background { color: #000; background: #fff; }

#header { padding: 25px 0; z-index: 999; position: relative;}
#header #logo { float: left; }
#header-menu { float: right; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-top: 5px; }
#header-menu img { height: 35px; }
#header-menu div.menu ul { list-style: none; margin: 0; padding: 0; }
#header-menu div.menu li { float: left;	position: relative;	margin: 0; padding: 0; }
#header-menu a { color: #fff; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; display: block; margin-left: 24px; text-decoration: none; line-height: 35px; }
#header-menu ul ul { background: #000; display: none; position: absolute; top: 44px; left: 0; float: left; width: 250px; z-index: 99999; }
#header-menu ul ul a { color: #fff; height: auto; line-height: 1.2; padding: 10px 0; width: 220px; text-transform: none; }
#header-menu ul ul ul { left: 100%; top: 0; }
#header-menu ul li:hover > ul { display: block; }
#header-menu li:hover > a, #header-menu a:focus { color: #fff; }
#header-menu ul ul li:hover { background: #e32128; }
#header-menu .menu-book a { background: #e32128; font-weight: 700; padding: 0 20px; }
#header-menu .menu-book a:hover { background: #ca161d; }
#mobile-menu { display: none; visibility: hidden; }

#page-header { margin-top: 0; }
#page-header h1 { color: #fff; font-size: 92px; font-family: 'Jura', 'Eurostyle', sans-serif; font-weight: normal; line-height: 1; letter-spacing: -2px; margin: 200px 0 0; text-align: center; }

.ip-banner #page-header h1 { color: #fff; font-size: 68px; font-family: 'Jura', 'Eurostyle', sans-serif; font-weight: normal; line-height: 1; letter-spacing: -2px; margin: 134px 0 0; }

#hotels { margin-top: 160px; padding: 100px 0; }
.hotel { background: #000; float: right; border: 3px solid #fff; position: relative; }
.hotel:first-of-type { float: left; }
.hotel-img { opacity: 0.7; }
.hotel:hover .hotel-img { opacity: 0.5; }
.hotel img { display: block; position: relative; z-index: 1; }
.hotel-detail { position: absolute; top: 50%; width: 100%; text-align: center; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.hotel-detail img { opacity: 1; margin: 0 auto 30px auto; }


#footer { color: #fff; font-size: 12px; }
#footer a { color: #fff; text-decoration: none; }
#menu-footer { padding: 60px 0; }
#menu-footer li { float: left; font-size: 24px; font-weight: 300; width: 20%; line-height: 1.2; }
#menu-footer .sub-menu { margin-top: 24px; }
#menu-footer li li { float: none; width: 100%; font-size: 12px; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 1px 0; line-height: 1.5; }
#footer h5 { font-size: 24px; font-weight: 300; margin: 0 0 24px 0; }
#footer-newsletter { float: left; }
#footer-newsletter .form { width: 100%; background: #6b6b6b; height: 38px;}
#footer-newsletter input { float: left; height: 38px; color: #000; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
#footer-newsletter #email_address { border: 0; background: transparent; padding: 12px; width: 80%; }
#footer-newsletter input#email_address::-webkit-input-placeholder { opacity: 1; }
#footer-newsletter input#email_address:-moz-placeholder { opacity: 1; }
#footer-newsletter input#email_address::-moz-placeholder { opacity: 1; }
#footer-newsletter input#email_address:-ms-input-placeholder { opacity: 1; }
#footer-newsletter input[type="submit"] { font-weight: 700; background: #e32128; width: 20%; }
#footer-tier1 { background: #000; padding-bottom: 40px; }
#footer-tier1 .container { border-top: 3px solid #333; }
#footer-tier1 p { font-size: 10px; font-weight: 300; text-align: center; }
#footer-tier1 .menu-item { font-size: 25px; text-align: center; }
#footer-tier2 { padding: 45px 0; border-top: 3px solid #fff; }
#footer #social .fa { font-size: 24px; padding: 5px 10px; }
#footer-contact { float: right; text-align: right; margin-top: 12px; }
#footer-phone { font-size: 24px; font-weight: 700; }
#footer-logos { text-align: center; }
#footer-logos-tier1 { padding-bottom: 30px; }
#footer-logos-tier1 img { display: inline-block; vertical-align: middle; margin: 0 30px; height: 60px; }
#footer-logos-tier1 img.logo-scale { height: 30px; }

.tier { padding: 110px 0; }
/*.tier h1 { font-size: 30px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: lowercase; text-align: center; line-height: 1.6; margin: 0 0 35px 0; }
.tier h1 strong { display: block; }*/
.tier h1 strong:after { content: ""; width: 100%; height: 3px; background: #000; display: block; position: relative; margin-top: -30px; z-index: 1; }
.tier h2:first-child{}
.tier h1 .title { background: #fff; display: inline-block; padding: 0 20px; position: relative; z-index: 3; }
/*.tier h2 { font-size: 36px; line-height: 1; margin: 0; }
.tier h2 strong { font-size: 200%; display: block; }*/
.tier-bg { background: #000; color: #fff; text-align: center; padding: 80px 0; }
.tier-bg h2 { text-align: center; }
/*.tier-bg h2:after { content: ""; width: 100px; height: 3px; background: #fff; display: block; margin: 24px auto 0; }*/
.tier-bg .container { padding: 0; }
.tier-bg-black { color: #000; }
.tier-bg-black h2:after { background: #000 !important; }
.tier-bg-split { width: 100%; height: auto; overflow: hidden; }
.tier-bg-split .container { padding: 0; }
.tier-bg-split-img { position: absolute; z-index: 1; margin-left: -220px; }
.tier-bg-split-text { position: relative; z-index: 2; float: right; width: 45%;text-align: center; }
#katherines { padding: 100px 0; text-align: center; }
.tier-content { display: table; direction: rtl; }
.tier-content hgroup, .tier-content aside, .tier-content-text { display: table-cell; vertical-align: middle; direction: ltr; }
.tier-content hgroup, .tier-content aside { width: 40%; border-left: 3px solid #000; padding-left: 40px; }
.tier-content hgroup h2 { font-size: 24px; }
.tier-content hgroup h2 strong { font-size: 300%; }
.tier-content-text { text-align: right; padding-right: 40px; }
.tier-content aside img { max-width: 100%; }
.tier-white { background: #fff; color: #000; }

#tier-golf { background: #000 url(images/bg_golf.jpg) top center no-repeat; font-size: 20px; background-size: 100% auto; padding: 120px 0; }
#tier-news hgroup:after { content: ""; width: 100px; height: 3px; background: #fff; display: block; margin: 24px auto 0; }
#tier-news h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 700; text-transform: none; margin: 0; }
#tier-news h4 { color: #cfc5a8; font-size: 24px; margin: 0; }
#tier-news img { width: 474px; display: inline-block; border: 3px solid #fff; vertical-align: middle; }
#tier-news a { background: #e32128; color: #fff; font-size: 24px; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; display: block; padding: 12px 0; margin: 20px auto; max-width: 200px;  }


.btn, a.btn { background: #e32128; color: #fff; font-size: 24px; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 12px 40px; }
.btn:hover, a.btn:hover { background: #ca161d; }

/* Helpers */
.fl-left { float: left; display: inline; }
.fl-right { float: right; display: inline; }
.clear { clear: both; }
.block { display: block !important; }
.relative { position: relative; }
.txt-center { text-align: center !important; }
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-sm { font-size: 10px; }
.txt-underline { text-decoration: underline; }
.margin-t0 { margin-top: 0 !important; }
.margin-b0 { margin-bottom: 0 !important; }
.no-margin { margin: 0px; }
.mobile-show { display: none; }
hr { color: transparent; border: 0; }
.post-content{ line-height: 28px;}
/*.post{padding-top:}*/

.divider{border-bottom:3px solid #000; width:100px; margin:0 auto 50px; margin-top:-50px;}
.italic{font-style: italic;}

.footer-logo { padding: 0 15px; }
.footer-logo img { height: 34px; margin-bottom: 10px; }


/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* About Us */
.testimonial-box{display: flex; flex-wrap: wrap;}
.testimonial-col{width:50%; text-align: center; padding:0px 25px;}

.pr-box { padding-bottom: 90px; width: 75%; float: right; margin-left:5%; }
.pr-header { margin-top: 5px; margin-bottom: 40px; font-size: 26px; text-transform: none; }
.pr-date { margin: 0; border-top: 2px solid #000; display: inline-block; }

.twitter-timeline { float: left;  margin: 0 0; }
.twitter-box { width: 31%; display: inline-block; margin: 0 0 0 1%; }

.email-media-box { width: 45%; float: left; margin: 0 2.5% 80px; box-sizing: border-box; text-align: center; background: #000; color: #fff; }
.email-media-box h2 { padding-top: 0 !important; text-align: center; color: #fff; margin: 20px 0; font-size: 40px; }
.email-media-box p { background: #3b3b3b; margin:0; padding: 20px; box-sizing: border-box; }
.email-media-box a { color: #fff; }

.dl-logos { float: left; margin: 0 20px; }

.hp-banner { background: #000 url("images/bg.jpg") top center no-repeat; margin-top: -102px; height: 1050px; }
.ip-banner { background: #000 url("images/bg.jpg") center center no-repeat; margin-top: -102px; height: 300px; background-position: center -190px; }
.ip-bar { margin-top: -102px; background: #000; height: 95px; width: 100%; }

.k-logo { display: block; margin: 50px auto; }
.k-food { width: 31%; margin: 0 1.16%; float: left; }

.post-content h1 { text-align:center; }

.single-post .entry-title { text-transform: none; margin-bottom: 20px; margin-top: 0; }
.single-post #background { padding-bottom: 60px; }
.single-post .entry-meta { font-style: italic; }

.lines { background: url("images/black-line.jpg") center center repeat-x; text-align: center; margin-bottom: 60px; }
.lines h1 { background: #fff; display: inline-block; padding: 0 20px; margin: 0; box-sizing: border-box; }


.white-line { background: url("images/white-line.jpg") center center repeat-x; text-align: center; height: 2px; width: 10%; float: left; margin-top: 23px; }
.white-line-div h2 { display: inline-block; padding: 0 20px; margin: 0; box-sizing: border-box; width: 80%; float: left; }

.cat-headers { text-transform: none; font-size: 30px; line-height: 34px; margin: 0; font-weight: normal; }
.category .entry-meta { font-style: italic; font-size: 18px; }
.category .type-post { margin-bottom: 60px; }

#sidebar { float: left; width: 20%; background: #000; padding: 10px 0; }
#sidebar li { font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; }
#sidebar li a { text-decoration: none; color: #fff; display: block; padding: 5px 20px; box-sizing: border-box; }
.is-scrolling{ position: fixed; top: 60px;}
.has-reached-bottom{ position: absolute; bottom:115px;}


.logo-box { float: left; width: 33.3%; padding: 0 15px; box-sizing: border-box; }
.logo-box img { width: 100%; }
.logo-box a { text-decoration: none; display: block; text-align: center; margin-top: 5px; color: #000; }

.content-sb { width: 75%; float: right; margin-left: 5%; }

.bio-box { float: left; width: 46%; margin: 0 2% 20px; }
.bio-box img { width: 100%; }
.bio-box h3 { font-size: 18px; margin-top: 0; }
.bio-box .btn { text-align: center; margin-bottom: 10px; font-size: 16px; padding: 5px 15px; }

.two-header { font-size: 38px; text-align: center; font-weight: normal; }
.two-header span { font-size: 64px; display: block; font-weight: bold; padding-bottom: 20px; }

.property-photo { width: 18%; margin: 0 1% 15px; float: left; height: 110px; background-size: 100% auto !important; }

.spacer { margin-top: 60px; }

.video-thumb { float: left; width: 32%; margin: 0 .66%; }
.video-thumb img { width: 100%; }

#sidebar .sub-menu { box-sizing: border-box; padding-left: 38px; }
#sidebar .sub-menu li { line-height: 20px; margin: 10px 0; list-style-type: square; color: #fff; }
#sidebar .sub-menu li a { padding-left: 0; }

.m-menu { display: none; }

.careers-form { width: 100%; overflow: hidden; }
.careers-form iframe { width: 100%; }

.email-alerts{ width: 100%; max-width: 430px; margin: 0 auto; font-family: 'Archivo Narrow', 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase;}
.email-alerts__input { width: 80%; border: 1px solid #000000; height: 38px; font-family: inherit; text-transform: inherit; padding: 0 10px;}
.email-alerts__button{ color: #FFF; font-weight: 700; background: #e32128;  width: 20%; height:38px; vertical-align: top; font-family: inherit; text-transform: inherit}

/******** MEDIA QUERIES
-------------------------------------------------------------- */
@media (max-width: 959px) {
    body { min-width: 300px; }
    img { max-width: 100%; }
    .container { width: 100%; }
    .mobile-hide { display: none !important; }
    .mobile-show { display: inherit; }
    #header { padding: 0; background: #000; }
    #header-menu { float: none; }
    #mobile-menu { display: block; width: 100%; height: 42px; padding: 0; float: none; visibility: visible;  text-align: right; }
    #mobile-menu .fa { cursor: pointer; background: #E32128; color: #fff; margin: 10px; padding: 8px 10px; }
	#header-menu div.menu { display: none; position: relative; top: 0px; left: 0px; }
	#header-menu div.menu li { display: block; width: 100%; margin: 0; padding: 0; border-top: #3D3D3D 1px solid; }
	#header-menu div.menu ul ul { box-shadow: none; display: none; position: relative; top: 0px; left: 0px; width: 100%; border: none; padding: 0; margin: 0; }
	#header-menu div.menu ul ul li { padding: 0; margin: 0; display: none; }
	#header-menu a, #header-menu .menu-book a { margin: 0; padding: 0 20px; }
	#header #logo { margin: 15px 0 0 10px; width: 190px; }
	#page-header { }
    #hotels { margin-top: 0; padding: 10px; text-align: center; }    
    .hotel, .hotel:first-of-type { float: none; display: block; margin: 5px auto; max-width: 462px; }
    .hotel-img { margin: 0 auto; }
    .hotel-detail { max-width: 80%; left: 10%; right: 10%; }
    .hotel-detail img { margin-bottom: 10px; height: 70px; }
    .hotel a.btn { font-size: 18px; padding: 12px; display: block; }
    .hotel:hover .hotel-img { opacity: 0.7; }
    #tier-news img { margin: 0 auto 20px; width: auto; }
	#footer { color: #fff; font-size: 12px; text-align: center; }
	#footer-tier1 { display: none; }
	#footer-tier2, #footer-tier2 #copyright, #footer-tier2 #footer-contact { float: none; display: block; text-align: center; }
	#footer-tier2 { padding: 30px 20px; }
	#footer-newsletter { float: none; }
    #menu-footer { display: none; }
    .footer-col { float: none; display: block; margin: 0; }
	.feature-box, .feature-box:last-child { float: none; display: block; margin: 20px 0; }
    .feature-box img { width: 100%; }
    .tier-feature-secondary .feature-box { width: 33%; float: left; }
    .tier-feature-logo { margin-bottom: 0; }
	.tier, .tier-bg-split, .tier-bg, .tier-content, #katherines .tier-bg-split-text { padding: 30px 20px; }
	.tier-content { display: block; direction: ltr; }
	.tier-content hgroup, .tier-content aside, .tier-content-text { display: block; width: 100%; border-left: 0; padding: 0; text-align: center; }
	.tier-bg .container { padding: 0; }
	.tier-bg-split-text { float: none; width: 100%; }
	.tier-bg-split-img { position: relative; margin: auto; }
	
	#sidebar { display: none; }
	.content-sb { margin: 0; width: 100%; }
	.pr-box { margin: 0; width: 100%; }
	.m-menu { display: block; background: #3b3b3b; border-top: #666666 1px solid !important; }
	
	.ip-banner #page-header h1 { font-size: 60px; margin: 145px 0 0 20px; }
	
}

@media (min-width: 1441px) { 
	.hp-banner { background: #000 url("images/bg-big.jpg") center top no-repeat; }
	.ip-banner { background: #000 url("images/bg-ip-big.jpg") center bottom no-repeat; }
	}

@media only screen and (min-width: 960px) {
	#header-menu div.menu { display: block !important; }
}

/* For Twitter mobile stuff */  
@media (max-width: 800px) {
	.twitter-box { width: 90%; display: block; margin: 0 auto; }
}

/* Small Devices */
@media (min-width: 750px) and (max-width: 969px){
    body{font-size:18px;}
    h1{font-size:44px;}
    h2{font-size:30px;}
    
}

/* Extra Small Devices */
@media (min-width: 0) and (max-width: 749px){
    body{font-size:14px;}
    h1{font-size:34px;}
    h2{font-size:20px;}
    /* About us */
    .testimonial-col{width:100%;}
}

@media (max-width: 680px) {
	.logo-box { width: 100%; float: none; text-align: center; margin-bottom: 50px; }
	.logo-box img { width: 100%; }
	.logo-box a { font-size: 30px; margin: 20px 0; }
	.bio-box { width: 100%; float: none; margin: 0; }
	.property-photo { width: 23%; height: 80px; }
	.video-thumb { width: 48%; margin: 0px 1%; }
	.email-media-box { width: 100%; margin: 0 0 20px; }
	
	#m-top { margin-top: 120px; }
	.hp-banner { height: auto; background-position: bottom center; }
	#katherines { padding: 0; }
	.tier h2:first-child { line-height: 24px; }
	.ip-banner #page-header h1 { margin-left: 10px; }
	.hp-banner #page-header { display: none; }
	.hp-banner .hotel { margin-bottom: 16px; }
}