/*-----------------------------------*/
/*               HEADER              */
/*-----------------------------------*/

header {position:relative;}

.main-menu {display:none;}
#hamburger {display:block; float:right; margin-top:25px;}
header .games {}
.mobile-menu {background-color:#f47423; width:94%; margin:30px auto 30px; border-radius:20px;}
.mobile-menu ul {margin:0; padding:10px 40px;}
.mobile-menu li {width:100%; display:block; padding:15px 0 5px; border-bottom:solid thin #fff;}
.mobile-menu li:last-child {border-bottom:none;}
.mobile-menu a {text-align:left; display:block; width:100%; font-size:120%; color:#fff; margin:0 auto; max-width:200px; text-decoration:none;}
.mobile-menu a .menu-icon {display:inline-block; margin-right:40px; height:30px;}
.mobile-menu a .menu-icon .wht {height:100%; width:auto;}
.mobile-menu a .menu-icon .hover,
.mobile-menu a .menu-icon .reg {display:none;}
.mobile-menu a span {display:inline; display:inline-block; height:30px; vertical-align:middle;}

@media (max-width: 1025px) {
	.top-menu {display: none;}
}

/*-----------------------------------*/
/*               CONTENT             */
/*-----------------------------------*/

#page-wrap {padding:0;}

@media (max-width:850px) {
	.page-content {margin-top: -50px;}
	#page-content .personality-image {display: none;}
	#page-content .page-content .the-content {width:100%; float:none; padding-top:40px;}
}

@media (max-width: 850px) {
	.mobile-only {display: block;}
	.not-mobile-only {display: none;}
}

/*-----------------------------------*/
/*             FRONT PAGE            */
/*-----------------------------------*/

/*#brand-window {height:500px}*/

/*#front-booking {top:30px; width:325px;}
#front-booking .links {padding:20px 25px;}

.fco-container {margin-top:-110px;}
#front-club-osage .fco-text {padding-top:55px;}
#front-club-osage img {width:200px;}
*/
#front-band-one {padding:100px 0;}

#front-band-two .fb-two-image {height:300px;}
@media (max-width:850px) {
	#front-band-two .fb-two-image {opacity:0.25; width:100%; height:auto;}
	#front-band-two .fb-two-text {top:50%; transform:translateY(-50%); left:0; width:80%; padding:0 10%; bottom:auto; right:auto;}
}
@media (max-width:1100px) {
	#front-band-two .fb-two-image {display: none !important;height: 0;}
	#front-band-two .fb-two-text {top:auto;transform:none;padding:40px 10%;left:auto;position:relative;width: 80%;bottom: 0px;}
}

@media (max-width:875px) {
	.fb-three-content,
	.fb-three-social {float:none; width:100%; padding-left:0; padding-right:0;}
	.fb-three-social {padding-bottom:20px; border-bottom:solid thin #333; margin-bottom:20px;}
	#front-band-three .divider {display:none;}
	#front-band-three section {width: 70%;}
	.fb-three-content img {width:100%;}
	#front-club-osage img {width: 240px;height: auto;}
	.fco-container {float: right;margin-top: -190px;width: auto;}
	#brand-video {width: 100%;overflow: hidden;height: 100%;background: #f47423;}
	#brand-window {width: 100%;position: relative;z-index: 500;max-height: none;}
	#front-booking {width: 100%;background: rgb(255, 255, 255);box-shadow: 0px 0px 30px #00000069;border-radius: 0px;position: relative;top: 50%;margin-top: 0;left: 0;z-index: 600;margin-bottom: 200px;}
	#testing-vid { width: 100%; position: absolute; z-index: 700; bottom: 30px; text-align: center; display: none; }
	#front-booking h3 { background: #333; color: #fff; border-top-left-radius: 0px; border-top-right-radius: 0px; text-transform: uppercase; padding: 15px 0; margin: 0; text-align: center; font-size: 160%; }
	#front-booking .button input[type="submit"] { cursor: pointer; text-transform: uppercase; font-weight: bold; background-color: transparent; border: none; color: #f47424; font-size: 160%; padding: 5px 50px 5px 5px; background-image: url(../images/orange-arrow.png); background-image: url(../images/orange-arrow.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: auto 50%; }
	#front-band-one h2 {color: #fff;text-align: inherit;}
	#front-band-one .fbo-video {float: left;padding-right: 40px;width: auto;}
	#front-band-one .fbo-video img { width: 100%; }
	#front-band-one p {color: #fff;text-align: left;}
	#front-band-one {padding: 150px 0;}
	#front-band-one section {width: 80%;}
	#front-band-one .fbo-text {float: left;padding-top: 15px;}
	#front-club-osage .more-link:after {width: 31px;height: 31px;}
	#front-club-osage h3, #front-club-osage p, #front-club-osage a {color: #fff;text-align: center;font-size: 25px;}
}

@media (max-width:675px) {
	.fb-three-content,
	.fb-three-social {float:none; width:100%; padding-left:0; padding-right:0;}
	.fb-three-social {padding-bottom:20px; border-bottom:solid thin #333; margin-bottom:20px;}
	#front-band-three .divider {display:none;}
	.fb-three-content img {width:100%;}
	#front-club-osage img {width: 50%;max-width: 200px;height: auto;margin-left: 5%;float: left;}
	#front-club-osage .fco-text {padding-top: 30px;width: 30%;max-width: 150px;margin-right: 10%;float: right;}
	.fco-container {float: right;margin-top: -175px;width: 100%;}
	#brand-video {width: 100%;overflow: hidden;height: 100%;background: #f47423;}
	#brand-window {width: 100%;position: relative;z-index: 500;max-height: none;}
	#front-booking {width: 100%;background: rgb(255, 255, 255);box-shadow: 0px 0px 30px #00000069;border-radius: 0px;position: relative;top: 50%;margin-top: 0;left: 0;z-index: 600;margin-bottom: 200px;}
	#testing-vid { width: 100%; position: absolute; z-index: 700; bottom: 30px; text-align: center; display: none; }
	#front-booking h3 { background: #333; color: #fff; border-top-left-radius: 0px; border-top-right-radius: 0px; text-transform: uppercase; padding: 15px 0; margin: 0; text-align: center; font-size: 160%; }
	#front-booking .button input[type="submit"] { cursor: pointer; text-transform: uppercase; font-weight: bold; background-color: transparent; border: none; color: #f47424; font-size: 160%; padding: 5px 50px 5px 5px; background-image: url(../images/orange-arrow.png); background-image: url(../images/orange-arrow.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: auto 50%; }
	#front-band-one h2 { color: #fff; text-align: center; }
	#front-band-one .fbo-video { float: left; padding-right: 0; width: 100%; }
	#front-band-one .fbo-video img { width: 100%; }
	#front-band-one p { color: #fff; text-align: center; }
	#front-band-one {padding: 0;}
	#front-band-one section {width: 80%;}
	#front-band-one .fbo-text { float: left; padding-top: 15px; width: 100%; }
	div#front-band-one { background: #333333 !important; }
}

/*-----------------------------------*/
/*             Promotions            */
/*-----------------------------------*/

@media (max-width: 1050px) {
	.promotion-thumb, .special { display: inline-block; vertical-align: top; width: 45%; margin: 0 1.5% 100px; position: relative; padding-top: 50px; }
}

@media (max-width: 1100px) {
	.promotion-banner .promo-content { width: 100%; float: right; background-color: rgba(255,255,255,0.2); }
	.promotion-banner {display: none;padding: 0;position: absolute;top: 0;left: 0;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: 75% 50%;}
	#promotions-list { padding: 120px 0 50px; text-align: center; background: url(../images/watermark.jpg) center no-repeat; background-size: 100% auto; margin-top: 100px; }
	#promotions-banner {display: none;}
	.page-template-template-promotions #promotions-list {padding: 120px 0 50px;text-align: center;background: url("../images/watermark.jpg") center no-repeat;background-size: 100% auto;margin-top: 0;}
	.promotion-thumb .dot { display: none;}
	.promotion-modal-content .content {background-color: #fff;width: 100%;height: auto !important;overflow-x: hidden;float: left;display: block;}
	.promotion-modal-content .modal-image { display: none; width: 100%; height: auto !important; float: left; height: 100%; }
	.promotion-modal-content { display: none; width: 100%; background-color: #fff; overflow-x: scroll; }
	.promotion-modal-content .content .inner {padding: 40px 20px;height: auto;display: block;width: calc(100% - 40px);font-size: 85%;}
}

@media (max-width: 650px) {
	.special {display: inline-block;vertical-align: top;width: 100%;margin: 0 !important;position: relative;padding-top: 50px;}
	.promotion-thumb {display: inline-block;vertical-align: top;width: 100%;margin: 0 1.5% 0px;position: relative;padding-top: 50px;}
	.page-template-template-promotions #promotions-list {padding: 0px 0 50px;text-align: center;background: none;background-size: 100% auto;margin-top: 0;}
}


/*-----------------------------------*/
/*               Dining              */
/*-----------------------------------*/

@media (max-width: 850px) {
	#page-content .page-content.dining .the-content, .page-template-template-choices #page-content .page-content .the-content { width: 100%; }
	#dining-info .gaming-info-half { width: 100%; margin-bottom: 45px; }
	.gaming-info-info .gaming-info-full { width: 100%; }
	.gaming-info-pic {width: 80%;padding: 10%;float: left;margin-top: -25px;margin-bottom: 0;}
	.gaming-info-info {width: 80%;float: left;margin: 0 10%;}
	#page-content .page-content.dining .the-content, .page-template-template-choicesbartlesville #page-content .page-content .the-content {width: 100%;}
	#page-content .page-content.dining .the-content, .page-template-template-choicestulsa #page-content .page-content .the-content {width: 100%;}
	/*#dining-info > .tulsa .gaming-info-half.left {
	    width: 40%;
	}
	#dining-info > .tulsa .gaming-info-half.right {
	    width: 40%;
	    margin-left: 15%;
	}
	#dining-info > .tulsa .dining-res-logo {
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: left center;
	    width: 170px;
	    height: 100px;
	    max-width: 100%;
	    margin-bottom: 30px;
	}*/
}

@media (max-width:768px) {
	#dining-info .gaming-info-half,
	#dining-info .gaming-info-half.nothalf {
	  width:100% !important;
	}
  }

/*-----------------------------------*/
/*               Gaming              */
/*-----------------------------------*/

.gaming-info-info .gaming-info-half {width: 100%;}

/*-----------------------------------*/
/*           Club Osage              */
/*-----------------------------------*/

@media (max-width: 1000px) {
section.smaller.content.clearfix.closed { margin-top: 80px; }
section.smaller.content.clearfix { margin-top: 80px; }
ul.the-benefits li p {text-align: center;max-width: 70%;padding-bottom: 15px;margin: 0 auto !important;}
p.club-rewards {width: auto;float: none;}
ul.benefits li:nth-child(1) span {background: #953c89;}
ul.benefits li:nth-child(2) span {background: #3a6932;}
ul.benefits li:nth-child(3) span {background: #235199;}
ul.benefits li:nth-child(4) span {background: #af171c;}
.top-title h3 { float: left; margin: 0; color: #f47423; font-size: 150%; margin-top: 10px; width: 100%; text-align: center; }
.legend span { font-size: 80%; display: inline-block; margin-top: 23px; margin-right: 30px; visibility: hidden; }
.benefits, .legend { text-align: center; float: none; }
#club-benefits section.smaller { max-width: 1200px; width: 100%; }
section.benefits-lower.smaller { width: 80% !important; }
.legend { border-bottom: none; }
}

/*-----------------------------------*/
/*           Entertainment           */
/*-----------------------------------*/

@media (max-width: 1400px) {
	.highlighted-info-photo { float: left; display: inline-block; position: relative; width: 100%; }
	.highlighted-info-content { float: left; display: inline-block; position: relative; width: 90%; color: white; padding: 5%; }
}

@media (max-width: 1050px) {
	.entertainment-location {display: inline-block;vertical-align: top;width: 45%;margin: 0 1.5% 40px;position: relative;padding-top: 0;}
}

@media (max-width: 850px) {
	#featured-entertainment {padding: 50px 0 50px;text-align: center;margin-top: 0;}
}

@media (max-width: 650px) {
	.entertainment-location {display: inline-block;vertical-align: top;width: 100%;margin: 0 1.5% 40px;position: relative;padding-top: 0;}
	#promotions-list { padding: 120px 0 50px; text-align: center; background: url(../images/watermark.jpg) center no-repeat; background-size: 100% auto; margin-top: 100px; }
}


/*-----------------------------------*/
/*     Entertainment: Location       */
/*-----------------------------------*/

@media (max-width: 850px) {
.choices-banner-inner { width: calc(100% - 35px); text-align: center; font-size: 130%; }
}

@media (max-width: 1025px) {
ul.specials-list li {padding: 0 !important;width: 100% !important; text-align: left;}
#location-specials.page-content .special {margin: 0;}
span.table.listed-specials {display: grid;float: left;text-align: left;width: 50% !important;margin-left: 10%;margin-top: 0 !important;}
img.icon { display: block; max-width: 70px; margin: 0; width: auto; float: left; }
ul.concert-grid { -moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; }
.concert .info { display: block; margin-left: 60px; padding-left: 50px; width: 50%; }
.concert .info h4 {font-size: 28px;font-weight: 900; max-width: 90%;}
#location-specials .special {display: inline-block;vertical-align: top;width: 100%;margin: 0;position: relative;padding-top: 50px;}
#location-specials.page-content p.special-icon {margin-bottom: 0px !important;}
#location-specials section.page-content {margin-top: 0px;width: 70%;padding: 5% 0 10% 0%;}
}

/*-----------------------------------*/
/*              Choices              */
/*-----------------------------------*/
#specials-list {padding: 120px 0 50px;text-align: center;margin-top: 50px;}

@media (max-width: 850px) {
	.choices-banner {padding: 75px 0;color: #fff;background-repeat: no-repeat !important;background-size: cover !important;background-position: left !important;margin-bottom: 30px;}
	.choices-content {display: block;}
	.choices-content .inner {width: 100%;float: none;padding-top: 40px;}
	.special.fifty {display: inline-block;vertical-align: top;width: 100%;margin: 0 1.5% 0px;position: relative;padding-top: 50px;}
}

/*-----------------------------------*/
/*                 Map               */
/*-----------------------------------*/
@media (max-width: 1050px) {
.location-amenities label { display: inline-grid; float: left; width: 25%; text-align: center; font-size: 70%; font-weight: 500; text-transform: uppercase; }
.map-genius { float: left; width: 90%; height: auto; padding: 5%; display: block; position: relative; background: #e1e1e1; }
#MapCanvas { height: 500px; width: 100%; display: block; position: relative; }
}

@media (max-width: 850px) {
	.page-template-template-map h1.page-title { margin-top: 50px }
	.page-template-template-map #page-content .page-content .the-content { width: 100%; float: right; position: relative; z-index: 900; margin-top: 20px; }
}

@media (max-width: 600px) {
.map-genius { float: left; width: 90%; height: auto; padding: 5%; display: block; position: relative; background: #e1e1e1; }
#MapCanvas { height: 500px; width: 100%; display: inline-grid; position: relative; }
.location-amenities label {display: block;float: left;width: 33.3333%;text-align: center;font-size: 70%;font-weight: 500;text-transform: uppercase;}
}

@media (max-width: 375px) {
.map-genius {float: left;width: 90%;height: auto;padding: 5%;display: inline-grid;position: relative;background: #e1e1e1;}
#MapCanvas { height: 500px; width: 100%; display: block; position: relative; }
.location-amenities label {display: block;float: left;width: 50%;text-align: center;font-size: 70%;font-weight: 500;text-transform: uppercase;}
}



/*-----------------------------------*/
/*             OC Stores             */
/*-----------------------------------*/

@media (max-width: 1100px) {
	.lower-banner .blue-ribbon {display: none;}
	.lower-banner .inner-content { padding: 10%; width: 80%; position: relative; float: right; background-color: rgba(255,255,255,0.8); }
	.lower-banner { margin-top: 0; }
}

@media (max-width: 850px) {
	.oc-store-icon { float: right; width: 33%; max-width: 150px; margin-left: 20px; margin-top: 50px; margin-bottom: 20px; }
	.lower-banner .inner-content { padding: 0; width: 100%; height: 200px; position: relative; float: right; background-color: transparent; }
}

/*-----------------------------------*/
/*              Events               */
/*-----------------------------------*/

@media (max-width: 1025px) {
	a.book-now-button.not-desktop-only img {
		display: block;
    width: 60%;
    margin: 0 auto;
    padding: 20%;
}
a.book-now-button.desktop-only img {
	display: none;
}
.events-button-wrapper {
    display: none;
}
}

@media (max-width: 850px) {
	a.events-button {float: left;}
	.book-your-event .personality-image {width: 80% !important;top: 15px !important;margin-left: 10%;max-width: 100%;}
	.inner-content.events-banner { padding: 10%; width: 80%; position: relative; float: right; background-color: rgba(255,255,255,0.8); }
}

@media (max-width: 600px) {
	.events-button-wrapper {
	    display: flow-root;
	}
}

/*-----------------------------------*/
/*              Careers              */
/*-----------------------------------*/

@media (max-width: 1025px) {
	img.banner-graphic { display: none; }
	.lower-banner.careers { padding-bottom: 0!important; }
}

@media (max-width: 850px) {
	#page-content .careers .personality-image { top: auto; left: auto; position: relative; margin-top: 30px; width: 100%; }
	.apply {float: left;}
	.page-template-template-careers #page-content .page-content .the-content {width:100%; float:left; padding-top:40px;}
}


/*-----------------------------------*/
/*        Corporate Relations        */
/*-----------------------------------*/
@media (max-width: 850px) {
#page-content .corporate-relations .personality-image {top: auto;left: auto;position: relative;margin-top: 30px;width: 100%;}
}

/*-----------------------------------*/
/*             About Us              */
/*-----------------------------------*/

@media (max-width: 850px) {
	#page-content .about-us .personality-image { top: auto; left: auto; position: relative; margin-top: -30px; width: 100%; }
	#page-content .site-map .personality-image { top: auto; left: auto; position: relative; margin-top: -30px; width: 100%; }
	#page-content .tell-us-what-you-think .personality-image {top: auto;left: auto;position: relative;margin-top: -30px;width: 100%;}
	#page-content .privacy-policy .personality-image {top: auto;left: auto;position: relative;margin-top: -30px;width: 100%;}
	#page-content .search .personality-image {top: auto;left: auto;position: relative;margin-top: -30px;width: 100%;}
	.page-id-67 .personality-image {top: auto;left: auto;position: relative;margin-top: -30px;width: 100%;}
}

@media (max-width: 650px) {
	#page-content .about-us .personality-image { top: auto; left: auto; position: relative; margin-top: 30px; width: 100%; }
	#page-content .site-map .personality-image { top: auto; left: auto; position: relative; margin-top: 0px; width: 100%; }
	#page-content .tell-us-what-you-think .personality-image {top: auto;left: auto;position: relative;margin-top: 30px;width: 100%;}
	#page-content .privacy-policy .personality-image {top: auto;left: auto;position: relative;margin-top: 30px;width: 100%;}
	#page-content .search .personality-image { top: auto; left: auto; position: relative; margin-top: 30px; width: 100%; }
	.page-id-67 .personality-image .personality-image { top: auto; left: auto; position: relative; margin-top: 30px; width: 100%; }
}

/*-----------------------------------*/
/*               Hotel               */
/*-----------------------------------*/

.page-nav-wrapper {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
	.hotel-accordion {width: 90%;}
}

@media (max-width: 850px) {
	.book-now-wrapper {width: 100%;margin-bottom: 20px;position: relative;display: inline-flex;}
	.page-template-template-hotel .page-nav {display: table;margin: 0 auto;}
	.book-now-nav {float: left;display:  table;margin: 0 auto;}
	.page-template-template-hotel .personality-image {top: 5px !important;width: 80% !important;left: 20% !important;}
	.hotel-room {min-height: auto;background-position: 0% 50%;}
}

/*-----------------------------------*/
/*              PARTIALS             */
/*-----------------------------------*/

.event {padding-bottom:50px; margin-bottom:20px;}
.event .event-date {width:5%; margin-right:60%; padding-top:22px; padding-bottom:20px;}
.event .event-content {width:60%; margin-right:5%;}
.event .event-picture {float:right; margin-top:-60px;}

@media (max-width:850px) {
	#entertainment-events {padding-top:0;}
	.event .event-date {width:8%; margin-right:90%; padding-top:30px;}
	.event .event-content,
	.event .event-picture {margin:0; width:100%; margin-bottom:20px;}
	.event .event-date .month {font-size:70%;}
	.event .event-date .day {font-size:190%;}
}
@media (max-width:700px) {
	.event .event-date {width:10%; margin-right:80%;}
}
@media (max-width:600px) {
	.event .event-date {width:13%; margin-right:75%; padding:38px 0 30px;}
}
@media (max-width:500px) {
	.event .event-date {width:16%; margin-right:75%; padding:35px 0 20px;}
}
@media (max-width:400px) {
	.event .event-date {width:20%; margin-right:75%; padding:35px 0 20px;}
}

/*-----------------------------------*/
/*               FOOTER              */
/*-----------------------------------*/

footer {position:relative; bottom:auto; left:auto; height:auto;}

.payout .money {width:120px;}

@media (max-width:750px) {
	.col-50 {width:100%;}
	div.left, div.right, #footer-social, #searchform {float:none;}
	#footer-social {padding-right:0;}
	.footer-primary-menu li {width:auto; margin:0 10px;}
	footer .right, footer, .footer-secondary-menu ul, #footer-social ul {text-align:center;}
	.logo, #footer-social, #searchform {margin:0 auto;}
	.payout, .money-info {display:none;}
	footer .logo {margin-bottom:15px;}
	.footer-primary-menu ul {line-height: 2;}
}

@media (max-width: 1100px) {
	footer {padding: 50px 0 50px 0;}
	#footer-social li { display: inline-block; margin-right: 7px; width: 25px; }
}
