/* ----------------------------------------------------------------
	CSS Specific to the Coffee Demo

	Some of the CSS Codes have been modified from the Original
	style.css File to match the Styling of this Demo

	Version: 1.0
-----------------------------------------------------------------*/

.font-body { font-family: 'Open Sans', sans-serif !important; }
.font-primary { font-family: 'Cantarell', 'Open Sans', sans-serif !important; }
.font-secondary { font-family: 'Tangerine', 'Italianno', cursive !important;}


#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { 
	height: 60px; 
	height: 80px; 
}

#header,
#header-wrap,
#logo img {
	height: 100px;
	height: 120px;
}

.content-wrap .container p {
	text-align: justify;
}
.gin {
	color: rgb(21,124,176) !important;
}
.apfel {
	color: #389b3d !important;
}
.aprikose,
.mirabelle,
.orange,
.pfirsich {
	color: #f17821 !important;
}
.birne,
.quitte {
	color: #ffcb06 !important;
}
.haselnuss,
.haselnuss-kakao {
	color: #8d3e03 !important;
}
.himbeere,
.johannisbeere,
.kornelkirsche,
.vogelbeere {
	color: #bb131a !important;
}
.holunder,
.zwetschge {
	color: #8b479b !important;
}


.border-gin {
	border-color: rgb(21,124,176) !important;
}

.bg-gin {
	background-color: rgb(21,124,176) !important;
}

.border-apfel {
	border-color: #389b3d !important;
}
.border-aprikose,
.border-mirabelle,
.border-orange,
.border-pfirsich {
	border-color: #f17821 !important;
}
.border-birne,
.border-quitte {
	border-color: #ffcb06 !important;
}
.border-haselnuss,
.border-haselnuss-kakao {
	border-color: #8d3e03 !important;
}
.border-himbeere,
.border-johannisbeere,
.border-kornelkirsche,
.border-vogelbeere {
	border-color: #bb131a !important;
}
.border-holunder,
.border-zwetschge {
	border-color: #8b479b !important;
}

#header-wrap { 
	background-color: #000 !important;
	border-bottom: 1px solid #000 !important;
}

.dark #wrapper,
.dark #header,
.dark #content,
.dark .section.dark,
.dark .css3-spinner { background-color: #000 !important;}


#header.full-header #logo {
	border: 0px;
}

.slider-caption-light {
	background-color: rgba(255,255,255,0.75) !important;
}


@media (min-width: 992px) {
	.dark #page-menu.dots-menu nav li a { background-color: rgba(255,255,255,0.5) }
	.dark #page-menu.dots-menu nav li:hover a { background-color: rgba(255,255,255,0.9) }
}

.heading-block h3 {
	text-transform: none;
	font-size: 42px;
	letter-spacing: 2px;
	font-weight: 400;
}

.before-heading {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 6px;
	font-size: 14px;
}

.dark .section.dark p { color: #BBB; }

.dark .section.dark p.text-muted { color: #666; }

a.gallery-img {
	overflow: visible;
	width: 70%;
}

a.gallery-img.fleft { margin-top: -60px; }

.fslider p {
	font-family: 'Droid Serif', Serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px;
}

.flex-control-nav {
	top: auto;
	bottom: 14px;
	right: 20px;
}

.dark .fslider p { color: #BBB !important; }

.food-menu:not(:first-child) { margin-top: 20px; }

.menu-list span {
	font-family: 'Nothing you could do';
	letter-spacing: 2px;
	font-size: 18px;
	color: #444;
}

.dark .menu-list span { color: #DDD; }

.menu-list h5 {
	color: #AAA;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 2px;
	font-weight: 300;
	font-size: 17px;
}

.dark .menu-list h5 { color: #777; }

.menu-price h3 {
	padding-top: 8px;
	font-size: 22px;
	letter-spacing: 1px;
	font-family: 'source Sans Pro';
}

.form-control:not(.not-dark):active,
.form-control:not(.not-dark):focus,
.sm-form-control:not(.not-dark):active,
.sm-form-control:not(.not-dark):focus,
.form-control:not(.not-dark),
.sm-form-control:not(.not-dark) {
	margin-bottom: 10px;
	border-radius: 2px !important;
}

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus,
.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
	background-color: #222;
	border: 1px solid #111;
}

.dark .form-control:active,
.dark .form-control:focus {
	border-color: #999;
	box-shadow: none;
	background-color: #FFF;
}

.button {
	font-weight: 300 !important;
	font-size: 14px !important;
}

.button.button-black {
	background-color:  #333 !important;
	border: 0;
}
.button:hover.button-black { color: #CCC !important; }

.css3-spinner > div {
	margin-top: -32px;
	margin-left: -32px;
	width: 62px;
	height: 62px;
	-webkit-animation: none;
	animation: none;
}

@media (max-width: 991px) {
	#header.dark.transparent-header {
		background-color: #000 !important;
	}

	#page-menu { display: none; }
}


@media (max-width: 767px) {
	#copyrights .col_half:last-child {
		display: block !important;
	}
	
	
	body.device-xs .process-steps.process-3 li {
		float: left !important;
		width: 33% !important;
		margin-top: 0px;
	}
	
	
	body.device-xs .process-steps.process-3 li:before, 
	body.device-xs .process-steps.process-3 li:after {
		display: inline;
	}
	
	body.device-xs .process-steps.process-3 li:first-child:before, 
	body.device-xs .process-steps.process-3 li:last-child:after {
		display: none !important;
	}
	
}

#header.full-header #primary-menu > ul {
	border: 0px;
}