/* ----------------------------------------------------------------
	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: 'Roboto', sans-serif !important; }
.font-primary { font-family: 'Vesper Libre', serif !important; }
.font-secondary { font-family: 'Vesper Libre', serif !important;}

.content-wrap .container p {
	text-align: justify;
}


#page-title {
    padding: 50px 0 !important;
    border-bottom: 1px solid #79501F !important;
    border-top: 1px solid #79501F !important;
	border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
	
}

.page-title-parallax {
	background-image: url(/images/parallax_holz_op30.jpg) !important;
}

#page-title h1,
#page-title span,
.breadcrumb > li + li:before,
.breadcrumb > .active {
   color: #333;
   text-shadow: 1px 1px 20px #fff !important;
}

#page-title h1 {
	font-family: 'Vesper Libre', serif !important;
	color: #79501F  !important;
	font-weight:normal !important;
}

#page-title span {
	color: #79501F  !important;
}

.section {
    background-color: #FcFcFc;
}


#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;
}

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;
}

.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;
}


.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;
}