/* DOMAIN: delbene.lu */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');


body																									{ background:#FFF; color: #333; font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-size: 16px; font-weight: 400; line-height:1.3em; }
body::before																					{ bottom: 0; content: ""; top: 0; left: 0; right: 0; background: url('/_res/bg.png') no-repeat center fixed; background-size: cover; position: fixed; z-index: -1; opacity: 0.05; }

textarea																							{ font-size:16px; }

h1, h2, h3																						{ color: #aa182c; margin:1.5em auto 0.75em; font-family: "DM Serif Display", serif; font-weight: 400;}
h1																										{ font-size:3em; }
h2																										{ font-size:2.1em; }
h3																										{ font-size:1.6em; }

h1:first-child,
h2:first-child,
h3:first-child																				{ margin-top:0; }

a, a:active, a:focus																	{ color:#aa182c; text-decoration:none; }
a:hover																								{ color:#aa182c; text-decoration:none; }

img.pull-left																					{ margin:2px 15px 15px 0; }
img.pull-right																				{ margin:2px 0 15px 15px; }


/* NAVIGATION */
.navbar-default																				{ background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; }
.navbar-default .navbar-nav > li > a									{ color:#aa182c; font-family: "DM Serif Display", serif; font-size: 1.35em; font-weight: 400; text-shadow:none; }
.navbar-default .navbar-nav > li > a:hover						{ color:#aa182c; }


/* CONTENT */
.content .textblock																		{ padding:1em; }
.content .container-fluid .row,
.content .container .row															{ margin-bottom: 3em; }

.content .container-fluid .container .row							{ margin-bottom: 0; }

.content .textblock.center h1,
.content .textblock.center h2,
.content .textblock.center h3,
.content .textblock.center														{ text-align: center; }


.content .textblock img																{ max-width:100%; }
.content .textblock .logo															{ max-width:200px; width:50%; }
.content .form																				{ }
.content .gmap																				{ height:400px; }

/**/
.content .container-fluid															{ background: url('/_res/banner-1.jpg') center no-repeat; background-size: cover; position: relative; z-index: 0; }
.content .container-fluid::after											{ background-color:#0007; bottom:0; content:""; display: block; left:0; position: absolute; right:0; z-index:-1; top:0; }

.content .container-fluid .splash											{ text-align: center; }
.content .container-fluid .splash h1									{ color:#FFF; font-size: 2em; margin:2em auto; }

body.contact .content .container-fluid								{ background-image: url('/_res/banner-2.jpg'); }


/* WELCOME */
.content .textblock.welcome														{ font-size: 1.35em; font-weight: 300; text-align: center; font-family: "DM Serif Display", serif; font-weight: 400; }

/* EXAMPLES */
.textblock.examples br																			{ display:none; }
.textblock.examples p																				{ /*text-align:justify; text-align-last: justify;*/ }
.textblock.examples a[data-toggle="lightbox"]								{ display:inline-block; overflow:hidden; width:15%; position:relative; margin:0 0.5vw 0.5vw 0; height:10vw; width:10vw; }
.textblock.examples a[data-toggle="lightbox"] img						{ height: auto; top:50%; left:50%; position:absolute; transform:translateY(-50%) translateX(-50%); max-width:none; width:150%; }
.textblock.examples a[data-toggle="lightbox"]:hover:after		{ bottom:0; background:#DDD; content:"\e003"; color:#FFF; display:block;
																																font-family:'Glyphicons Halflings'; font-size:2em; left:0; margin:-0.25em -0.5em;
																																opacity:0.8; padding:50%; position:absolute; right:0; text-align:center; top:0;  }
.modal-header .close																				{ font-size: 40px; margin-top: -10px; }

																												


 /* FORM */
.content .form .req label:after												{ color:#aa182c; content:" *"; }
.content .form input.email														{ display:none; }


/* FOOTER */
footer .container																			{ font-size:12px; text-align:center; padding:1em 0; }

/* Modal */
.modal h2																							{ font-size: 1.35em; }


@media (max-width: 767px){
	header																							{ display:none; }
	.navbar-default																			{ margin:0; }
	.navbar-brand																				{ display: block; float:none; height:auto; padding:8px 15px 8px 70px; text-align: center; }
	.navbar-brand .logo																	{ height: 120px; float:none; margin:10px auto; }
	.navbar-brand span																	{ display: none; }
}

@media (min-width: 768px){
	.navbar-brand 																			{ display:none; }
	
	header .logo img																		{ width:200px; }

	nav																									{ margin: 0; }
	nav .container																			{ position: relative; }
	#navbar																							{ position: absolute; top:-80px; right:0; }
	.container .row																			{ display: flex; align-items: center; }




}

@media (min-width: 992px){
	.content .container-fluid .splash h1			{ font-size: 3em; }
}

@media (min-width: 1200px){
	.content .container-fluid .splash h1			{ font-size: 4em; }
}