/*

Theme Name: Quandoo Starter Theme 03

Author: Joanna Dubiel

*/



@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext);



html, body {

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

	font-family: 'PT Sans Narrow', sans-serif !important;

	font-size: 22px !important;

	color:#7C1502 !important;

    height: 100%;

}



.q_signature { max-height: 20px; }



h1, h2, h3, h4 {

	font-family: 'Great Vibes', cursive;

}



a {

	color: #7C1502 !important;

}



a:hover {

	color: #fff !important;

}



#navigation {

    position: fixed;

    background-color: rgba(218,165,87,0.9);

    height: 100%;

    padding-top: 10%;

    padding-bottom: 15%;

    font-size: 30px;

    line-height: 2.5;

    text-align: center;

    color: #fff;

    font-family: 'Great Vibes', cursive;

}



#navigation ul{

	

    list-style: none;

    list-style-type: none;

    list-style-position: initial;

    list-style-image: initial;

    padding-left: 0;

}



#navigation hr{

	

	width: 80%;

}



#burger { display: none; }



#logo img{

	

	max-width: 250px;

	margin: 0 auto;

	

}



#logo h1 {



    padding-top: 5%;

    color: #fff;

    font-size: 5em;

    text-shadow: 0 0 15px rgba(0,0,0,0.7);



}



#buttons {

	

	text-align: center;

	padding: 2%;

	

}



#main-container {

	

	padding-top: 15%;

    padding-bottom: 5%;

	

}



#address, #time {



	width: 50%;

	float: left;

}



#phone {



padding-bottom: 3%;



}



.button {

	

    //background-color: transparent;

    text-transform: uppercase;

	display: inline-block;

    padding: 10px 25px;

    font-size: 28px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 0;

    margin-bottom: 8px;

}





.btn-modal {



    background-color: #FFB339;

    color: #fff;

    border-radius: 0;

    border: 0;

    font-size: 1em;



}

button:hover {

	

	background-color: #4D4C47;

	

}



.colors {

	

	background-color: #FFB339;

	color: #fff;

}



.color-font {

	

	color: #000000;

}



#about-us, #reservation, #contact, #gallery, #acties{

	

	padding: 5% 20%;

	

}



#about-us h2, #gallery h2, #acties h2{

	color: #7C1502;

	font-size: 38px;

	

}



.about-us-content, .contact-content, .acties-content{

	

	padding: 3% 5% !important;

    background-color: rgba(218,165,87,0.9);

    color: #7C1502;

	

}



.about-us-content img { max-width: 100%; height: auto; }



.acties-us-content img { max-width: 100%; height: auto; }



.contact-content {

	

	//width: 30%;

	//float: left;

	text-align: center;

	

}



.glyphicon {

	

	color: #ffb056;

	

}



#buttons .glyphicon {

	

	color: #FFF;

	

}



@media screen and (max-width: 991px) {

    body { padding-top: 60px; }

    

    #navigation {

		

		font-size: 1.2em;

		line-height: 2.2;

		padding: 0;

		height: auto;

        min-height: 50px;

		position: fixed;

		top: 0;

		z-index: 100;

	}

    

    #navigation ul { display: none; }

    #navigation.open ul { display: block; padding-top: 50px; }

	

    #burger { display: block; position: absolute; top: 12px; right: 15px; line-height: 0; }

    

    #logo h1 { font-size: 3em; }

    

	.about-us-content, .acties-content {

	

	font-size: 1em;

	

	}

	

	#about-us, #reservation, #contact, #gallery, #acties{

	

	padding: 2% 2%;

	

	}



	.button {font-size: 20px;}

    

    footer { display: none; }



}



footer {

    position: fixed;

    bottom: 5;

    left: 0;

    width: 100%;

    color: #fff;

    background-color: rgba(255, 255, 255, 0);

    padding: 0%;

}



/*Gallery*/



.gallery { list-style: none; padding: 0; }

.gallery .gallery-item { float: left; position: relative; padding: 5px; }

.gallery .gallery-item a { display: block; width: 100%; height: 0; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }



/*Gallery*/



.close { opacity: 1; color: #fff; }

.modal-content { background-color: rgba(70,70,70,0.9); }

.modal-header, .modal-footer { border: 0; }