/* Full Spoon Bootstrap Theme * Author - Petia Koleva @ http://designify.me */ /* Global Styles ================================ */ body {overflow-x: hidden;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;} .text-muted {color: #777;} .text-primary {color: #fed136;} p {font-size: 16px;line-height: 1.5;} p.large {font-size: 16px;} a, a:hover, a:focus, a:active, a.active {outline: 0;} a {color: #7cb64f;} a:hover, a:focus, a:active, a.active {color: #7cb64f;text-decoration: none;} h1, h2, h3, h4, h5, h6 {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 700;} .img-centered {margin: 0 auto;} /* Loader ================================ */ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; z-index: 9999;background: url(../img/loader/preloader.gif)center no-repeat #fed136;} /* Backgrounds ================================ */ .bg-light-gray {background-color: #f7f7f7;} .bg-darkest-gray {background-color: #363636;} .bg-gardencafe {background-image:url(../img/gardencafe.jpg)} /* Buttons ================================ */ .btn {border-radius: 0;} .btn-primary{color:#fff;background-color:#fed136;border-color:#fed136} .btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#f9bf3b;border-color:#f9bf3b} .btn-primary:hover{color:#fff;background-color:#f9bf3b;border-color:#f9bf3b} .btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{color:#fff;background-color:#f9bf3b;border-color:#f9bf3b} .btn-primary:active:hover,.btn-primary.active:hover,.open > .dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open > .dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open > .dropdown-toggle.btn-primary.focus{color:#fff;background-color:#f9bf3b;border-color:#f9bf3b} .btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#fed136;border-color:#fed136} .btn-primary .badge{color:#fed136;background-color:#fff} .btn-outline {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif; font-weight: 700;color: #7cb64f;background-color: transparent;border: 2px solid #7cb64f;} .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline { border: 2px solid #FFF;color: #FFF;background-color: #7cb64f;} .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline {background-image: none;} .btn-outline.disabled, .btn-outline[disabled], fieldset[disabled] .btn-outline, .btn-outline.disabled:hover, .btn-outline[disabled]:hover, fieldset[disabled] .btn-outline:hover, .btn-outline.disabled:focus, .btn-outline[disabled]:focus, fieldset[disabled] .btn-outline:focus, .btn-outline.disabled:active, .btn-outline[disabled]:active, fieldset[disabled] .btn-outline:active, .btn-outline.disabled.active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline.active {border-color: #eec32f;background-color: #fed136;} .btn-outline .badge {color: #fed136;background-color: #fff;} .btn-outline-orange {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif; font-weight: 700;color: #fed136;background-color: transparent;border: 2px solid #fed136; border-color:#fed136} .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active, .open .dropdown-toggle.btn-outline-orange { border: 2px solid #f9bf3b;color: #f9bf3b;background-color: #FFF;} .btn-outline-orange:active, .btn-outline-orange.active, .open .dropdown-toggle.btn-outline-orange {background-image: none;} .btn-outline-orange.disabled, .btn-outline-orange[disabled], fieldset[disabled] .btn-outline-orange, .btn-outline-orange.disabled:hover, .btn-outline-orange[disabled]:hover, fieldset[disabled] .btn-outline-orange:hover, .btn-outline-orange.disabled:focus, .btn-outline-orange[disabled]:focus, fieldset[disabled] .btn-outline-orange:focus, .btn-outline-orange.disabled:active, .btn-outline-orange[disabled]:active, fieldset[disabled] .btn-outline-orange:active, .btn-outline-orange.disabled.active, .btn-outline-orange[disabled].active, fieldset[disabled] .btn-outline-orange.active {border-color: #eec32f;background-color: #fed136;} .btn-outline-orange .badge {color: #fed136;background-color: #fff;} .btn-contact {padding: 10px 20px 8px;border-color: #7cb64f;text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 700;color: #fff;background-color: #7cb64f;} .btn-contact:hover, .btn-contact:focus, .btn-contact:active, .btn-contact.active, .open .dropdown-toggle.btn-contact { border-color: #669541;color: #fff;background-color: #669541;} .btn-contact:active, .btn-contact.active, .open .dropdown-toggle.btn-contact {background-image: none;} .btn-contact.disabled, .btn-contact[disabled], fieldset[disabled] .btn-contact, .btn-contact.disabled:hover, .btn-contact[disabled]:hover, fieldset[disabled] .btn-contact:hover, .btn-contact.disabled:focus, .btn-contact[disabled]:focus, fieldset[disabled] .btn-contact:focus, .btn-contact.disabled:active, .btn-contact[disabled]:active, fieldset[disabled] .btn-contact:active, .btn-contact.disabled.active, .btn-contact[disabled].active, fieldset[disabled] .btn-contact.active {border-color: #7cb64f;background-color: #7cb64f;} .btn-contact .badge {color: #7cb64f;background-color: #fff;} /* Navbar ================================ */ .navbar-default {border-color: transparent;background-color: #f9bf3b;} .navbar-default .navbar-brand {font-family: 'Catamaran', sans-serif; Helvetica, Arial, color: #fed136;} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {color: #f9bf3b;} .navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02);} .navbar-default .navbar-toggle {border-color: transparent;background-color: transparent;} .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;} .navbar-default .nav li a {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 700;letter-spacing: 1px;color: #FFF;white-space: nowrap;} .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {outline: 0;color: #363636;} .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent;} .navbar-default .nav-justified>.active>a {border-radius: 0;color: #363636;background-color: transparent;} .navbar-default .nav-justified>.active>a:hover, .navbar-default .nav-justified>.active>a:focus {color: #363636; background-color: transparent;} @media(min-width:768px) { .navbar-default {padding: 15px 0;border: 0;background-color: #f9bf3b;color: #FFF;-webkit-transition: padding .3s;-moz-transition: padding .3s;transition: padding .3s;} .navbar-default .navbar-brand {font-size: 2em;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .navbar-default .nav-justified>.active>a {border-radius: 3px;} .navbar-default.navbar-shrink { /*padding: 10px 0; Can be activated to shrink the navbar when page is scrolled */ background-color: #f9bf3b;color: #FFF;} .navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em;} } @media (max-width: 767px) { .nav > li > a {position: relative;display: block;padding:5px 15px;} } @media(min-width:768px) { .nav > li > a {position: relative;display: block;padding:10px;} } /* Header ================================ */ header {text-align: center;color: #fff;background-attachment: scroll;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;} header .intro-text {padding-top: 100px;padding-bottom: 50px;} header .intro-text .intro-lead-in {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 160px;line-height: 160px;text-transform: uppercase;font-weight: 900;} header .intro-text .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(min-width:768px) { header .intro-text p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 150px;text-transform: uppercase;font-size: 24px} header .intro-text {padding-top: 200px;padding-bottom: 100px;} header .intro-text .intro-lead-in {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 100px;line-height: 100px;text-transform: uppercase;font-weight: 900;} header .intro-text .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 75px;font-weight: 700;line-height: 75px;} } @media(max-width:767px) { header .intro-text p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 50px;text-transform: uppercase;font-size:16px;} } header .intro-text-sm {padding-top: 80px;padding-bottom: 20px;} header .intro-text-sm .intro-lead-in {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 160px;line-height: 160px;text-transform: uppercase;font-weight: 900;} header .intro-text-sm .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(min-width:768px) { header .intro-text-sm p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 130px;text-transform: uppercase;font-size: 24px} header .intro-text-sm {padding-top: 100px;padding-bottom:0px;} header .intro-text-sm .intro-lead-in {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 50px;line-height: 50px;text-transform: uppercase;font-weight: 900;} header .intro-text-sm .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 35px;font-weight: 700;line-height: 35px;} } @media(max-width:767px) { header .intro-text-sm p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 30px;text-transform: uppercase;font-size:16px;} } #home {background-image: url(../img/header-bg.jpg); } #homev2 {background-image: url(../img/header-bg-single-one.jpg); } #aboutus {background-image: url(../img/headers/aboutus-header.jpg); } #menubg {background-image: url(../img/menu-header.jpg); } #servicesbg {background-image: url(../img/headers/services-header.jpg); } #gallerybg {background-image: url(../img/headers/gallery-header.jpg); } #eventsbg {background-image: url(../img/headers/events-header.jpg); } #teambg {background-image: url(../img/headers/restaurant-header.jpg); } #contactbg {background-image: url(../img/headers/contact-header.jpg); } #vegetablebg {background-image: url(../img/headers/home-header.jpg); } #farmbg {background-image: url(../img/headers/farm-header.jpg); } #linksbg {background-image: url(../img/headers/links-header.jpg); } /* Sections Global Styles ================================ */ section {padding: 80px 0;} section h2.section-heading {margin-top: 0;margin-bottom: 15px;font-size: 50px;font-family: 'Oswald', san serif;} section h3.section-subheading {text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} /* Section Menus ================================ */ section#menu h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#menu {background-attachment: scroll;background-image: url(../img/menu-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;color: #fff;} section#menu strong.title {font-size: 24px;text-transform: uppercase} section#menu .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#menu .menu-bg {background-color: rgba(150,150,150,0.3);padding: 40px 20px;border-radius: 5px;color: #FFF;} section#menu-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#menu-inner {background-attachment: scroll;background-image: url(../img/menu-inner-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;} section#menu-inner strong.title {font-size: 24px;text-transform: uppercase} section#menu-inner .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#menu-inner .menu-bg {background-color: rgba(54,54,54,0.95);padding: 40px 20px;border-radius: 5px;color: #FFF;} /* Section Menu v2 ================================ */ section#menuv2 {background:#1b1b1b;color:#FFF;} section#menuv2 .panel-default > .panel-heading{color:#FFF;background-color:#f9f9f9;} section#menuv2 .panel-group .panel{margin-bottom:0;border-radius:0;border:0} section#menuv2 .panel-default{border-color:#f9f9f9;background:#f9f9f9} section#menuv2 .panel-heading{padding:100px;border-bottom:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0} section#menuv2 .panel-body{padding:15px 30px 30px} section#menuv2 .panel-body p.text-muted {border-bottom: 1px dashed #DAD1D1;padding-bottom: 10px;} section#menuv2 .panel-body h3 {font-weight:500; font-size:21px} section#menuv2 .panel-body h3 span {font-weight:700;} section#menuv2 .panel-title{margin-top:0;margin-bottom:0;font-size:24px;color:inherit; background:rgba(0,0,0,0.8); padding:15px; font-weight:500;} section#menuv2 .panel-title a, section#menuv2 .panel-title a:hover, section#menuv2 .panel-title a:focus,#menuv2 .panel-title a:active, section#menuv2 .panel-title a.active{text-decoration:none} section#menuv2 .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:#f9f9f9;color:#fed136;background-color: rgba(255,255,255,0.1);} section#menuv2 .panel-group .panel + .panel{margin-top:0} section#menuv2 .panel-default > .panel-heading.menu01{background: url(../img/gallery/coffee-tea-01.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} section#menuv2 .panel-default > .panel-heading.menu02{background: url(../img/gallery/specialty-drinks-02.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} section#menuv2 .panel-default > .panel-heading.menu03{background: url(../img/gallery/party-food-03.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} section#menuv2 .panel-default > .panel-heading.menu04{background: url(../img/gallery/specialty-drinks-05.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} section#menuv2 .panel-default > .panel-heading.menu05{background: url(../img/gallery/party-food-06.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} section#menuv2 .panel-default > .panel-heading.menu06{background: url(../img/gallery/party-food-04.jpg) no-repeat;background-size:cover;background-position:center left;color:#FFF} /* Section weeklyspecialss ================================ */ section#weeklyspecials h3.section-subheading {text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#weeklyspecials {background-attachment: scroll;background-image: url(../img/menu-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;color: #fff;} section#weeklyspecials strong.title {font-size: 24px;text-transform: uppercase} section#weeklyspecials .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#weeklyspecials .weeklyspecials-bg {background-color: rgba(150,150,150,0.3);padding: 40px 20px;border-radius: 5px;color: #FFF;} section#weeklyspecials-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#weeklyspecials-inner {background-attachment: scroll;background-image: url(../img/weeklyspecials-inner-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;} section#weeklyspecials-inner strong.title {font-size: 24px;text-transform: uppercase} section#weeklyspecials-inner .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#weeklyspecials-inner .weeklyspecials-bg {background-color: rgba(54,54,54,0.95);padding: 40px 20px;border-radius: 5px;color: #FFF;} /* Section Services ================================ */ #services .service {padding: 20px;color: #FFF;margin: 20px 0;} #services h4 {font-family: 'Amatic SC', cursive;font-size: 28px;} .service-heading {margin: 15px 0;text-transform: none;} /* Section Gallery ================================ */ /* Section Team ================================ */ section#team {color: #FFF;} section#team h3.section-subheading {text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#team-inner {color: #363636;} section#team-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#team-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} .team-member {margin-bottom: 50px;text-align: center;} .team-member img {margin: 0 auto;} .team-member h3 {margin-top: 25px;margin-bottom: 0;text-transform: none;font-size: 28px;font-weight: 900;color: #7cb64f;} .team-member p {margin-top: 0;} hr.style-two { margin-top:-10px; margin-bottom:5px; width:50%; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0)); } /* Section Events ================================ */ section#events {background: #f9bf3b;color: #FFF;} section#events-inner {color: #363636;} /* Section Testimonials ================================ */ section#testimonials {background: #f1f1f1;color: #363636;} section#testimonials h2 {font-family: 'Amatic SC', cursive; font-weight:bold; font-size:36px; color:#f9bf3b} section#testimonials p { font-size:16px;} section#testimonials .owl-theme .owl-controls .owl-buttons div {color: #363636 !important;border:0px solid #363636;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;padding:0px;font-size: 10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; background: transparent !important;filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;} section#testimonials .owl-controls .owl-prev {left: 0px;} section#testimonials .owl-controls .owl-next {right: 0px;} /* Section Book A Table ================================ */ #bookatable{background:#1c1e21 url(../img/bits/book-a-table-bg.jpg);color:#FFF;background-position: center center;} #cta{padding:100px 0;} @media(max-width:767px) { #bookatable{text-align:center}} #bookatable h3 {font-size:34px; margin-bottom:30px; font-weight:500} /* Section CTA Boxes ================================ */ section#cta-boxes {padding: 50px 0;} /* Section Contact ================================ */ section#contact {background-color: #f9f9f9;background-position: center;background-repeat: no-repeat;} section#contact .section-heading {color: #434343;} section#contact h4 {font-family: 'Amatic SC', cursive;font-size: 48px;} section#contact .form-group {margin-bottom: 20px;} section#contact .form-group input, section#contact .form-group textarea {padding: 25px 20px 15px 20px;} section#contact select.form-control {padding: 20px;} section#contact .form-group select.form-control {height: auto;} section#contact .form-group input.form-control {height: auto;} section#contact .form-group textarea.form-control {height: 322px;} section#contact .form-control {border: 1px solid #eee;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;border-radius:0} section#contact .form-control:focus {border-color: #eec32f;box-shadow: none;} section#contact::-webkit-input-placeholder {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 700;color: #bbb;} section#contact:-moz-placeholder {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 700;color: #bbb;} section#contact::-moz-placeholder {text-transform: uppercase;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 700; color: #bbb;} section#contact:-ms-input-placeholder {text-transform: uppercase; font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif; font-weight: 700; color: #bbb;} section#contact .text-danger {color: #e74c3c;} #iframe{ padding:0 !important; margin:30px 0} #iframe iframe{padding:0;border:0;pointer-events: none;} #iframe .embed-responsive-16by9{padding:10%} @media (max-width: 767px) { #iframe .embed-responsive-16by9{padding:25%} } /* Section 404 ================================ */ #four-o-four {padding:85px 0} #four-o-four h3 {color:#f9bf3b; font-size:11em} #four-o-four p { font-size:2em} /* Section 404 ================================ */ #blank {min-height:900px} /* Footer ================================ */ footer {padding: 10px 0;text-align: center;background: #311e09;color: #FFF;} footer span.copyright {text-transform: uppercase;font-size:12pt;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;line-height: 40px;letter-spacing: 2px;} footer ul.quicklinks {margin-bottom: 0;text-transform: uppercase;text-transform: none;font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;line-height: 40px;} /* Social Buttons ================================ */ ul.social-buttons {margin-bottom: 0;} ul.social-buttons li a {display: block; width: 30px;height: 30px;border-radius: 100%;font-size: 15px;line-height: 30px;outline: 0px none;color: #FFF; background-color: #222; -webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;} ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {background-color: #fed136; } /* Menus Modals ================================ */ #services .menu-item {right: 0;margin: 0 0 15px;} #services .menu-item .menu-link {display: block;position: relative;margin: 0 auto;max-width: 100%;min-height: 200px;} #services .menu-item .menu-link .menu-hover {position: absolute;width: 100%;height: 100%;opacity: 0;background: rgba(254,209,54,.9);-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;} #services .menu-item .menu-link .menu-hover:hover {opacity: 1;} #services .menu-item .menu-link .menu-hover .menu-hover-content {position: absolute;top: 50%;width: 100%;height: 20px; margin-top: -12px;text-align: center;font-size: 20px;color: #fff;} #services .menu-item .menu-link .menu-hover .menu-hover-content i {margin-top: -12px;} #services .menu-item .menu-link .menu-hover .menu-hover-content h3, #services .menu-item .menu-link .menu-hover .menu-hover-content h4 {margin: 0;} #services .menu-item .menu-caption {margin: 0 auto;padding: 25px;max-width: 100%;text-align: center;} #services .menu-item .menu-caption h4 {margin: 0;text-transform: none;} #services .menu-item .menu-caption p {margin: 0;font-size: 16px;font-style: italic;} #services * {z-index: 2;} @media(min-width:767px) { #services .menu-item {margin: 0 0 30px;}} .menu-modal .modal-content {padding: 50px 0;min-height: 100%;border: 0;border-radius: 0;text-align: center; background-clip: border-box;-webkit-box-shadow: none;box-shadow: none;} .menu-modal .modal-content h2 {margin-bottom: 15px;font-size: 3em;font-family: 'Amatic SC', cursive;font-weight:bold;} .menu-modal .modal-content .modal-body h3 {margin-bottom: 15px;font-size: 2em;font-family: 'Amatic SC', cursive; font-weight:bold;color: #f9bf3b;} .menu-modal .modal-content p {margin-bottom: 30px;font-size:14px;} .menu-modal .modal-content p.item-intro {margin: 20px 0 30px;font-size: 16px;font-style: italic;} .menu-modal .modal-content ul.list-inline {margin-top: 0;margin-bottom: 30px;} .menu-modal .modal-content img {margin-bottom: 30px;} .menu-modal .close-modal {position: absolute;top: 25px;right: 25px;width: 75px;height: 75px;background-color: transparent;cursor: pointer;} .menu-modal .close-modal:hover {opacity: .3;} .menu-modal .close-modal .lr {z-index: 1051;width: 1px;height: 75px;margin-left: 35px;background-color: #222; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu-modal .close-modal .lr .rl {z-index: 1052;width: 1px;height: 75px;background-color: #222;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} .menu-modal .modal-backdrop {display: none;opacity: 0;} div#menuModal1 {padding-right: 0 !important;} @media(max-width:767px) { .menu-modal .close-modal {position: absolute;top: 5px;right: 25px;width: 75px;height: 75px;} .menu-modal .close-modal .lr {z-index: 1051;width: 1px;height: 55px;margin-left: 60px;background-color: #222; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu-modal .close-modal .lr .rl {z-index: 1052;width: 1px;height: 55px;background-color: #222;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} } /* Miscellaneous ================================ */ .btn:focus, .btn:active, .btn.active, .btn:active:focus {outline: 0;} ::-moz-selection {text-shadow: none;background: #fed136;} ::selection {text-shadow: none;background: #fed136;} img::selection {background: 0 0;} img::-moz-selection {background: 0 0;} body {webkit-tap-highlight-color: #fed136;} .border {margin: 20px 0;} .hovercta-bg {background-color: #f9bf3b;padding: 30px;margin: 20px 0;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;} .hovercta-bg:hover {background-color: #363636;padding: 30px;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;} .modal-open {padding-right:0 !important} /* Colour Accents ================================ */ .blue-accent {color: #009edb} .green-accent {color: #7cb64f} .orange-accent {color: #f9bf3b} .white-accent {color: #FFF} .dark-accent {color: #434343;} /* Margin Adjustments ================================ */ .mrgn20-top {margin-top: 20px} .mrgn30-top {margin-top: 30px} .mrgn40-top {margin-top: 40px} .mrgn80-top {margin-top: 80px} .mrgn20-btm {margin-bottom: 20px} .mrgn30-btm {margin-bottom: 30px} .mrgn40-btm {margin-bottom: 40px} .mrgn20-top-btm {margin: 20px 0} .mrgn30-top-btm {margin: 30px 0} .mrgn40-top-btm {margin: 40px 0} #iframe {padding:30px 0;} @media(max-width:767px) { .mrgn80-top {margin-top: 0px}} /* Carousel Adjustments ================================ */ html, body {height: 100%;} .carousel, .item, .active {height: 100%;} .carousel-inner {height: 100%;} /* Background images are set within the HTML using inline CSS, not here */ .fill {width: 100%; height: 100%;background-position: center;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;} .carousel-caption {right: 20%;left: 20%;padding-bottom: 30px;top: 8%;} .carousel-caption p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 150px;text-transform: uppercase;font-size: 24px} .carousel-caption .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(max-width:767px) { .carousel-caption p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 10px;text-transform: uppercase;font-size:14px;} .carousel-caption .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 35px;font-weight: 700;line-height: normal;} .carousel-caption {right: 10%;left: 10%;padding-bottom: 30px;top: 15%;} } .carousel-control.left {background-image:none} .carousel-control.right {right: 0;left: auto;background-image:none} /* Layout Adjustments ================================ */ .no-gutter > [class*=col-]{padding-right:0;padding-left:0} .no-gutter{padding-right:0;padding-left:0} .no-padding{padding:0} /* Book A Table Form ================================ */ #bookform .modal-open{overflow:hidden} #bookform .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0} #bookform .modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)} #bookform .modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} #bookform .modal-open .modal{overflow-x:hidden;overflow-y:auto} #bookform .modal-dialog{position:relative;width:auto;margin:10px} #bookform .modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:0;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)} #bookform .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} #bookform .modal-backdrop.fade{filter:alpha(opacity=0);opacity:0} #bookform .modal-backdrop.in{filter:alpha(opacity=50);opacity:.5} #bookform .modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5} #bookform .modal-header .close{margin-top:-2px} #bookform .modal-title{margin:0;line-height:1.42857143} #bookform .modal-body{position:relative;padding:15px} #bookform .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5} #bookform .modal-footer .btn+.btn{margin-bottom:0;margin-left:5px} #bookform .modal-footer .btn-group .btn+.btn{margin-left:-1px} #bookform .modal-footer .btn-block+.btn-block{margin-left:0} #bookform .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} @media (min-width:768px) { #bookform .modal-dialog{width:600px;margin:30px auto} #bookform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)} #bookform .modal-sm{width:300px} } @media (min-width:992px) { #bookform .modal-lg{width:600px} } #bookform .form-control{border-radius:0} #bookform .form-control:focus {border-color: #eec32f;box-shadow: none;} #bookform h2.section-heading{margin-top:0;margin-bottom:5px;font-size:36px;font-family:'Amatic SC',cursive} #bookform h3.section-subheading{text-transform:none;font-family:'Catamaran',sans-serif;font-size:18px;font-weight:400} #bookform .help-block {font-size:14px} #bookform .help-block ul {padding-left:0} #bookform .help-block ul li { list-style-type:none} /* Video Background ================================ */ /* Prevent video jerky resize on load, reset defaults */ video {width: 100%;height: 100%;display: inline-block;vertical-align: baseline;} .video-wrap {height: 100%;width: 100%;} /* Video Header */ .content-overlay {position: relative;z-index: 20;padding: 10% 5% 0;height: 100%; background: rgba(249, 191, 59,0.2);} .content-overlay h1, .content-overlay p {color: #fff;} .text-overlay-example .video-wrap::before, .with-header-example .video-wrap::before { content: '';position: absolute;height: 100%;width: 100%;top: 0;right: 0;left: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);z-index: 10;} .outer-wrap {height: 500px;} #video-wrap h1 {text-transform:uppercase;font-weight:400;font-size:28px;background:#ff1744;color:#FFF;margin-top:30%} #video-wrap h2 {text-transform:uppercase; font-weight:400; font-size:38px} #video-wrap .sm-title {text-transform:uppercase; font-weight:700;font-size:18px} #video-wrap .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 75px;font-weight: 700;line-height: 75px;color: #FFF;} #video-wrap .intro-text p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 0px;text-transform: uppercase;font-size: 24px} #video-wrap .intro-lead-in {margin-top:50px;} @media(max-width:767px) { .content-overlay {background: url(../video/assets/Snapshot/Three-Cocktails.jpg);background-size: cover;background-position: 50% 50%;} #video-wrap .intro-text p.address {font-family: 'Catamaran', sans-serif; Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 50px;text-transform: uppercase;font-size:16px;} #video-wrap .intro-heading {margin-bottom: 20px;text-transform: uppercase;font-family: 'Amatic SC', cursive;font-size: 48px;font-weight: 700;line-height: 48px;color: #FFF;} #video-wrap .intro-text { margin-top: 80px;} }