/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 19, 2015, 10:51:48 AM
    Author     : Gene
*/

/* If I use Toptal Subtle Patterns for my personal website or commercial project, do I need to credit it?
Yes. Please credit Toptal Subtle Patterns using a comment in your HTML or CSS code. CSS Example:
 Background pattern from Toptal Subtle Patterns  */

* {
  box-sizing: border-box;
}

body {
  background-image: url("memphis-mini.png");/* Background pattern from Toptal Subtle Patterns */
  background-repeat: repeat;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
}

h3 {
   font-weight: normal;
   font-size: 24px;
   margin-block-end: 0px;
}

p {
    font-size: 18px;
     line-height: 1.42857143;
}

input {
    width: 100%;
/*    width: auto;*/
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
/*    resize: vertical;*/
/*    padding: .5em 1em;*/
}

textArea {
    width: 75%; 
/*    width: auto;*/
    padding: .5em 1em; 
}

th {
    font-size: 18px;
}

button {
    font-size: 16px;
}



.content-title-div {
    border: 3px black outset;
    background-color: lightcoral;
    background-image: linear-gradient(top, lightcoral, Pink, lightcoral);
    background-image: -webkit-linear-gradient(top, lightcoral, LightPink, lightcoral);
    background-image: -moz-linear-gradient(top, lightcoral, Pink, lightcoral);
    background-image: -o-linear-gradient(top, lightcoral, Pink, lightcoral);
    background-image: -ms-linear-gradient(top, lightcoral, Pink, lightcoral);
}

.content-title-text {
    font-size: 24px;
    margin-top: 3px;
    margin-bottom: 5px
}

.display_table {
/*    margin: auto;*/
    display: table;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-color: grey;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#book_party {
    border: 3px green solid;
    padding: 5px;
    border-radius: 15px;
    margin-bottom: 10px;
/*    display: none;*/
}

#book_paypal {
    border: 3px coral solid;
    padding: 5px;
    border-radius: 15px;
    margin-bottom: 10px;
    margin-top:10px;
}

#paypal {
    display: none;
}

#accept_terms {
    display:none;
    background-color: #23b83c;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#accept_terms {
	border: 2px solid #FFF;
        border-radius: 2em;
/*	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;*/
/*	background-color: #000;*/
	color: #FFF;
}

#accept_terms:hover {
	opacity: 1.0; /* perception of emptiness */
/*	background-color: #cbff52;*/
	color: black;
/*	cursor: grab;*/
}

#accept_terms:active {
	opacity: 0.25;
/*	background-color: #ff5852;*/
/*	color: #f8f8e7;*/
/*	cursor: grabbing;*/
}

#player_price {
    display: none;
}

#current_dates {
    font-size: 30px;
}

#selectDate {
    padding-top: 5px;
    font-size: 24px;
}

#prev {
/*    float: left;*/
    height: 35px;
    width: 25px;
    background: url('../images/arrow_2.png') 0px 0;
    cursor: pointer;/* crosshair*/
    display: inline-block;
}

#next {
/*    float: left;*/
    height: 35px;
    width: 25px;
    background: url('../images/arrow_2.png') 25px 0;
    cursor: pointer;/* crosshair */
    display: inline-block;
}

#prev-button {
    font-size: 18px;
/*    vertical-align: top;*/
    display: inline-block;
}

#next-button {
    font-size: 18px;
/*    vertical-align: top;*/
    display: inline-block;
}

#prev_button_div {
    display: inline-block;
}

#next_button_div {
    display: inline-block;
}

#current_dates_display {
/*    float: left;*/
    margin-right: 10px;
    margin-left: 10px;
    color: dodgerblue;
    font-size: 24px;
    display: inline-block;
}

#current_dates_display_3days {
/*    float: left;*/
    margin-right: 10px;
    margin-left: 10px;
    color: dodgerblue;
    font-size: 24px;
    display: inline-block;
}

.select_num {
    color:green;
    font-weight: bold;
}

#input_info {
    color:green;
    font-weight: bold;
}

.select_time {
    color:green;
    font-weight: bold;
}

.book_text {
    font-size: 18px;
}

.book_titles {
    font-weight: bold;
}

#contact {
    font-size: 16px;
}

.party_booked {
    background-color: green;
    color: white;
    padding: 5px;
    font-size: 18px;
}

.party_not_booked {
    background-color: red;
    color: white;
    padding: 5px;
    font-size: 18px;
}

.video {
    text-align: left;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

#map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

#when {
    width: auto;
}

#calender_table {
    font-size: 18px;
    text-align: center;
}

.party_booked {
    grid-area: party_booked;
}

#title_text {
    grid-area: title_text;
}

#page_picture {
    grid-area: page_picture;
    text-align: center;
}

#picture_img {
    max-width: 100%;
    height: auto;
    width: auto; /* for ie9 */
}
.splash-position-2 {
    position: relative;
    top: -4px;
}

#about_bar {
    grid-area: about_bar;
}

#what_why {
    grid-area: what_why;
}

#reason_1 {
    grid-area: reason_1;

}

#reason_2 {
    grid-area: reason_2;

}

#reason_3 {
    grid-area: reason_3;

}

#room_bar {
    grid-area: room_bar;
}

#room_1 {
    grid-area: room_1;
}

#room_2 {
    grid-area: room_2;
}

#book_bar {
    grid-area: book_bar;
}

#booking {
    grid-area: booking;
}

#contact_bar {
    grid-area: contact_bar;
}

#contact {
    grid-area: contact;
}

#directions_bar {
    grid-area: directions_bar;
}

#directions {
    grid-area: directions;
}

#terms {
    grid-area: terms;
}

.container {
    display: grid;
/*    grid-gap: 1em;*/
/*    grid-gap: 10px;*/
    grid-template-areas:
    "party_booked"
    "topInfo"
    "logo"
    "left_bar"
    "right_bar"
    "page_picture"
    "about_bar"
    "what_why"
    "reason_1"
    "reason_2"
    "reason_3"
    "room_bar"
    "room_1"
    "room_2"
    "book_bar"
    "booking"
    "contact_bar"
    "contact"
    "directions_bar"
    "directions"
    "terms"
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    body {
        width: 1200px;
        margin: auto;
    }
    .container {
        margin: 0 auto;
/*	grid-gap: 5px;*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /*    grid-gap: 1em;*/
    /*    grid-gap: 10px;*/
        grid-template-areas:
        "party_booked party_booked party_booked party_booked party_booked party_booked"
        "topInfo topInfo topInfo topInfo topInfo topInfo"
        "left_bar left_bar logo logo right_bar right_bar"
        "page_picture page_picture page_picture page_picture page_picture page_picture"
        "about_bar about_bar about_bar about_bar about_bar about_bar"
        "what_why what_why what_why what_why what_why what_why"
        "reason_1 reason_1 reason_2 reason_2 reason_3 reason_3"
        "room_bar room_bar room_bar room_bar room_bar room_bar"
        "room_1 room_1 room_1 room_2 room_2 room_2"
        "book_bar book_bar book_bar book_bar book_bar book_bar"
        "booking booking booking booking booking booking"
        "contact_bar contact_bar contact_bar contact_bar contact_bar contact_bar"
        "contact contact contact contact contact contact"
        "directions_bar directions_bar directions_bar directions_bar directions_bar directions_bar"
        "directions directions directions directions directions directions"
        "terms terms terms terms terms terms"
        
    }
    #picture_img {
/*        max-width: 100%;*/
        height: auto;
        width: 1000px; /* for ie9 */
    }
    #topInfo {
	display: none;
    }
    .affixNav {
/*	display: none;*/
	position: relative; /* Disables affix */
	top: 0px;
	width: 1140px; 
	padding-left: 100px;
	background-image: linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -webkit-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -o-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
    }

    .splash-position {
	position: relative;
	top: -100px;
    }
    .splash-position-2 {
	position: relative;
	top: -104px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .container {
        display: grid;
        margin: 0 auto;
/*	grid-gap: 5px;*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /*    grid-gap: 1em;*/
    /*    grid-gap: 10px;*/
        grid-template-areas:
        "party_booked party_booked party_booked party_booked party_booked party_booked"
        "topInfo topInfo topInfo topInfo topInfo topInfo"
        "logo logo logo logo logo logo"
        "left_bar left_bar left_bar right_bar right_bar right_bar"
        "page_picture page_picture page_picture page_picture page_picture page_picture"
        "about_bar about_bar about_bar about_bar about_bar about_bar"
        "what_why what_why what_why what_why what_why what_why"
        "reason_1 reason_1 reason_2 reason_2 reason_3 reason_3"
        "room_bar room_bar room_bar room_bar room_bar room_bar"
        "room_1 room_1 room_1 room_2 room_2 room_2"
        "book_bar book_bar book_bar book_bar book_bar book_bar"
        "booking booking booking booking booking booking"
        "contact_bar contact_bar contact_bar contact_bar contact_bar contact_bar"
        "contact contact contact contact contact contact"
        "directions_bar directions_bar directions_bar directions_bar directions_bar directions_bar"
        "directions directions directions directions directions directions"
        "terms terms terms terms terms terms"
    }
    
    .affixNav {
	top: 25px;
	width: 940px; /*// 470*/
/*	//width: 1140px;  1170 - 30 for the missing gutters */
    }
    
    #topInfo {
/*        //margin: 0 auto;
	//top: 0px;
	//width: 940px;/ 470*/
	/*//width: 1140px; /* 1170 - 30 for the missing gutters */
	
    }
    .affixNavInfo {
	top: 0px;
	width: 940px; /*// 470*/
	/*//width: 1140px; /* 1170 - 30 for the missing gutters */
	background-image: linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -webkit-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -o-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        display: grid;
        margin: 0 auto;
/*	grid-gap: 5px;*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    /*    grid-gap: 1em;*/
    /*    grid-gap: 10px;*/
        grid-template-areas:
        "party_booked party_booked party_booked party_booked party_booked party_booked"
        "topInfo topInfo topInfo topInfo topInfo topInfo"
        "logo logo logo logo logo logo"
        "left_bar left_bar left_bar right_bar right_bar right_bar"
        "page_picture page_picture page_picture page_picture page_picture page_picture"
        "about_bar about_bar about_bar about_bar about_bar about_bar"
        "what_why what_why what_why what_why what_why what_why"
        "reason_1 reason_1 reason_2 reason_2 reason_3 reason_3"
        "room_bar room_bar room_bar room_bar room_bar room_bar"
        "room_1 room_1 room_1 room_1 room_1 room_1"
        "room_2 room_2 room_2 room_2 room_2 room_2"
        "book_bar book_bar book_bar book_bar book_bar book_bar"
        "booking booking booking booking booking booking"
        "contact_bar contact_bar contact_bar contact_bar contact_bar contact_bar"
        "contact contact contact contact contact contact"
        "directions_bar directions_bar directions_bar directions_bar directions_bar directions_bar"
        "directions directions directions directions directions directions"
        "terms terms terms terms terms terms"
    }
    
    .affixNav {
	top: 25px;
	width: 720px; /* 470*/

	/*width: 1140px; /* 1170 - 30 for the missing gutters */
    }
    .affixNavInfo {
	top: 0px;
	width: 720px; /* 470*/
	background-image: linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -webkit-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -o-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	/*width: 1140px; /* 1170 - 30 for the missing gutters */
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .affixNav {
	top: 0px;
/*	//width: 720px; // 470

	//width: 1140px;  1170 - 30 for the missing gutters */
    }
    
    .affixNavInfo {
	position: relative; /* Disables affix*/
	top: 0px;
/*	//width: 720px; // 470
	//width: 1140px;  1170 - 30 for the missing gutters */
	background-image: linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -webkit-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -o-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #FFFFFF, #AAAAAA);
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }
}

/*larger than Portrait phones*/
@media (min-width: 480px) {
    input {
        width: 250px;
    }
}


/* Portrait phones and smaller 
@media (max-width: 480px) {

}*/


.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}