/******************************************************************
Theme Name: Bare Bones
Author: Serban Andreica
Version: 1.0
******************************************************************/

/*Permanent*/
dl, menu, ol, ul {margin: 0;}
.nav, .nav li a, .nav li a:hover {background: none;}
.nav li a:hover {color: inherit;}
a, a:visited, a:hover {color: inherit;}
a:hover, a:visited:hover, a:focus, a:visited:focus {color: inherit;}
.error404 #content #inner-content article {text-align: center;}
body {background: url('library/images/background.JPG') no-repeat fixed center center; background-size: cover; font-family: "Courier New";}

@font-face {font-family: Grotesk; src: url('library/fonts/NHaasGroteskDSPro-65Md.ttf');
}

/*header*/
#inner-header {position: relative;}
#logo {float: left; position: fixed; left: 0; top: 20px; z-index: 1000;}
#header-contact {float: right; color: #ff0000; width: 225px; font-family: "Courier New"; font-style: italic; line-height: 1; font-weight: bold; position: fixed; right: 0; top: 20px; z-index: 1000;}
#header-contact .header-contact {display: table; width: 100%; margin: 10px 0;}
#header-contact .header-contact p {float: left; margin: 0; padding: 5px;}
#header-contact .header-contact img {float: left; margin-right: 20px; width: 50px; height: auto;}

/*content*/
#content {margin-top: 14em;}
#the-map {width: 100%; text-align: center; margin-bottom: 120px;}
#the-who-is {width: 100%; text-align: center;}
#the-who-is h1 {color: #0019ff; border: 6px solid #0019ff; }
#the-who-is p {color: white; background: #0019ff; padding: 5px; width: 60%; margin: 50px auto;}
#the-who-is img {border: 6px solid #0019ff; border-radius: 5px;}
.home-section h1 {background: transparent; text-transform: uppercase; font-family: "Grotesk"; padding: 8px 10px 5px; display: table; margin: 40px auto; line-height:1;}
#eat-section h1 {border: 6px solid #db00fa; color: #db00fa;}
#drink-section h1 {border: 6px solid #00ff00; color: #00ff00;}
#gallery-section h1 {border: 6px solid #fff200; color: #fff200;}

.entry-content .menu-img {width: 70%; height: auto; display: block; margin: auto;}
#eat-section .menu-img {border: 6px solid #db00fa;}
#drink-section .menu-img {border: 6px solid #00ff00;}

/*footer*/
.footer {font-family: "Courier New"; font-weight: bold; margin-top: 100px; font-size: 1.2em;}
.footer-third {float: left; width: 33.33%;}
#footer-location {padding-right: 20px; margin-bottom: 30px;}
#footer-twitter {padding-left: 20px; margin-bottom: 30px;}
#footer-contact {color: red; display: table;}
#footer-contact-main {background: #ffff00; color: red; display: table; padding: 5px; font-family: Grotesk;}
#footer-contact-title {background: #ffff00; padding: 3px 30px 3px 5px; display: table;}
#footer-contact p {margin: 0; line-height: 1;}
#footer-contact p:first-of-type {margin-bottom: 10px;}
#footer-contact p:nth-of-type(2) {margin-bottom: 10px;}
#footer-contact p:nth-of-type(3) {margin-bottom: 10px; color: #0000ff;}
#footer-contact p:nth-of-type(4) {color: #ff00ff;}
#footer-location p:first-of-type {margin-bottom: 10px; color: #ffff00; background: #0000ff; display: table; padding: 3px 30px 3px 5px; line-height: 1;}
#footer-location iframe {height: 300px;  display: table;}
#footer-location #footer-location-container {border: 8px solid #0000ff !important; display: table; margin: auto; width: 100%;} 
#footer-instagram p:first-of-type {margin-bottom: 10px; color: #00ff01; background: #ff00ff; display: table; padding: 3px 30px 3px 5px; line-height: 1;}
#footer-instagram iframe {height: 300px; width: 300px; display: table;}
#footer-instagram #footer-instagram-container {border: 8px solid #ff00ff !important; display: table; margin: auto; float: left;}
#footer-twitter p:first-of-type {margin-bottom: 10px; color: #0019ff; background: #00ffff; display: table; padding: 3px 30px 3px 5px; line-height: 1;}
#footer-twitter iframe {height: 300px; display: table; width: 100% !important;}
#footer-twitter #footer-twitter-container {border: 8px solid #00ffff !important; display: table; width: 100%; margin: auto;}
#footer-twitter iframe html body {background: #00ffff !important;}
#footer-social-icons {clear: both; }
#footer-social-icons img {width: 40px; height: auto; margin-right: 20px;}

.gde-frame {display: block; margin: auto;}
#the-slider {width: 50%; display: block; margin: auto;}

#the-map {width: 60%; display: block; margin: auto;}
#the-map iframe {width: 100%;}


/*slider*/
.bx-wrapper {margin: 0;}
.bx-wrapper .bx-viewport {left: 0; border: solid 6px yellow; background: yellow; box-shadow: none;}
.bx-wrapper .bx-viewport img {margin: 0;}

.bx-wrapper .bx-pager.bx-default-pager a {background: white;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: yellow;}

.bx-wrapper .bx-next {background-image: url('library/images/slider-right-hover.png'); background-repeat: no-repeat; background-position: center center; }
.bx-wrapper .bx-prev {background-image: url('library/images/slider-left-hover.png'); background-repeat: no-repeat; background-position: center center; }

.bx-wrapper .bx-next:hover {background-image: url('library/images/slider-right.png'); background-repeat: no-repeat; background-position: center center; }
.bx-wrapper .bx-prev:hover {background-image: url('library/images/slider-left.png'); background-repeat: no-repeat; background-position: center center; }

.bx-wrapper .bx-controls-direction a {z-index: 900;}


#the-slider-2 {width: 70%; display: block; margin: auto;}
#drink-section .bx-wrapper .bx-viewport {background: white; border: solid 6px #00ff00; }

/*  Responsive  */
@media all and (max-width: 1000px) {
	#content {margin-top: 7em;}
	#footer-instagram iframe {width: 100%;}
	#the-slider {width: 60%;}
	#footer-location {width: 30%;}
	#footer-twitter {width: 30%;}
	#footer-instagram {width: 40%;}
}

@media all and (max-width: 800px) {
	#footer-contact {margin: auto;}
	.footer-third {width: 80%; float: none; display: table; margin: auto; text-align: center;}
	#footer-twitter iframe {width: 100%;}
	#footer-instagram iframe {width: 300px;}
	#the-slider {width: 70%;}
	#the-map {width: 80% !important;}
	.gde-frame {width: 80% !important;}
	#footer-social-icons {display: table; margin: auto;}
	.footer-social-title {margin: 10px auto;}
	.menu-img {width: 80%; height: auto;}
	#footer-twitter #footer-twitter-container {width: 316px;}
	#footer-location {padding-right: 0px; margin-bottom: 30px; width: 316px;}
	#footer-twitter {padding-left: 0px; margin-bottom: 30px;}
}

@media all and (max-width: 600px) {
	#header-contact-responsive {width: 75%;} 
	#the-slider {width: 80%;}
}

@media all and (max-width: 400px) {
	#the-map {width: 90% !important;}
	.gde-frame {width: 90% !important;}
	#header-contact-responsive {width: 85%;}
	.menu-img {width: 90%; height: auto;} 
}