/* Theme Layout Styling */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Header
	1.1 Branding
	1.2 Call to Action
	1.3 Navigation
		1.3.1 Social Media Menu
2.0 Body
	2.1 Layout
	2.2 Typography
	2.3 Media (wp-content/uploads)
	2.4 Callouts
	2.5 Helper Classes
	2.6 Forms (globals)
	2.7 Gallery
3.0 Widgets
  3.1 Homepage Master
  3.2 Upcoming Events
  3.3 Booking
  3.4 Contact
  3.5 Sidebar Ads
  3.6 Featured Winners
4.0 Template Parts
  4.1 Image Ads
  4.2 Lead Capture
  4.3 Full Page
5.0 Footer
6.0 Plugins
  6.1 Layer Slider
--------------------------------------------------------------*/

/* 1.0 Header--------------------------------------------------------*/

header.site-header{
	position: relative;
	z-index: 99;
	width: 100%;
}

@media screen and (min-width:768px){
 header.site-header{
    filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=0, startColorStr=#000000, endColor=0
    );
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=0, startColorStr=#000000, endColor=0
    );     
  	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* W3C */
  }
     
}

/* 1.1 Branding */
.site-branding{
  float: left;
  width: 38%;
  margin-bottom: 45px;
  padding: 0 5.2%;
}

@media screen and (min-width:800px){
  .site-branding{
    margin-bottom: 0;
  }
}

@media screen and (min-width:1024px){
  .site-branding{
    width: auto;
  }
}

.site-branding a{
  z-index: 99999;
  position: relative;  
}

.site-branding img{
	margin: .5em;
}

/* 1.3 Navigation */
.menu-toggle{
  float: right;
  width: 70px;
  height: 70px;
}

header .navbar-fixed-top {
  margin-top: 0;
}

@media screen and (min-width: 1024px){
  header .navbar-fixed-top {
   margin-top: 20px; 
  }  
}

/* Small menu */
button.menu-toggle {
	text-indent: -9999em;
	background: url(../img/icons/mobile-menu.png) no-repeat center center;
	box-shadow: none;
	border: none;
	box-shadow: none;
  outline-color: #236DCD;
  outline-color: transparent;
  outline-style: none;
  outline: none;
}

button.menu-toggle:active, button.menu-toggle:focus{
  box-shadow: none;
}

.toggled .nav.navbar-nav{
  width: auto;
  display: inline-block;
  float: right;
  padding: 0 3%;  
}

nav .container{
	margin: 0 auto;
	float: none;
}

.main-navigation{
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  max-width: 1600px;
}

@media screen and (min-width:1024px){
 .main-navigation{
    padding-right: 30px;
  }   
}

.main-navigation ul ul{
  background: #000;
  top: auto;
  margin-bottom: 10px;
}

.main-navigation ul ul{
  position: relative;
  display: block;
  left: 0;
}

.main-navigation ul ul li{
  border-bottom: solid 1px rgba(255,255,255,.3);  
}

.main-navigation ul ul li:last-child{
  border-bottom: none;
}

@media screen and (min-width:1024px){
	.main-navigation ul ul{
    position: absolute;
    left: -999em;
  }
  
  .main-navigation ul ul li{
    border-bottom: none;
  }
}

@media screen and (min-width:768px){
	nav .container{
		width: auto;
	}
}

.navbar-fixed-top{
	position: absolute;
	z-index: 4;
}

@media screen and (min-width:640px){
	.navbar-fixed-top{
		margin-top: 20px;
	}
}

.navbar-default{
  text-transform: uppercase;
	background: transparent;
}

.navbar-nav{
  background: #000;
/*   position: relative; */
  margin-left: 30px;
}

.main-navigation li{
  float: none;
}

.main-navigation li:hover > a{
  background: purple;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
  background: #5D3676;  
}

@media screen and (min-width:1024px){
  .navbar-nav{
    float: right;
    background: transparent;
    margin-left: 0;
  }
  
  .main-navigation li{
    float: left;
  }
}

/*start*/
.menu-primary .nav{
	width: 100%;
}

@media screen and (min-width:768px){
	.menu-primary .nav{
		width: auto;
	}
}

.menu-primary .navbar-nav>li{
	width: 100%;
}

@media screen and (min-width:768px){
	.menu-primary .navbar-nav>li{
		width: auto;
	}
}


.navbar-nav li.menu-item a{
	color: #FFF;
	padding: 15px;
	font-size: 1.25em;
	display: block;
	text-align: center;
}

@media screen and (min-width:768px){
	.navbar-nav li.menu-item a {
		padding: 15px 8px;
	}
}

@media screen and (min-width:991px){
	.navbar-nav li.menu-item a {
		padding: 10px;
	}
}

.navbar-nav .sub-menu li.menu-item a{
  text-align: center;
  font-size: .8em;
}

@media screen and (min-width:1024px){
	.navbar-nav .sub-menu li.menu-item a{
  text-align: left;
  }
}

.navbar-nav .sub-menu li.menu-item a{
  color: #40c6f2;
}

@media screen and (min-width:1024px){
	.navbar-nav .sub-menu li.menu-item a{
    color: #FFF;
  }
}

.navbar-nav .sub-menu li.menu-item a:hover{
  background: none;
  color: #40c6f2;
}

.navbar-nav .dropdown-menu li.menu-item a{
	text-align: left;
}

/*
@media screen and (min-width:768px){
  .navbar-nav li.menu-item a{
    font-size: .65em;
  }
}
*/

@media screen and (min-width:900px){
	.navbar-nav li.menu-item a{
		font-size: .75em;
	}
}

@media screen and (min-width:1152px){
	.navbar-nav li.menu-item a{
		font-size: 1em;
	}
}

@media screen and (min-width:1280px){
  .navbar-nav li.menu-item a{
    font-size: .95em;
  }
}

@media screen and (min-width:1600px){
  /* max width */
  .navbar-nav li.menu-item a{
    font-size: 1.2em;
  }
}


/*special classes for adding social menu items to main nav on small screen devices******************************/
@media screen and (min-width:768px){
	.navbar-nav li.menu-item a[href*="facebook.com"]{
		display: none;
	}
}

@media screen and (min-width:991px){
	.navbar-nav li.menu-item:not(.last) a::after{
		left: 15px;
	}
}

/*nested lists in the nav*/
.navbar-nav ul.dropdown-menu li.menu-item:not(.last) a::after{
	content: '';
}

/*hover fix for Bootstrap3*/
@media screen and (min-width:768px){
.dropdown:hover .dropdown-menu {
/* 	border-top: 4px solid #CCC; */
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
 }
}

.nav.navbar-nav, .menu-social{
  clear: both;
}


@media screen and (min-width:1366px){
  .nav.navbar-nav,.menu-social{
    clear: none;
  }
}

/* dropdown menu on mobile */
@media screen and (max-width:767px){
	.nav.navbar-nav{
		margin: 0;
	}
	
	.dropdown ul{
	    display: block;
	    position: relative;
	    float: none;
	    font-size: .8em;
	    max-width: 95%;
	    margin: auto;
	}
	
	.navbar-nav .dropdown-menu li.menu-item a{
		text-align: center;
	}
}

/*active page li*/
.navbar-default .navbar-nav>.active>a{
	color: #cd4a0e;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover{
	color: inherit;
	background: transparent;
}

.navbar-fixed-top .navbar-collapse{
	max-height: none;
}

/* 1.3.1 Social Menu Menu */
header .menu-social{
	display: none;
	float: right;
	top: 4px;
	right: 10px;
}

@media screen and (min-width:640px){
	header .menu-social{
		display: block;	
	}
}

.menu-social{
	text-align: center;
	list-style: none;
}

.menu-social ul{
	margin: 0;
	padding: 0;
}

.menu-social ul li{
	position: relative;
	display: inline-block;
}

.menu-social ul li a{
	padding: 8px 3px;
	border: none;
}

@media screen and (min-width: 810px){
	.menu-social ul li a{
		padding: 8px 5px;
	}
}

.menu-social ul li a:before{
	display: inline-block;
	padding: 0;
	vertical-align: top;
	content: ' ';
	width: 32px;
	height: 32px;
	background: url(../img/logos/facebook-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="twitter.com"]:before{
	background: url(../img/icons/twitter-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="instagram.com"]:before{
	background: url(../img/icons/instagram-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="facebook.com"]:before{
	background: url(../img/icons/facebook-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="youtube.com"]:before{
	background: url(../img/icons/youtube-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="email"]:before{
	background: url(../img/icons/email-28x28.png) no-repeat center top;
}

.menu-social ul li a[href*="yelp"]:before{
	background: url(../img/icons/yelp-28x28.png) no-repeat center top;
}

/*contact widget social menu*/
.contact .menu-social{
  text-align: center;
  width: 100%;
  margin-top: 5%
}

@media screen and (min-width:960px){
 .contact .menu-social{
    text-align: left;
    width: auto;
    margin-top: 0;
  }  
}

.contact .menu-social ul li a:before{
	display: inline-block;
	padding: 0;
	vertical-align: top;
	content: ' ';
	width: 50px;
	height: 50px;
	background: url(../img/logos/facebook-28x28.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="twitter.com"]:before{
	background: url(../img/icons/twitter-50x50.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="instagram.com"]:before{
	background: url(../img/icons/instagram-50x50.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="facebook.com"]:before{
	background: url(../img/icons/facebook-50x50.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="youtube.com"]:before{
	background: url(../img/icons/youtube-50x50.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="email"]:before{
	background: url(../img/icons/email-50x50.png) no-repeat center top;
}

.contact .menu-social ul li a[href*="yelp"]:before{
	background: url(../img/icons/yelp-50x50.png) no-repeat center top;
}

/*-----------------------------------------------------------END 1.0 */

/* 2.0 Body----------------------------------------------------------*/
body{
  background: #2D2D2D;
}

.site{
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

/* 2.1 Layout */
.featured-banner img{
  margin-top: -120px;  
}

@media screen and (min-width:480px){
	.featured-banner img{
    margin-top: -180px;  
  }
}

.home .entry-content{
	margin: 0;
}

.home .hentry{
  margin: 0;
}

.page .site-content{
  margin-top:-175px;
  background: #FFF;
}

.single .site-content{
  background: #FFF;  
}

.entry-content.two-third{
  float: left;
}

article.hentry{
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}

.home article .entry-content{
  margin: 0;
  padding:0;
}


article .entry-content{
  margin: 0;
  padding: 3.75%;
}

.row::before, .row::after{
	content:"";
	display:table;	
}

.row::after{
	clear: both;
}

.row div{
float: left;
}

.row div img{
	width: 100%;
	padding: 0;
}

.row.full{
  width: 100%;
}

.one-half, .one-third, .one-fourth, .one-fifth, .two-third, .three-fourth{
  width: 100%;
}

@media screen and (min-width:960px){

  .one-half{
    width: 50%;
  }
  
  .one-third{
    width: 33.333%;
  }
  
  .one-third > div{
    width: 100%;  
  }
  
  .one-fourth{
    width: 25%;
  }
  
  .two-third{
    width: 66.666%;
  }
  
  .three-fourth{
    width: 75%;
  }
  
  .one-fifth{
    width: 20%;
  }

}


/* 2.2 Typography */

body{
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6{
  font-weight: 300;
}

h2.child{
  color: #FFF;
  text-shadow: 0 0 5px rgba(0,0,0,1);
  font-size: 2.5em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

h3{
  font-size: 13vw;
  color: #5D3676;
  text-transform: uppercase;
  padding: 50px;
  margin: 0;
  line-height: 1;
}

@media screen and (min-width:640px){
 h3{
  font-size: 55px;
}  
}

h4{
  font-size: 30px;
  font-weight: 300;
  margin: 20px 0 0 0;  
  line-height: 30px
}

h5{
  font-size: 26px;
  line-height: 26px;
  color: #939598;
  margin: 10px 0;
  padding: 0;  
}

.entry-header{
  text-align: center;  
}

.entry-header .entry-title{
  text-transform: uppercase;
  color: #FFF;
  background: url(../img/bg-feature-top.png) no-repeat center top;
  height: 85px;
  padding-top: 24px;
  margin-top: -76px;
  margin-bottom: 0;
  z-index: 2;
  position: relative;  
}

/* 2.3 Media */
.promo-thumbnail{
  border: solid 1px #55376c;
  float: right;
}

@media screen and (min-width:960px){
 .promo-thumbnail{
  margin-top: -100px;
}
   
}

/* 2.4 Callout */
.callout h3{
  color: #FFF;
}

.callout .logos{
  height: 130px;
  width: 90%;
  margin: 0 auto;
  float: none;
  background: url(../img/logos/wild_river.png) no-repeat center center;
}

.callout .logos.speedway{  
  background: url(../img/logos/cocopah-speedway.png) no-repeat center center;
}

.callout .logos.golf{  
  background: url(../img/logos/cocopah-golf.png) no-repeat center center;
}

.callout .logos.rv{  
  background: url(../img/logos/cocopah-rv.png) no-repeat center center;
}

.callout .logos.museum{  
  background: url(../img/logos/cocopah-museum.png) no-repeat center center;
}


@media screen and (min-width:960px){
  .callout .logos.speedway, .callout .logos.golf, .callout .logos.rv{
    background-size: 100%;
  }
}

@media screen and (min-width:1280px){
  .callout .logos.speedway, .callout .logos.golf{
    background-size: auto;
  }  
  
  .callout .logos.rv{
    background-size: contain;
  }    
}

@media screen and (min-width:1600px){
  .callout .logos.rv{
    background-size: auto;
  }    
}

.callout.grey{
  background: #6d6f71;
}

.callout.grey article div{
  text-align: center;
}

.callout.grey img.logo{
  width: auto;
}

.callout.grey a{
  color: #FFF;
  font-size: 40px;
  font-size: 1.75em;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 55px;
  display: block;
}

@media screen and (min-width:960px){
 .callout.grey a{
    font-size: 1.25em;
  }   
}

@media screen and (min-width:1280px){
 .callout.grey a{
    font-size: 1.75em;
  }   
}

/* 2.5 Helper Classes */
div.clear-fix{
  height: 1px;
  clear: both;
  float: none;
}

.small-screen-hidden{
  display: none;
}

@media screen and (min-width:1152px){
 .small-screen-hidden{
    display: block;
  }  
}

/* 2.6 Forms (globals)*/
input[type="submit"]{
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

button{
  border: solid 1px #5d3676;
  border-radius: 0;
  background: none;
  color: #5d3676;
  text-transform: uppercase;
}

/* 2.7 Gallery */
.gallery figure{
  padding: 0;
  margin: 4px 0;
}

.gallery .gallery-icon{
  display: table;
  margin: 0 auto;
}

/*----------------------------------------------------END 2.0 */

/* 3.0 Widgets -----------------------------------------------*/
.widget-area.one-third{float: right;}

aside{
  background: #e6e7e8;
  padding: 0 3.75%;
}

aside.upcoming-promotions{
  background: none;
}

aside.upcoming-events{
  padding: 0;
}

.home aside{
  padding: 0;
}

/* 3.1 Master */
.widget-wrapper.multi-widget{
  position: relative;
  z-index: 10;  
}

@media screen and (min-width:660px){
  .widget-wrapper.multi-widget > .row:first-child{
    background: url(../img/bg-feature-top.png) no-repeat center bottom;
    height: 100px;
    margin-top: -175px;  
  }
}

/* 3.2 Upcoming */
.widget-area.upcoming-events{
  background: url(../img/bg-upcoming.jpg);
}

.upcoming .one-third div{
  margin: 0 10%;
  width: 80%;
}

.upcoming .one-third a{
  display: block;
  margin: 2% 0 10%;
}

/* 3.3 Booking */
.widget-area.booking-widget{
    width: 100%;
    font-family: sans-serif;
    background: rgba(239,239,239,.9);
    border: solid 1px #79bf4d;
    padding: 1.5%;
    /* z-index: 999; */
    height: auto;
    margin-top: 0;
    margin-left: 0;
    /* position: relative; */
}

@media screen and (min-width:960px){
 .widget-area.booking-widget{
    width: 45%;
    margin-top: -200px;
    margin-left: 5%;
  }
}

.booking-widget header{
  width: 50%;
  background: none;
  padding: 0;
  margin: 0;
  text-align: right;
  font-size: 5vw;  
  text-transform: uppercase;
  color: #5d3676;
  float: left;
}

@media screen and (min-width:660px){
 .booking-widget header{
  background: url(../img/icons/calendar_icon.png) no-repeat center left;
  background-size: auto 100%;
  display: inline-block;
  width: 35%;
  padding-left: 40px;
  text-align: right;
  font-size: 3.125vw;
  margin-left: 5%;  
  }
}

@media screen and (min-width:960px){
 .booking-widget header{
    text-align: center;
    background: none;
    display: block;
    width: 100%;
    padding-left: 0;  
    float: none;
    margin-left: 0;
    font-size: 36px;
  }
}

.booking-widget .input-container{
  display: none;
  width: 70%;  
}

@media screen and (min-width:960px){
 .booking-widget .input-container{
    display: block;
  }   
}

.booking-widget .booking-widget-form .row{
  width: 50%;
  margin: 0;
  padding: 0;
}

@media screen and (min-width:660px){
 .booking-widget .booking-widget-form .row{
    width: 55%;
    margin-left: 2%;
    /* width: 55%; */
  }
   
}

@media screen and (min-width:960px){
 .booking-widget .booking-widget-form .row{
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (min-width:960px){
 .booking-widget .clear-fix{
    clear: both;
  }
   
}

.booking-widget label{
  text-transform: uppercase;
  color: #8B8B8B;
  font-size: 14px;
  width: 100%;
  text-align: center;
  margin: 8px auto;
  display: block;
}

.booking-widget label+div{
  background: #FFFFFF;
  width: 70%;
  height: auto;
  margin: 0 auto;
  float: none;
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  padding-bottom: 5%;
}

.booking-widget label+div span{
  display: block;
  text-align: center;
  font-size: 50px;
  font-size: 3.125em;
  color: #5d3676;
  line-height: 1;  
}

.booking-widget label+div span:first-child{
  padding-top: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

@media screen and (min-width:1152px){
  .booking-widget label+div span:first-child{
    padding-top: 30px;  
  }
}

.booking-widget input[type='text']{
  width: 100%;
  background: url(../img/buttons/arrow-selector-booking.png) no-repeat center bottom;
  height: auto;
  margin-top: 5%;
  border: none;
  text-indent: -999em;
}

.booking-widget input[type='text']:hover{
 cursor: pointer; 
}

.booking-widget input[type="number"]{
  font-size: 50px;
  color: #5d3676;
  width: 100%;
  height: 50px;
  text-align: center;
  border: none;  
  line-height: 1;
  -moz-appearance: textfield;
}

.booking-widget input[type=number]::-webkit-inner-spin-button, 
.booking-widget input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0; 
}

@media screen and (min-width:1152px){
  .booking-widget input[type="number"]{
    height: 70px;
  }  
}

.booking-widget input:focus {
  outline-color: #236DCD;
  outline-color: transparent;
  outline-style: none;
  outline: none;
}

.booking-widget .number img{
  width: auto;
  margin: 0 auto;
  display: block;

}

.booking-widget .number img:hover{
  cursor: pointer;
}

.booking-widget .number img.tick-up{
  padding-top: 10px;
}

.booking-widget .submit-container{
  width: 100%;
  font-size: 13px;
  text-transform: uppercase;
  color: #8b8b8b;  
  line-height: 1.2;
}

@media screen and (min-width:960px){
 .booking-widget .submit-container{
  width: 30%;
 }  
}

.booking-widget .submit-container a{
  font-size: 36px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #8b8b8b;
  float: right;
}

@media screen and (min-width:960px){
 .booking-widget .submit-container a{
  float: none;
  }  
}

.booking-widget input[type='submit']{
  width: 96%;
  background: #5D3676;
  border: none;
  box-shadow: none;
  color: #FFF;
  font-size: 11px;
  font-size: 1.3em;
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 3% 8%;
  margin: 0 2%;
  font-size: 3.75vw;
}

@media screen and (min-width:660px){
 .booking-widget input[type='submit']{
  font-size: 2vw;
   padding: 3% 12%;
   width: auto;
  }  
}


@media screen and (min-width:960px){
 .booking-widget input[type='submit']{
    font-size: 21px;
    font-size: .9em;
    font-size: .9rem;
    margin: 25% 0 10% 0;
    padding: 10% 12%;
  }
}

@media screen and (min-width:1152px){
  .booking-widget input[type='submit']{
    font-size: 13px;
    font-size: 1em;
    font-size: 1rem; 
    margin: 30% 0 10% 0;
  }  
}

.booking-widget a[href^=tel]{
  display: none;
  font-size: 1.2em;
  font-size: 1.2rem;

  font-size: 25px;
  margin-top: -35px;
}

@media screen and (min-width:660px){
 .booking-widget a[href^=tel]{
 display: block;
  margin-top: -25px;
  }
}

@media screen and (min-width:960px){
 .booking-widget a[href^=tel]{
    font-size: 1.2em;
    font-size: 1.2rem;
    margin-top: 0;
  }
  
}

@media screen and (min-width:1152px){
  .booking-widget a[href^=tel]{
    font-size: 18px;
    font-size: 1.4em;
    font-size: 1.4rem;
    margin-top: 0;
  }  
}

.booking-widget em{
  display: none;
  font-style: normal;
  float: right;
}

@media screen and (min-width:660px){
 .booking-widget em{
    display: block;
 }  
}

@media screen and (min-width:960px){
 .booking-widget em{
    float: none;
  }
}

.ui-corner-all {
  border-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
}

.ui-datepicker-header.ui-widget-header {
  background: purple;
  background-color: purple;
  color: #FFFFFF;
}

/*
#booking.widget-area{
  position: relative;
  z-index: 100;
  top: -300px;
  width: 635px;
  left: 50px;
}

#booking.widget-area .content{
    border: solid 1px #9DCA77;  
}

.widget-area.booking-widget{
  width: 635px;
  height: 235px;
  background: rgba(239,239,239,.5);
  border: solid 1px #79bf4d;
}

form.booking-widget {
  font-family: sans-serif;
}

.input-container {
  display: inline-block;
  line-height: 1;
}

.input-container label {
  text-transform: uppercase;
  color: #8B8B8B;
  font-size: 14px;
  width: 100%;
  text-align: center;
  margin: 8px auto;
  display: block;
}

.input-container.center {
  margin: 0 40px;
}

.faux-input {
  position: relative;
  width: 110px;
  height: 140px;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, .45);
}

.faux-input.number{
}

.faux-input input[type="number"]{
    width: 100%;
    text-align: center;
    height: 75px;  
}

.faux-input span {
  position: relative;
  color: #5d3676;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
}

.faux-input span+span {
  font-size: 50px;
}

.guest-count{
  color: #5d3676;
  text-transform: uppercase;
  font-size: 50px;  
}

input {
  display: block;
  padding: 2px;
  background: transparent;
  border: none;
}

input:focus {
  outline-color: #236DCD;
  outline-color: transparent;
  outline-style: none;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 8px;
  color: #333;
  text-align: center;
  position: relative;
}

input[type=number]::-webkit-inner-spin-button:hover {
  color: #236DCD;
}

input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
  content: "^";
  position: absolute;
  right: 0;
  font-family: monospace;
  line-height:
}

input[type=number]::-webkit-inner-spin-button:before {
  top: 0px;
}

input[type=number]::-webkit-inner-spin-button:after {
  bottom: 0px;
  -webkit-transform: rotate(180deg);
}

.datepicker {
  background-image: url(../img/buttons/arrow-selector-booking.png);
  background-repeat: no-repeat;
  background-position: center 95%;
  text-indent: -999em;
  width: 55px;
  height: 24px;
  position: absolute;
  left: 27.5px;
  bottom: 5px;
}

.ui-corner-all {
  border-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
}

.ui-datepicker-header.ui-widget-header {
  background: purple;
  background-color: purple;
  color: #FFFFFF;
}
*/

/* Homepage Feature Widget*/
.widget-area.feature-area{
  margin-top: 0;
  z-index: 99;
  position: relative;  
}

.featured-content .one-third{
  width: 50%;
  float: right;
  margin-top: -20%;
}

.featured-content .one-third .thumbnail{
  display: none;
}

@media screen and (min-width:480px){
 .featured-content .one-third .thumbnail{
  display: block;
}
   
}

@media screen and (min-width:640px){
 .featured-content .one-third{
  width: 100%;
  float: left;
  margin-top: 0;
}
   
}

@media screen and (min-width:640px){
  .widget-area.feature-area .one-third{
    width: 33.333%;
  }

  .widget-area.feature-area .two-third{
    width: 66.666%; 
  }
}

@media screen and (min-width:1280px){
  .featured-content .two-third{
    margin-top: 30px;  
  }
}

.feature-area-before{
  z-index: 99;
  width: 100%;
  height: 90px;
  background: url(../img/bg-feature-top.png) no-repeat center bottom;
}

.widget-area.feature-area .featured-content{
  background: url(../img/bg-feature.png) no-repeat center top;  
  width: 100%;
  z-index: 100;
  position: relative;
}

.widget-area.feature-area .thumbnail{
  padding: 10%;
}

.widget-area.feature-area .featured-content .two-third > *{
  margin: 0 0 0 10%;
  padding: 0;
  clear: none;
}


.widget-area.feature-area .widget.header{
  color:#35650C;  
  font-size: 36px;
  font-size: 1.875em;
    font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 3%;
}

@media screen and (min-width:768px){
 .widget-area.feature-area .widget.header{
  font-size: 2.5em;
}
   
}

.widget-area.feature-area .widget.subhead{
  color:#FFF;
  font-size: 25px;
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media screen and (min-width:1280px){
   .widget-area.feature-area .widget.subhead{
    font-size: 30px;
    font-size: 1.5em;
  }   
}

.widget-area.feature-area a{
  text-decoration: none;
}


.widget-area.feature-area a button{
  border: 2px solid #FFF;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #FFFFFF;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
}

.widget-area.feature-area a button::after{
  content: " \003E\003E";
}

.widget-area.feature-area .featured-content .fine-print{
  font-size: 8px;
  font-size: .615em;
  color:#558033;
  text-transform: uppercase;
  text-decoration: underline;
  display: block;
  margin-top: 15px;
}

/* 3.4 Contact*/
.widget-area.contact{
  background: #FFF;  
}

@media screen and (min-width:660px){
 .widget-area.contact .two-third .one-third{
    width: 33.333%; 
  }     
}

.widget-area.contact article{
  padding: 3.5%;
}

.widget-area.contact header{
    font-size: 3.45em;
    color: #939598;
    text-transform: uppercase;
    font-weight: 300;
}

.widget-area.contact h5{
  display: block;
  font-size: 40px;
  color: #2d133e;
  margin: 20px 0;
  line-height: 1;  
  text-transform: uppercase;
}


.widget-area.contact .row > .one-third h5{
  display: none;
}

@media screen and (min-width:960px){
  .widget-area.contact .row > .one-third h5{
    display: block;
  }
}

.widget-area.contact h6, .widget-area.contact address{
  font-size: 1.5em;
  color: #a7a9ac;
  margin: 0;
  line-height: 1;
  font-weight: 600;
}

.widget-area.contact h6 a{
  color: #A7A9AC;
  text-decoration: none;
  padding: 0 5% 0 0;

}

@media screen and (min-width:1152px){
 .widget-area.contact h6{
  font-size: 1.875em;
 }  
}

@media screen and (min-width:1280px){
  .widget-area.contact h6{
    font-size: 2em;
  }
}  

.widget-area.contact address{
 font-style: normal;
 font-size: 1.125em;
}

@media screen and (min-width:1152px){
  .widget-area.contact address{
  font-size: 1.25em;
  }
}

@media screen and (min-width:1280px){
  .widget-area.contact address{
    font-size: 1.5em;
  }
}

button.back-to-top{
  float: right;
  background: transparent url(../img/buttons/back-to-top.jpg) no-repeat top center;
  box-shadow: none;
  text-shadow: none;
  color: #c7c8ca;
  font-size: 15px;
  border: none;
  border-radius: 0;
  width: 105px;
  height: 80px;
  padding: 0;
  vertical-align: bottom;
  line-height: 10;  
}

button.back-to-top:hover,button.back-to-top:focus,button.back-to-top:active{
  outline: none;
  outline-color: transparent;
  outline-style: none;
  box-shadow: none;  
}

/* 3.5 Sidebar Advertisements */

aside section h2{
  color: #5d3676;
  text-transform: uppercase;  
}

aside.sidebar-flush-right{
  padding-right: 0;
}


@media screen and (min-width:960px){
	aside.sidebar-flush-right section.slots-aside{
    margin-left: -12.5%;  
  }
}

#secondary .widget_sp_image-description{
  clear: both;
  padding: 2% 2% 2% 0;
}

@media screen and (min-width:566px){
	#secondary .widget_sp_image-description{
    clear: none;
    padding: 0;
  }
}

@media screen and (min-width:960px){
	#secondary .widget_sp_image-description{
    clear: both;
    padding: 2% 2% 2% 0;
  }
  
  img.attachment-full.alignright{
    width: 100%;
  }
}

@media screen and (min-width:1280px){
	#secondary .widget_sp_image-description{
    clear: none;
    padding: 0;
  }
  
  img.attachment-full.alignright{
    width: 65%;
  }
}

/* 3.6 Featured Winners */
.featured-winners{
  text-transform: uppercase;
  font-weight: 300;
}

.featured-winners h2{
  margin-bottom: 0;
  font-size: 30px;
  color: #000;
}

.featured-winners p{
  margin-top: 0;
  font-size: 26px;
  color: #939598;
}

.slots-aside{
  margin-bottom: 0;  
}

ul#menu-slots.menu{
  margin-left: 0;
  padding-left: 0;  
}

.menu-slots-container .menu li{
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
}

.menu-slots-container .menu li a{
  background: #5d3676;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 3%;
  font-size: 2em;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  width: 100%;  
}

/*-End-Widgets-------------------------------------------------*/
 
/* 4.0 Template-Parts--------------------------------------------------------*/

/* 4.1 ADS */
.advertisement{
  position: relative;
  width: 100%;
}

.advertisement header{
  background: transparent;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: 300;
  text-shadow: 0 0 15px rgba(255,255,255,.8);  
  line-height: 1;
}

.advertisement header.white{
  color: #FFF;
  text-shadow: 0 0 15px rgba(0,0,0,.8);
}

a .advertisement header{
  color: #000;
}

a .advertisement header.white{
  color: #FFF;
}

.ad-space{
  line-height: 0;
}

/* 4.2 Lead Capture*/
.lead-capture .fill-green{
  background: #79bf4d;
}

.lead-capture .fill-green span{
  display: block;
  font-size: 30px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  padding-top: 25px;
  line-height: 30px;
}

.lead-capture form{
  padding-top: 10%;
  width: 100%;  
}


@media screen and (min-width:480px){
 .lead-capture .fill-green span{
  padding-top: 45px;
}  

.lead-capture form{
  padding-top: 50px;
  padding-left: 90px;
  width: 85%;  
}


}



@media screen and (min-width:1152px){
 .lead-capture form{
    width: 66.667%;  
  }   
}

.lead-capture form input[type="text"]{
  height: 36px;
  float: left;
  background: #FFF;
  border: solid 1px #c1c1c1;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}

.lead-capture form input[type="submit"]{
  height: 36px;
  width: 100%;
  float: left;
  background: #79bf4d;
  box-shadow: none;
  border: none;
  color: #FFF;
  text-shadow: none;
  text-transform: uppercase;
  border-radius: 0;
}


@media screen and (min-width:480px){
 .lead-capture form input[type="text"]{
  width: 75%;  
}

.lead-capture form input[type="submit"]{
  width: 25%;
}
}


.lead-capture .fill-pattern.start-green{
  background: url(../img/bg-lead_capture.jpg) repeat left top;
}

@media screen and (min-width:960px){
 .lead-capture .fill-pattern.start-green{
  background: url(../img/bg-lead_capture-after.png) no-repeat left center, url(../img/bg-lead_capture.jpg) repeat left top;
}
   
}

.lead-capture .row > div{
  height: 140px;
}

/* 4.3 Full Page */
.page-template-full-page aside{
  margin: 0 -4%;
  padding: 0;
}

/*----------------------------------------------------END 4.0 Template-Parts---*/

/* 5.0 Footer--------------------------------------------------------*/

footer{
  background: #5d3676;
}

footer > div:first-child{
  margin: 10px 55px;
}

footer .nav.footer-nav{
  margin: 5% 0 1.5em;
  padding: 0;
  text-align: center;
}

@media screen and (min-width:960px){
	footer .nav.footer-nav{
    padding-left: 40px;
  }
}

.utility-nav ul{
  margin-left: 0;
  padding-left: 0;
}

footer .nav.utility-nav li{
  display: block;  
}

@media screen and (min-width:480px){
	footer .nav.utility-nav li{
    display: inline-block;  
  }
}

footer .nav.footer-nav li{
  display: block;
  padding: 10px 0;
  border-bottom: solid 1px rgba(255,255,255,.1);
}

footer .nav.footer-nav li:last-child{
  border-bottom: none;
}

@media screen and (min-width:768px){
	footer .nav.footer-nav li{
    display: inline-block;
    padding: 0;
    border-bottom: none;
  }
}


footer .nav.footer-nav li a{
  font-size: 16px;
  color: #c7c8ca;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 30px;
}

@media screen and (min-width:1166px){
	footer .nav.footer-nav li a{
    font-size: 21px;
  }
}

footer .site-info{
  background: #36144b;
  width: 100%;
  font-size: 13px;
  color: #939598;
  padding: 5px 4%;  
}

footer .site-info .utilities, footer .site-info .utilities a{
  color: #939598;
  text-decoration: none;
}

footer .site-info .utilities{
  text-align: center;  
}

@media screen and (min-width:768px){
	footer .site-info .utilities{
    text-align: left;  
  }
}

footer .site-info .utilities .sep{
  color: #FFF;
}

footer .site-info .nav{
  display: block;
  width: auto;
  padding: 0;
}

@media screen and (min-width:768px){
	footer .site-info .nav{
  display: inline-block;
 }
}


footer .nav.utility-nav{
  margin: 0 0 0 5px;
}

footer .nav.utility-nav li a {
border-top: solid 1px #FFF;
padding-top: 5px;
}

footer .nav.utility-nav li{
  margin: 10px;
}


@media screen and (min-width:480px){
	footer .nav.utility-nav li a {
  	border-top: none;
    padding-top: 0;
    border-left: solid 1px #FFF;
    padding-left: 5px;
  }
  
  footer .nav.utility-nav li{
    margin: 0;
  }  
  
	footer .nav.utility-nav li:first-child a {
    border-left: none;
    padding-left: 5px;  	
	}
  
}

@media screen and (min-width:768px){
	footer .nav.utility-nav li:first-child a {
    border-left: solid 1px #FFF;
    padding-left: 5px;  	
	}
}

footer .site-info a[rel="designer"]{
  display: inline-block;
  float: none;
}

footer .site-info a[rel="designer"]::before{
  content: ' \2681  ';
  color: #FFF;
  font-size: 1.25em;
}

@media screen and (min-width:960px){
 footer .site-info a[rel="designer"]{
    float: right;
  }
  
  footer .site-info a[rel="designer"]::before{
    content: "";
  }
}

footer .site-info a[rel="designer"] span{
  color: #FFF;
}
/*----------------------------------------------------END 5.0 Footer */

/* 6.0 Plug-ins--------------------------------------------------------*/

/* 6.1 Layer Slider */
.ls-container{
  background: #F5F5F5 !important;
}

.ls-layer img{
top: 50px !important;  
}

.ls-layer p{
  display: none !important;
}

.ls-layer p.dark{
  text-shadow: none;
}

@media screen and (min-width:480px){
 .ls-layer img{
top: auto !important;  
}

.ls-layer p{
  display: block !important;
  text-shadow: 0 0 15px rgba(0,0,0,1);
}
   
}
/* 6.1.1 Banner */

/* 6.1.2 Advertisement */
.ls-container .ls-inner .ad-copy{
  width: 60%;
  white-space: pre;
  word-break: break-all;
}

.ad-copy{
  text-transform: uppercase;  
}

.ls-layer > a{
  text-decoration: none;
  cursor: pointer;
}

.ad-copy span{
  display: block;
}

.ad-copy p{
  text-transform: none;
  white-space: normal;
  word-break: break-word;
}

.ad-copy .large{
  font-size: 4.3vw;
  line-height: 5vw;
}

.ad-copy .medium{
  font-size: 3vw;
  line-height: 3vw;
}

@media screen and (min-width:1600px){
 .ad-copy .large{
    font-size:80px;
  }  
  
  .ad-copy .medium{
    font-size: 45px;
  }

}

.ad-copy .blue{
  color:#239ab5;  
}

.ad-copy .blue.dark{
  color: #0c3943;
}

.ad-copy .white-button{
  border: none;
  background: #FFF;
  font-size: 20px;
}

.ad-copy .white-button::after{
  content: " \003E\003E";
  position: relative;
  top: -2px;
}  

.events .wpmudevevents-location{
  background: url(../img/icons/pin.png) 0 5px no-repeat;
}

article #wpmudevevents-wrapper p{
  font-size: 1em;
}
/*--------------------------------------------------------END 6.0 Plug-ins */