/*
Theme Name:     Saphire Bar Berlin (Customizr Child)
Theme URI:      http://themesandco.com/customizr
Description:    Theme for Saphire Bar Berlin: A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Matthias Schaffer (Kreativschnittstelle)
Author URI:     http://www.kreativschnittstelle.de
Template:       customizr
Version:        1.0.0
*/

/* Customization for Saphire
-------------------------------------------------------------- */

body {
	background: url("img/bg-light.jpg") repeat scroll 0 0 #fff;
	color: #fff;
	font-size: 18px;
}



/* -------------- Colors */

.tc-header {
	border-bottom: none;
}

footer#footer {
	border-top: none;
}

hr {

	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.round-div {
	border-color: #330000 !important;
}

.tc-header {
	background: none;
}

.navbar-inner {
	background: rgba(0, 0, 0, 0.3);
}




/* -------------- Fonts */

@font-face {
    font-family: 'Loyalist Medium';
    src: url('fonts/loyalist-webfont.eot');
    src: url('fonts/loyalist-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/loyalist-webfont.woff') format('woff'),
         url('fonts/loyalist-webfont.ttf') format('truetype'),
         url('fonts/loyalist-webfont.svg#loyalistmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Loyalist Medium", Arial, sans-serif;
	font-weight: normal;
	text-shadow: none;
}

h1 {
	font-size: 80px !important;
	line-height: 80px;
}

.tc-header .brand h1 {
	font-size: 80px !important;
}

h2 {
	font-size: 40px;
	line-height: 40px;
}

h3 {
	color: #000;
	font-size: 30px;
	line-height: 30px;
}

a {
	color: #fff;
}

a:hover {
	color: #330000;
}

footer#footer .colophon .social-block a {
	font-size: 20px;
}

.btn {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.icon-bubble:before {
	color: #330000;
}

.carousel-caption .lead, 
.carousel-caption h1 {
line-height: 0.8;
}

.breadcrumbs {
	font-size: 14px;
}

/* -------------- Main Navigation */

.navbar .nav {
	margin: 40px 10px;
}

.navbar .nav > li > a {
	text-shadow: none;
	color: #fff;
	padding: 5px 15px;
}

.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
    color: #330000;
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	display: none;
}

.dropdown-menu {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-left: 10px;	
}
.dropdown-menu > li > a {
	color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	background: none;
	color: #330000;
}

.navbar .nav li.dropdown .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.navbar .nav > li.current-menu-item > a .caret,
.navbar .nav li.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.current-menu-item > a .caret,
.navbar .nav li.dropdown.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open.current-menu-ancestor > .dropdown-toggle .caret {
  border-top-color: #330000;
  border-bottom-color: #330000;
}

.navbar-wrapper .navbar h2,
.navbar-inner .social-block {
	display: none;
}

.nav-collapse, .nav-collapse.collapse {
	background-image: none;
	background-color: #330000;
}

.navbar-wrapper:after {
    background: url("img/beefeater-logo.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	background-size: 60%; /* Opera, IE, W3C Standard */
	-moz-background-size:60%; /* Firefox */
	-webkit-background-size:60%; /* Safari, Chrome */
    content: "";
    display: block;
    float: right;
    height: 127px;
    margin: -110px 14px 0 0;
    width: 300px;
	z-index: 100;
}

.navbar .navbar-inner {
	padding-right: 200px;
}





/* -------------- ??? */


.credits {
	visibility: hidden;
}

.widget h3:before,
article.page .format-icon:before,
article.format-standard .format-icon:before,
#right.widget-area:before {
	display: none;
}

/* -------------- Home */

.widget-front h2 {
	line-height: 80px;
}


/* -------------- Reservierung */

.wpcf7 h3 {
	margin-left: 10px;
}

.wpcf7 span {
	margin-left: 10px;
}

/* -------------- Posts */

.entry-meta {
	display: none;
}

/* -------------- Galleries */

.ngg-gallery-list {
	margin-top: 10px;
}

.ngg-gallery-list li {
	margin: 2px !important;
}

/* Mobile
-------------------------------------------------------------- */

@media (max-width: 1200px) { 

	.navbar-wrapper {
		width: 100% !important;
		float:none !important;
		margin-left: 0 !important;
	}

	.navbar .navbar-inner {
		padding-right: 0;
	}
}

@media (max-width: 979px) { 

	.navbar-wrapper:after {
		float: none;
		position: absolute;
		top: 15px;
		right: 10px;
		margin: 0;
	}
	
	.tc-header .brand {
		text-align: left;
		padding-left: 10px;
	}
}

@media (max-width: 767px) { 

	.entry-content img.alignright {
		display: block;
		float: none;
		margin-left: 0;
	}
	
	h1 {
		font-size: 60px !important;
	}
	
	.navbar-wrapper:after {
		top: -85px;
	}	
	
	.navbar .nav > li > a {
		padding: 5px 10px;
	}
	
}

@media (max-width: 480px) {
	.carousel-caption .lead, 
	.carousel-caption h1 {
		font-size: 55px !important;
	}

	h1 {
		font-size: 40px !important;
	}
	
	h3 {
		font-size: 25px;
		line-height: 25px;
	}
}

@media (max-width: 370px) {
	.navbar-wrapper:after {
		display: none;
	}
	.tc-header .brand h1 {
		text-align: center;
	}		
	.tc-header .brand h1:after {
		
		background: url("img/beefeater-logo.png") no-repeat scroll right top rgba(0, 0, 0, 0);
		background-size: cover; /* Opera, IE, W3C Standard */
		-moz-background-size:cover; /* Firefox */
		-webkit-background-size: cover; /* Safari, Chrome */
		content: "";
		display: block;
		height: 80px;
		margin: 0 auto;
		width: 200px;
		z-index: 100;
	}
}


@media (max-width: 320px) {
	.carousel-caption .lead, 
	.carousel-caption h1 {
		font-size: 35px !important;
	}
}