/*
 Theme Name:   Theme Ostal
 Description:  Theme developpe pour le restaurant l'Ostal
 Author:       SAS COMMUNICATION
 Author URI:   http://www.sas-communication.fr
 Template:     betheme
 Version:      1.0.0
*/

/**
 * COLORS
 *
 * primary orange : #cc6633
 * darken 10% primary orange : #B34D1A
 * darken 20% primary orange : #993300
 * darken 30% primary orange : #801A00
 * darken 40% primary orange : #660000
 * 
 * lighten 10% primary orange : #E6804D
 * lighten 20% primary orange : #FF9966
 * lighten 30% primary orange : #FFB380
 * 
 */



#popup_contact {
    bottom: 85px!important;
}



/**
 * GENERAL
 */ 
.hidden {
	display: none;
}
h1 {
	text-transform: uppercase;
}
.box-shadow{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

/**
 * MENU BUTTON BACKGROUND
 */
.overlay-menu-toggle i {
	background: rgba(255,255,255,0.5);
}


/**
 * HIDE FOOTER ON HOOMEPAGE
 */ 
.home #Footer { display: none !important; }
#Top_bar { display: none !important; }


/**
 * NICE SCROLL BAR
 */
.nicescroll-rails {
	width: 20px !important;	
	background-color: #413f40 !important; 
}
.nicescroll-cursors {
	width: 20px !important;	
	background-color: #ca602d !important; 
}

/**
 * STICKY BOOKING BUTTON BOTTOM RIGHT
 */
#popup_contact a.footer_button { 
    color: white!important;
    background: #17492e!important;
}
/**
 * POPUP ACCUEIL
 */
a.menu-btn{
	border: 2px solid #17492e;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	transition: all 0.2s ease;
}
a.menu-btn:hover{
	text-decoration: none;
	background-color: #17492e;
	color: white;
}
/**
 * POPUP BOOKING
 */
.popup_contact_wrapper {
    width: 400px;
    max-height: 500px;
    overflow-y: auto;
}

/**
 * PROFILS EQUIPE
 */
.no-quote .team_list .column.one-fourth:last-of-type {
	display: none !important;
}
.no-quote .team_list .column.one-second {
	width: 73% !important;
}


/**
 * DESKTOP DISPLAY
 */
@media screen and (min-width: 768px) {
	
	body:not(.template-slider) #Header {
		background-image: url("http://www.lostal-restaurant.fr/wp-content/uploads/2016/02/bg-puy-de-dome-2.jpg");
	    background-size: auto 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	}

}

/**
 * MOBILE DISPLAY
 */
@media screen and (max-width: 767px) {

	body:not(.template-slider) #Header {
		background-image: url("http://www.lostal-restaurant.fr/wp-content/uploads/2016/02/bg-puy-de-dome-2.jpg") !important;
	    background-size: auto 100% !important;
	    background-position: center !important;
	    background-repeat: no-repeat !important;
	}
	body:not(.template-slider) #Header_wrapper {
	    background-image: none !important;
	}
	body:not(.template-slider):not(.header-simple) #Header {
	    min-height: 100px !important;
	}
	.section_wrapper, .container, .four.columns {
	    max-width: 95% !important;
	}

}


/**
.fermeture{
	display: none !important;
}
 */