/*
Theme Name: NexoMairage
Description: Hungarian luxury physical casino adaptation built on the original Bootstrap one-page structure.
Version: 2.0.0
*/

* { outline: none !important; }
::selection { background-color: #b78a32; color: #fffaf0; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; overflow-y: scroll; }
body { color: #4f4940; background: #f7f1e6; font-family: "Open Sans", Arial, sans-serif; }
p { margin: 0 0 20px 0; font-family: "Open Sans", Arial, sans-serif; line-height: 1.75; }
img { max-width: 100%; }
a { color: #0b775e; text-decoration: none; outline: none; transition: all .4s; }
a:hover, a:focus { color: #b78a32; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; color: #14110f; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; letter-spacing: 0; }
ul { padding-left: 0; }
li { list-style: none; }
.btn { border-radius: 0; letter-spacing: .04em; text-transform: uppercase; }
.btn-o { border: 1px solid #b78a32; color: #19140f; background: transparent; }
.btn-o:hover, .btn-o:focus { background: #b78a32; color: #111; }
.btn.btn-o-white { border: 1px solid #f5ead4; color: #f5ead4; background: transparent; }
.btn.btn-o-white:hover, .btn.btn-o-white:focus { background: #f5ead4 !important; color: #19140f; }
.title-page { display: inline-flex; flex-wrap: wrap; align-items: baseline; margin-bottom: -20px; }
p.main-header { font-size: 27px; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-weight: 500; color: #15110d; }
p.sub-header { font-size: 27px; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-weight: 100; margin-left: 10px; color: #745d2a; }
p.sub-header:before { content: " ||| "; font-size: 27px; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-weight: 300; color: #b78a32; }
.section-note { max-width: 860px; margin-top: 32px; color: #62594a; font-size: 16px; }
.age-pill { display: inline-block; margin-bottom: 22px; padding: 8px 15px; border: 1px solid rgba(245,234,212,.78); color: #f5ead4; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.content-list li { position: relative; margin-bottom: 12px; padding-left: 28px; line-height: 1.7; }
.content-list li:before { content: "\f219"; position: absolute; left: 0; top: 1px; color: #b78a32; font-family: FontAwesome; }

header.top-header { position: fixed; z-index: 999; width: 100%; min-height: 82px; border-bottom: 1px solid rgba(245,234,212,.14); transition: all .6s; }
.shows, header.top-header:hover { background: rgba(12,12,13,.92); border-bottom-color: rgba(183,138,50,.28); box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.header-logo a { display: inline-block; }
h1.logo { display: inline-flex; margin-top: 10px; color: #f8f1e3; font-size: 28px; font-weight: 500; }
.logo-head { margin-left: 3px; color: #b78a32; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: 300; }
.logo:hover, .logo:focus { color: #fff; text-decoration: none; }
.navbar-default { background: transparent; border: 0; }
.navbar-nav { float: right; margin: 28px 0 0; color: white; }
.navbar-default .navbar-nav > li > a { color: #f4ead8; font-size: 12px; letter-spacing: .02em; padding: 10px 7px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active { color: #d4a347; }
.navbar-default .navbar-toggle { border-color: rgba(245,234,212,.55); }
.navbar-default .navbar-toggle .icon-bar { background-color: #f5ead4; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(245,234,212,.16); }
button.navbar-toggle.collapsed, button.navbar-toggle { margin-top: 23px; }

#wrapper { background: #f7f1e6; }
#header { position: relative; text-align: center; padding: 0 !important; background-image: url(../img/nexomairage-hero.jpg); box-shadow: inset 0 0 0 1000px rgba(5,6,7,.68); }
.kasino-page #header { background-image: url(../img/casino-main-floor.jpg); }
.contact-page #header { background-image: url(../img/premium-events.jpg); }
.legal-page #header { background-image: url(../img/vip-lounge.jpg); }
#header:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient(to bottom, rgba(5,6,7,0), rgba(5,6,7,.72)); pointer-events: none; }
#header .center { position: relative; z-index: 2; display: none; max-width: 1000px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
#header .slogan { margin-bottom: 18px; color: white; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 4.4em; font-weight: 700; line-height: 1em; }
#header .secondary-slogan { max-width: 840px; margin: 0 auto 30px; color: rgba(255,250,240,.82); font-family: "Open Sans", Arial, sans-serif; font-size: 1.45em; line-height: 1.55; }
.hero-actions .btn { margin: 6px; }
.inner-page #header .slogan { font-size: 3.5em; }

.content-block { overflow: hidden; padding: 60px 0; background: transparent no-repeat center center fixed; background-size: cover; }
.parallax { padding: 72px 0 66px; }
.block-body { margin-top: 60px; }
#services { background: #fffaf0; }
#parallax, .responsible-band { color: white; background: linear-gradient(135deg, #0b2f26 0%, #181113 50%, #3a183c 100%); }
#parallax h3, .responsible-band h2, .responsible-band h3, .responsible-band p { color: #f9efdf; }
.call-action { font-size: 26px; color: white; }

.recent-work { position: relative; display: table; width: 100%; margin-bottom: 30px; padding-top: 27%; padding-bottom: 27%; overflow: hidden; background: #17130f; background-position: center; background-repeat: no-repeat; background-size: 112%; text-align: center; vertical-align: middle; }
.recent-work span { position: relative; z-index: 1; margin-top: -18px; opacity: 0; }
.recent-work:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(4,41,34,.72); opacity: 0; transition: all .2s; }
.recent-work:hover { background-size: 150%; background-position: center; }
.recent-work:hover:before, .recent-work:hover span { opacity: 1; }
.portfolio-sec, .services-sec, .blog-sec, .testimonial-sec { margin-top: 60px; }

.service { min-height: 250px; margin-bottom: 28px; padding: 30px 26px; border: 1px solid rgba(183,138,50,.2); background: rgba(255,255,255,.72); }
.service i { padding: 0 5px; color: #0b775e; font-size: 23px; }
.bar:before, .bar:after { content: "||| "; color: #b78a32; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 23px; font-weight: 100; }
.service h2.service-head { margin-top: 15px; color: #19140f; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-weight: 100; }
.about-sec { margin-top: 40px; }
.about-us { padding: 92px 0 80px; background: white; }
.aboutus-item { margin-top: 60px; margin-bottom: 15px; }
i.aboutus-icon { display: inline-block; width: 140px; height: 140px; border: 3px solid #b78a32; border-radius: 50%; color: #0b775e; font-size: 56px; line-height: 136px; text-align: center; vertical-align: middle; }
h4.aboutus-title { margin-top: 23px; color: #19140f; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 22px; font-weight: 300; }
p.aboutus-desc { color: #62594a; font-size: 16px; line-height: 29px; }

#blog { background: #f7f1e6; }
#blog .blog-post img, .editorial-card img { width: 100%; margin-bottom: 20px; }
#blog .date, .kicker { margin-bottom: 15px; color: #0b775e; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.blog-post h2, .editorial-card h2 { font-size: 24px; }
.legal-section { margin-bottom: 34px; padding-bottom: 24px; border-bottom: 1px solid rgba(183,138,50,.22); }
.legal-section:last-child { border-bottom: 0; }
.legal-section h2 { color: #0b2f26; }
.map-placeholder { display: table; width: 100%; min-height: 360px; border: 1px solid rgba(183,138,50,.34); background: linear-gradient(rgba(10,48,39,.82), rgba(20,14,14,.86)), url(../img/casino-main-floor.jpg) center/cover no-repeat; color: #f9efdf; text-align: center; }
.map-placeholder > div { display: table-cell; padding: 35px; vertical-align: middle; }
.map-placeholder i { margin-bottom: 20px; color: #d4a347; font-size: 48px; }
.map-placeholder h3, .map-placeholder p { color: #f9efdf; }
.opening-hours li { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-bottom: 1px solid rgba(183,138,50,.22); }

ol.carousel-indicators { margin-bottom: -50px; }
#testimonials { background: #fffaf0; text-align: center; }
.carousel { position: relative; margin: 50px 0; }
.carousel h3 { max-width: 880px; margin: 47px auto 20px; color: #29211a; font-size: 24px; font-weight: 300; line-height: 1.55; }
.circular-img { width: 126px; height: 126px; border: 4px solid #b78a32; object-fit: cover; }

#contact, .contact-section { color: white; background-color: #101213; background-image: linear-gradient(rgba(7,16,15,.88), rgba(7,16,15,.88)), url(../img/premium-events.jpg); background-position: center; background-size: cover; }
#contact h1, #contact h2, #contact h3, .contact-section h1, .contact-section h2, .contact-section h3, .contact-section p { color: #f9efdf; }
.contact-panel { padding: 34px; border: 1px solid rgba(245,234,212,.2); background: rgba(10,10,10,.38); }
.form-control-white { height: auto; padding: 20px 16px !important; border: 1px solid rgba(183,138,50,.28); border-radius: 0; background: rgba(255,255,255,.96); color: #18140f; }
.form-control-white::-webkit-input-placeholder { color: #6c6254; }
.form-control-white:-moz-placeholder { color: #6c6254; opacity: 1; }
.form-control-white::-moz-placeholder { color: #6c6254; opacity: 1; }
.form-control-white:-ms-input-placeholder { color: #6c6254; }
.form-control { border-radius: 0 !important; padding: 20px 26px; }
.form-group .btn.btn-o-white { width: 100%; padding: 11px 0; border: none; background: #b78a32; color: #120f0b; }
.form-message { margin: 0 0 18px; padding: 12px 15px; border-left: 3px solid #d4a347; background: rgba(245,234,212,.12); color: #f9efdf; }
.checkbox-label { display: block; color: #f9efdf; font-weight: 400; line-height: 1.6; }
.checkbox-label input { margin-right: 8px; }

#footer { border-top: 1px solid rgba(255,255,255,.18); background: #111314; color: white; }
#footer p, #footer li, #footer a { color: #efe1ca; }
#footer a:hover, #footer a:focus { color: #d4a347; }
h2.footer-block { color: white; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; }
.footer-nav li { margin-bottom: 10px; }
.footer-bottom { padding: 32px 0 28px; background: #080909; color: #efe1ca; }
.blog-post ul p { margin-left: 40px; }
.blog-post ul li .fa, .blog-post .fa { width: 28px; margin-right: 9px; padding: 7px; border-radius: 33px; background: #0b775e; color: #fff; text-align: center; }
.blog-post .fa:hover { background: white; color: #0b775e; transition: all .6s; }
.responsible-footer { margin-top: 25px; padding-top: 24px; border-top: 1px solid rgba(245,234,212,.16); color: #f5ead4; }

.faq-section { background: white; }
.faq-list { margin-top: 44px; }
.faq-item { margin-bottom: 12px; border: 1px solid rgba(183,138,50,.24); background: #fffaf0; }
.faq-question { position: relative; width: 100%; padding: 18px 52px 18px 20px; border: 0; background: transparent; color: #17120d; font-family: "Raleway", "Trebuchet MS", Arial, sans-serif; font-size: 18px; text-align: left; }
.faq-question i { position: absolute; right: 20px; top: 20px; color: #b78a32; transition: transform .25s; }
.faq-item.open .faq-question i { transform: rotate(180deg); }
.faq-answer { display: none; padding: 0 20px 20px; }
.faq-answer p { margin-bottom: 0; }
.cookie-consent { position: fixed; right: 22px; bottom: 22px; z-index: 1000; display: none; width: 360px; max-width: calc(100% - 44px); padding: 20px; border: 1px solid rgba(183,138,50,.6); background: rgba(10,10,10,.96); box-shadow: 0 18px 45px rgba(0,0,0,.35); color: #f9efdf; }
.cookie-consent p { color: #f9efdf; font-size: 14px; }
.cookie-consent .btn { margin-top: 6px; }

@media (min-width: 1200px) { .navbar-default .navbar-nav > li > a { font-size: 13px; padding-left: 9px; padding-right: 9px; } }
@media (max-width: 991px) { h1.logo { font-size: 24px; } .navbar-default .navbar-nav > li > a { font-size: 11px; padding-left: 5px; padding-right: 5px; } #header .slogan { font-size: 3.5em; } }
@media (max-width: 767px) { header.top-header { background: rgba(12,12,13,.94); } .navbar-nav { float: none; margin: 10px 0 15px; } .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 10px 15px; } .blog-post, .service { margin-bottom: 40px; } .recent-work { background-position: center; } .recent-work:before, .recent-work span { opacity: 1; } .title-page { display: block; margin-bottom: 0; } p.sub-header { margin-left: 0; font-size: 22px; } p.sub-header:before { content: ""; } #header .slogan, .inner-page #header .slogan { font-size: 2.8em; } #header .secondary-slogan { font-size: 1.12em; } .call-action.pull-left, #parallax .btn.pull-right { float: none !important; } #parallax .btn.pull-right { margin-top: 18px; } .opening-hours li { display: block; } }
@media (max-width: 480px) { #header { background-size: cover; } .service { text-align: center; } .content-block { padding: 48px 0; } #header .slogan, .inner-page #header .slogan { font-size: 2.25em; } .contact-panel { padding: 24px 18px; } }