html,body {
height:100%;
}
body {
background:url(../images/bkgrd.jpg) center center fixed no-repeat;
background-size:cover;
border-top:5px solid #f4bd4e;
overflow-x:hidden;
}
#btmbtns {
position:fixed;
z-index:1000;
right:10px;
bottom:10px;
display:none;
}
#a1 {
min-height:90%;
position:relative;
}
#a3 {
position:absolute;
top:0;
left:-300px;
width:300px;
height:1000px;
background-position:center center;
background-size:auto!important;
background-repeat:no-repeat;
}
#addrow {
font-family:"Skranji", Arial, Helvetica, sans-serif;
color:#FFF;
text-shadow:2px 2px 1px #000;
font-size:26px;
}
#logo-col {
position:relative;
}
h1, .social {
font-family:"Skranji", Arial, Helvetica, sans-serif;
color:#FFF;
text-transform:uppercase;
text-shadow:2px 2px 1px #000;
}
.social {
margin:0;
padding:0;
text-shadow:2px 2px 1px #000, 0px 0px 8px #000;
}
h2 {
font-family:"Skranji", Arial, Helvetica, sans-serif;
color:#f8c859;
text-shadow:2px 2px 1px #000, 0px 0px 8px #000;
}
h2 small {
color:#FFF;
}
h3 {
font-family:"Skranji", Arial, Helvetica, sans-serif;
color:#FFF;
text-shadow:2px 2px 1px #000;
}
h4 {
font-family:"Skranji", Arial, Helvetica, sans-serif;
color:#FFF;
text-shadow:2px 2px 1px #000;
border-bottom:1px solid #f8c859;
padding-bottom:8px;
font-size:28px;
}
h4 .pull-right {
font-size:24px;
}
h4 small {
color:#f8c859;
font-size:20px;
}
.yellow {
color:#f8c859;
}
hr {
border-color:#f8c859;
margin-top:30px;
margin-bottom:10px;
}
h1 .fl {
font-size:1.3em;
}
.spicy-40 {
display:inline-block;
height:40px;
width:40px;
background:url(../images/spicy.png) center center no-repeat;
margin-bottom:-10px;
margin-right:-10px;
margin-left:10px;
}
.spicy-25 {
display:inline-block;
height:25px;
width:25px;
background:url(../images/spicy.png) center center no-repeat;
background-size:cover;
margin-bottom:-4px;
}
.raw-40 {
display:inline-block;
height:40px;
width:40px;
background:url(../images/raw.png) center center no-repeat;
margin-bottom:-10px;
margin-right:-10px;
margin-left:10px;
}
.raw-25 {
display:inline-block;
height:25px;
width:25px;
background:url(../images/raw.png) center center no-repeat;
background-size:cover;
margin-bottom:-4px;
}
.body-content {
color:#FFF;
font-family:"Do Hyeon", Arial, Helvetica, sans-serif;
font-size:18px;
padding-bottom:40px;
}
.price {
font-size:26px;
}
.price .red {
font-family:"Skranji", Arial, Helvetica, sans-serif;
font-size:30px;
color:#d21622;
text-shadow:2px 2px 1px #000, 0px 0px 8px #000;
}
.price:first-of-type {
font-size:38px;
}
.price:first-of-type .red {
font-size:42px;
}
.btn{
font-family:"Skranji", Arial, Helvetica, sans-serif;
border-radius: 80% 60% 40% 20%/20% 50% 60% 90%;
}
.btn-danger {
background:#d21622;
border:2px solid #FFF;
text-shadow:1px 1px 3px #000
}
.btn-danger:hover {
background:#940912;
border:2px solid #FFF;
}
.btn-lg {
font-size:24px;
}
.menutitle {
padding-top:30px;
}
.ast {
font-size:18px;
color:#fdebb3;
cursor:help;
}
.menuitem {
margin-bottom:10px;
}
.menuitem small {
font-size:16px;
}
.menuitem small.longdesc {
display:block;
padding-left:15px;
}
/**CUSTOM STRUCTURAL CLASSES**/
/* Padding Styles */
.parallax-section{
background-attachment: fixed;
background-position: center center;
background-size: cover;
}
.no-pad {
padding-left:0!important;
padding-right:0!important;
}
.low-pad {
padding-left:5px!important;
padding-right:5px!important;
}
.hi-pad {
padding-left:30px!important;
padding-right:30px!important;
}
.v-pad {
padding-top:15px!important;
padding-bottom:15px!important;
}
.v-pad-low {
padding-top:5px!important;
padding-bottom:5px!important;
}
.v-pad-hi {
padding-top:30px!important;
padding-bottom:30px!important;
}
/**/
/* Table Display */
@media (min-width: 768px) {
.display-table {
float:none!important;
display:table!important;
overflow:hidden;
}
.display-table-cell {
float:none!important;
display:table-cell!important;
vertical-align:top;
}
.valign-mid {
vertical-align:middle;
}
}
/**/
.clearfix {
clear:both!important;
}
/* For WordPress */
.alignleft {
float:left;
margin-right:10px;
}
.alignright {
float:right;
margin-left:10px;
}
/**/
/**FORM VALIDATION**/
#captcha {
display:inline-block;
}
input.error, select.error, textarea.error {
border:1px solid red;
}
.errormsg {
display:block;
width:100%;
position:relative;
}
.red {
color:red!important;
}
label.error {
color:red!important;
font-size:13px!important;
z-index:1000;
font-weight:normal;
width:auto;
position:absolute;
top:-3px;
left:10px;
background:#FFF;
border:1px solid #bbb;
border-radius:5px;
padding:8px;
box-shadow:2px 2px 4px rgba(0,0,0,0.15);
}
label.error:before {
content:"";
position:absolute;
border-style:solid;
border-color:#bbb transparent;
display:block;
width:0;
top:-10px;
bottom:auto;
left:20px;
border-width:0 10px 10px;
}
label.error:after {
content:"";
position:absolute;
border-style:solid;
border-color:#fff transparent;
display:block;
width:0;
top:-9px;
bottom:auto;
left:21px;
border-width:0 9px 9px;
}
/**MOBILE HOT BUTTONS**/
#mobile-hb-container{
position:absolute;
width:100%;
height:50px;
padding-right:44px;
}
#mobile-hot-buttons {
width:250px;/* Must be total width of buttons */
height:50px;/* Must be height of buttons */
margin:0 auto;
}
#mobile-hot-buttons a {
float:left;
}
@media (min-width: 768px) {
#mobile-hb-container{
display:none!important;
}
}
/**NAVBAR**/
.navbar {
min-height:0;
margin-bottom:0;
border:none;
border-radius:0!important;
}
.navbar-header {
position:relative;
}
.navbar-default {
background:none!important;
}
/* Link Styles */
.navbar-default .navbar-nav>li>a {
color:#000;
}
/* Link Hover Styles */
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
color:#000;
}
/* Open Link Styles (when dropdown is open) */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
background-color:#e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-toggle {
border-color: #ddd;
background:#FFF;
}
.icon-bar {
background-color:#666;
}
.navbar-default .navbar-nav li a {
border-bottom:1px solid #000;
font-size:16px;
padding-top:15px;
padding-bottom:15px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
padding-top:15px;
padding-bottom:15px;
color:#000;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#000!important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#EEE;
}
}
/**DELETE THIS SECTION IF YOU DO NOT WANT FULL WIDTH EQUAL SPACED NAV**/
/**vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv**/
@media (min-width: 768px) {
.navbar-nav {
width:100%;
display:table;
}
.navbar-nav>li {
float:none;
display:table-cell;
text-align:center;
}
.dropdown-menu {
min-width:100%;
}
}
/**^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^**/
/**DELETE THIS SECTION IF YOU DO NOT WANT FULL WIDTH EQUAL SPACED NAV**/
/**SIZE SPECIFIC STYLES**/
/**COMBINATIONS**/
/**SS, XS & SM**/
@media (max-width: 991px) {
}
/**SS, XS, SM & MD**/
@media (max-width: 1199px) {
}
/**SM, MD & LG**/
@media (min-width: 768px) {
#btmbtns a {
margin-left:10px;
}
h1 {
text-align:right;
}
#toprow,#addrow {
background:rgba(0,0,0,0.65);
border-top:2px solid #f4bd4e;
border-bottom:2px solid #f4bd4e;
}
.parallax-section {
position:relative;
}
#logo {
position:absolute;
z-index:1000;
}
#toprow {
width:100%;
position:absolute;
}
#addrow {
width:100%;
position:absolute;
bottom:0;
top:50%
}
#btmmap {
height:400px;
}
}
/**MD & LG**/
@media (min-width: 992px) {
}
/**INDIVIDUAL SIZES**/
/**XS**/
@media (max-width: 767px) {
h1 {
text-align:center;
}
.parallax-section .container {
background:rgba(0,0,0,0.55);
}
.parallax-section {
border-bottom:2px solid #f4bd4e;
}
#logo {
margin:0 auto;
}
#btmbtns a {
margin-left:2px;
font-size:14px!important;
padding-left:6px;
padding-right:6px;
}
.menutitle h4{
font-size:22px;
}
h5 {
text-align:right;
margin-top:0;
margin-bottom:15px;
font-size:20px;
}
#btmmap {
height:400px;
height:100vw
}
}
/**SUPERSMALL**/
@media (max-width: 400px) {
}
/**SM**/
@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size:40px;
}
#logo {
top:-5px;
}
#toprow {
top:90px;
}
.social {
font-size:24px;
padding-top:5px;
}
#addrow {
margin-top:1%;
}
}
/**MD**/
@media (min-width: 992px) and (max-width: 1199px) {
h1 {
font-size:40px;
}
#logo {
top:-5px;
}
#toprow {
top:100px;
}
.social {
font-size:32px;
}
#addrow {
margin-top:1%;
}
}
/**LG**/
@media (min-width: 1200px) {
h1 {
font-size:50px;
}
#logo {
top:-20px;
}
#toprow {
top:140px;
}
.social {
font-size:39px;
padding-top:20px;
}
h2 {
font-size:39px;
}
h3 {
font-size:32px
}
.body-content {
font-size:22px;
top:70%;
}
#addrow {
margin-top:1%;
}
.locrow {
}
}