/* DOMAIN: osteriadiniederanven.lu */ /* GOLD: D4AF37 */ @import url(https://fonts.googleapis.com/css?family=Poppins:300,500); body { background:#000 url('/_res/bg-bow.png') top center no-repeat; color:#FFF; font-family:'Poppins', sans-serif; font-size:16px; font-weight:300; line-height:1.3em; } textarea { font-size:14px; } h1, h2, h3 { font-weight:300; } h1 { color:#D4AF37; font-size:28px; } h2 { font-size:21px; } h3 { font-size:18px; } h1:first-child, h2:first-child, h3:first-child { margin-top:0; } a, a:active, a:focus { color:#D4AF37; text-decoration:none; } a:hover { color:#D4AF37; text-decoration:none; } img.pull-left { margin:2px 15px 15px 0; } img.pull-right { margin:2px 0 15px 15px; } p:last-child { margin-bottom:0; } .glyphicon { font-size:0.8em; } /* NAVIGATION */ .navbar-default { background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; } .navbar-default .navbar-nav > li > a { color:#FFF; text-shadow:none; } .navbar-default .navbar-nav > li > a:hover { color:#FFF; } /* CONTENT */ .content .row { margin-bottom:1em; } .content .textblock { background-color:rgba(255,255,255,0.10); margin-bottom:2em; padding:2em; } .content .form { margin-bottom:2em; } .content .gmap { height:400px; } /* CONTACT BOX*/ .content .col-md-4 .textblock h2 { font-size:28px; } .content .col-md-4 .textblock h3 { margin-bottom:0; text-align:right; } .content .col-md-4 .textblock:first-child { background-color:#D4AF37; } .content .col-md-4 .textblock:first-child p { color:#666; } .content .col-md-4 .textblock:first-child a { border-bottom:1px dotted #FFF; color:#FFF; } .content .col-md-4 .textblock:first-child a:hover { color:#FFF; } .content .col-md-4 .textblock:nth-child(2) { background-color:transparent; text-align:center; } .content .col-md-4 .textblock:nth-child(2) img { max-width:100%; } .content .col-md-4 .textblock:nth-child(2) .galogo { max-width:65%; } /* MENUS */ body.la-carte .textblock { text-align:center; } /* FORM */ .content .form .req label:after { color:red; content:" *"; } .content .form input.email { display:none; } .content .form label { color:#D4AF37; font-size:14px; font-weight:300; } body.reservation .form_content .form-group:nth-of-type(1) { display:inline-block; margin-right:3%; width:30%; } body.reservation .form_content .form-group:nth-of-type(2) { display:inline-block; margin-right:3%; width:20%; } body.reservation .form_content .form-group:nth-of-type(3) { display:inline-block; width:70px; } body.reservation .form_content .form-group:nth-of-type(4) { display:inline-block; width:70px; } body.reservation .form_content .form-group:nth-of-type(4) label { display:none; } body.reservation .form_content .form-group:nth-of-type(6) { display:inline-block; margin-right:3%; width:47%; } body.reservation .form_content .form-group:nth-of-type(7) { display:inline-block; width:47%; } body.reservation .form_content .intro { margin:1em 0; } body.reservation .form_content button[type="submit"] { background:#D4AF37; border:0; border-radius:0; color:#FFF; display:block; margin:2em auto; padding:10px 30%; text-shadow:none; } .ui-datepicker-div { z-index:1000; } /* CAROUSEL */ .carousel { margin-bottom:2em; position:relative; } .carousel:before { border:10px solid rgba(255,255,255,0.3); bottom:0; content:""; left:0; display:block; position:absolute; right:0; top:0; z-index:1; } .carousel:after { border:10px solid rgba(0,0,0,1); bottom:-10px; content:""; left:-10px; display:block; position:absolute; right:-10px; top:-10px; z-index:1; } .carousel-control, .carousel-indicators { display:none; } /* FOOTER */ footer .container { font-size:12px; margin:2em auto; padding:2em; position:relative; text-align:center; } footer .container:before { border-top:4px solid rgba(212,175,55,0.3); content:""; display:block; left:15px; position:absolute; right:15px; top:-4px; } footer .container:after { border-top:1px solid rgba(102,102,102,0.3); content:""; display:block; left:15%; position:absolute; right:15%; top:5px; } @media (max-width: 767px){ header { display:none; } .navbar-brand { height:auto; padding:8px 15px; } .navbar-brand .logo { float:left; margin-right:10px; } .navbar-brand span { display:none; } img.pull-left, img.pull-right { display:block; float:none !important; margin:1em 0; max-width:100%; } } @media (min-width: 768px){ header { height:220px; } .navbar-brand { display:none; } header .logo { display:inline-block; left:80px; position:relative; top:40px; } .navbar-default { height:0; margin:0; } .navbar-default .container { position:relative; } .navbar-default .navbar-nav { left:68%; position:absolute; top:-175px; } .navbar-default .navbar-nav > li { display:block; float:none; font-size:18px; position:relative; } .navbar-default .navbar-nav > li:nth-child(1) { padding-left:90px; } .navbar-default .navbar-nav > li:nth-child(1):before { content:"—"; color:#D4AF37; left:110px; position:absolute; top:42px; } .navbar-default .navbar-nav > li:nth-child(2) { padding-left:45px; } .navbar-default .navbar-nav > li:nth-child(2):before { content:"—"; color:#D4AF37; left:70px; position:absolute; top:42px; } img.pull-left, img.pull-right { max-width:47%; } body.reservation .form_content .form-group:nth-of-type(1) { margin-right:4.2%; width:30%; } body.reservation .form_content .form-group:nth-of-type(2) { margin-right:4.2%; width:20%; } body.reservation .form_content .form-group:nth-of-type(6) { margin-right:3.2%; width:48%; } body.reservation .form_content .form-group:nth-of-type(7) { width:48%; } } @media (min-width: 992px){ .container { width:970px; } }