/*
Theme Name:Fatstaks
Author URI: http://www.thegeminigeeks.com/
Version: 1.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: 'Muli', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #000;font-weight: 400;font-size: 15px;line-height: 1.8;text-rendering: optimizeLegibility;}

a img {border: none;}
a {color: #000;text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;
-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: #dc2021;}

:before {font-style: normal;font-family: 'icomoon';}
.qligg-icon-instagram-o:before {font-family:"qligg";}

.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;padding: 20px 0 0 0;}

.alignleft{float:left;margin:0 25px 0 0;}
.alignright{float:right;margin:0 0 0 25px;}
.aligncenter{display:block;margin:0 auto;}

#scroll {position: fixed;right: 10px;bottom: 40px;cursor: pointer;width: 40px;height: 40px;
background-color: #dc2021;text-indent: -9999px;display: none;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -6px;margin-top: -10px;height: 0;
width: 0;border: 6px solid transparent;border-bottom-color: #fff;}
#scroll:hover {background-color:#333;opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;}
.header_area {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: background 0.8s, all 0.8s linear;padding: 15px 0;}
.header_area.navbar_fixed .main_menu {position: fixed;width: 100%;top: -70px;left: 0;right: 0;z-index: 997;background: #000;transform: translateY(70px);transition: transform 500ms ease, background 500ms ease;-webkit-transition: transform 500ms ease, background 500ms ease;box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);padding:15px 0;}
.header_area.navbar_fixed .main_menu .site-navbar{margin-top:0;}
.header_area.navbar_fixed #logo img {width:90px;height:auto;}
.header_area.navbar_fixed .main_menu .site-navbar ul li a {padding-bottom:5px;}
.site-menu-toggle.js-menu-toggle {line-height:1;}

#ourmenulink {background:#DC2021;color:#fff;padding:12px 20px;display:block;border-radius:5px;margin:20px auto 0 auto;text-align:center;width:70%;}
#ourmenulink:hover {color:#fff;}

#branchSelectorModal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

#main .ti-read-more {display:none;}
#main .linkbutton {background:#DC2021;color:#fff;padding:10px 20px;display:inline-block;border-radius:5px;}
#main .linkbutton:hover {color:#fff;}

#logo{position: relative;z-index: 0;}
#logo img{max-width: 100%;margin: 0 auto;display: block}
#logo .site-title {float:left;}
#logo .site-title a{color:#fff;font-size: 24px;}
.site-menu-toggle{display: none;}

h1,h2,h3,h4,h5,h6 {margin: 30 0 10px 0;color: #000;line-height: 1.2;font-family: 'Montserrat', sans-serif;}

h1 {font-size: 40px;text-transform: uppercase;}
h2 {font-size: 30px;text-transform: uppercase;text-align:center;}
h3 {font-size: 28px;text-align:center;}
h4 {font-size: 26px;}
h5 {font-size: 24px;text-align:center;margin-top:unset;}
h6 {font-size: 22px;}

.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}
	
.more-btn{padding: 10px 65px;margin:15px 0;display:inline-block;background: #dc2021;border-radius: 100px;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.more-btn:hover{background:#000;color:#fff !important; }

#slider .item{background-size: cover;background-position: center top;}
#slider .owl-nav .owl-next, #slider .owl-prev {position: absolute;top:40%;transition: 0.6s;font-size:45px;color:#fff;opacity:0;}
#slider:hover .owl-nav .owl-next{display: block;transition: 0.6s;opacity:1.0;}
#slider:hover .owl-nav .owl-prev{display: block;transition: 0.6s;opacity:1.0;}
#slider .owl-nav .owl-next:hover, #slider .owl-nav .owl-prev:hover {color: #fff; transition: 0.6s;}
#slider .owl-nav .owl-prev {left: 20px;display: block;transition: 0.6s; }
#slider .owl-nav .owl-next {right: 20px;display: block;transition: 0.6s;}
#slider .owl-next span, #slider .owl-prev span{background-color: #dc2021;border-radius: 50px;}

.carousel-caption {right: 15%;top: 30%;left: 15%;z-index:997;padding-top: 20px;padding-bottom: 20px;text-align: center;position:absolute;}
.carousel-caption .subheading{font-weight: 600;color:#fff;font-size: 14px;letter-spacing: 3px;text-transform: uppercase;}
.carousel-caption h1{font-size: 60px;color: #fff;line-height: 1.3;font-weight: bold;}
.carousel-caption span{font-weight: 900;color:#F68C19;}
.carousel-caption p{color: #fff;font-weight: inherit;font-size: 20px;letter-spacing: 1px;}
.btn-primary{background: transparent;text-transform:uppercase;border: 5px solid #dc2021;color:#fff;padding: 10px 65px;display: inline-block;margin: 35px 0;}
.btn-primary:hover{background:#dc2021;color:#fff;}

.burger-icon img{margin: 10px auto;}

.order-btn {background:#dc2021;color:#fff;text-transform:uppercase;border:3px solid #dc2021;color:#fff;padding:0px!important;;display: inline-block;}
.order-btn  a{padding:5px 10px !important;}
.site-navbar .site-navigation .site-menu > li.order-btn > a:hover{color:#fff}

.site-mobile-menu .order-btn {background: transparent;border:0}

#about{padding: 65px 0 45px;float: left;width: 100%;text-align: center;}
#about p{margin: 15px 0;}
#about ul {list-style-type:none;}
#about ul li{text-align:left}
#about ul li:before {content: "\f14a"; margin-right: 10px;font-style: normal;color:#008000;}#delicacy{background:url(https://www.fatstaks.com.au/wp-content/uploads/2019/12/Our-Delicacy-bg.jpg) ;padding:65px 0px;width: 100%;float: left; transition:all .8s;background-position: center;background-size: cover;background-attachment: fixed;}
#delicacy h2{color:#fff;text-align: center;}
#delicacy h3{text-transform: uppercase;color:#fff;margin-top: 15px;}
#delicacy .col-md-6:first-child{margin: 35px 0;color:#fff;}
#delicacy .col-md-6 .col-md-12:last-child{margin-bottom: 0 !important;}
#delicacy .container .more-btn{margin: 0 auto;display: table;}
#delicacy .col-md-6:first-child h4{color:#fff;transition: 0.8s;font-size: 24px;}
#delicacy .col-md-6:first-child .col-md-12:hover h4{color:#dc2021;transition: 0.8s}
#delicacy .col-md-6:first-child .col-md-12{margin-bottom: 30px;}
#delicacy .col-md-6:last-child{margin: 35px 0;}
#delicacy .col-md-6 img{margin: 15px auto;display: block;border:3px solid #fff;padding: 15px;}

.abtmenu{background:transparent;text-transform: uppercase;border: 5px solid #dc2021;color:#fff;padding: 10px 65px;display: inline-block;margin: 45px 0;}
#menulist{padding: 65px 0 45px;float: left;width: 100%;}
#menulist h3{text-transform: uppercase;}
#menulist .list{margin: 15px 0;border-bottom:4px solid #efefef;}
#menulist .more-btn{margin:0px auto;display:table;margin-top: 30px;}

#menupage h3{background:#000;color:#fff;padding: 10px;text-align:left;font-size: 24px;margin-top: 2rem;font-weight: 600;}
#menupage h3 a {color:#fff;}
#menupage h5{font-size:20px;color:#333;text-align:left;}
#menupage h5 #chilli{float:none;display:inline-flex;margin-left:5px;align-items: center;}
#menupage h5 #chilli img{width:25px;}
#menupage h5 .price{float:right;margin-right:5px}
#menupage .list{margin:5px 0;border-bottom:4px solid #efefef;}
#menupage p{font-size:14px !important;margin:0 0 10px;line-height: 1.4em;}
#menupage .menuimg{margin:110px 0;}
.redtxt{color:#dc2021 !important}

#instagram{padding: 65px 0 45px;float: left;width: 100%;text-align: center;}
#instagram #ig-block-1{margin: 35px 0;}



#testimonials{padding: 65px 0px;width: 100%;float: left;text-align: center;background: #f5f5f5;}
.testimonial .testimonial-item {padding:30px 25px; }
#testimonials img{margin:35px auto 0;}
#testimonials .burger-icon img{margin: 0 auto;}
#testimonials .testimonial h5{margin: 10px 0;font-size: 20px;text-transform:uppercase;font-weight:normal;color:#dc2021;}
#testimonials .owl-nav, #testimonials .owl-dots {margin-top: 2px;text-align: center;}
#testimonials .owl-dot {display: inline-block;width:30px; height:7px; background:#000; border-radius:5px; margin:5px 5px}
#testimonials .owl-dot.active {background-color:#dc2021;}

.column{column-count: 2;margin:25px 0 !important;}

#catdesc {margin:0 0 20px 0;padding:0 10px;}
#blog{width:100%;float:left;margin:0 0 45px 0;}
#blog h1{text-align: center;}
#blog .col-md-4 {margin-bottom:20px;}
#blog .col-md-4 .post-title{font-size: 24px;font-weight: 600;color:#333740;display: block;}
#blog .col-md-4 .post-title:hover{color:#DC2020;}
#blog .col-md-4 p{;margin:0 0 25px;padding:0 15px;}
#blog .col-md-4 .more-link{background:#DC2020;text-align: center;color:#fff;max-width: 100%;display: inline-block;float: right;padding:10px;margin:0 15px;}


#single-post {padding:45px 0;}
#single-post h1{letter-spacing: 1px;text-transform: capitalize;font-size: 3rem;margin-left:10px;}
#single-post h2{font-size:2.5rem;text-transform:capitalize}
#single-post .price{font-size:20px;font-weight: 500}
#single-post p{margin:1rem 10px;}

.dishimg{position:relative}
.dishimg img{width:550px;margin-top:5px;border-radius:3rem;}


#dishgallery, #postgallery{margin-top:45px;clear:both;}
#dishgallery img, #postgalleryimg{width:95%;margin:0 auto 1rem;border:1px solid #DC2020}
.ingredients{text-align:center;padding:45px 0}


.sposts {width:100%;text-align:center;}
.related rbox{width:22.5%;display:inline-block;margin: 1%;border:1px solid #eee;text-align: center;}
.related .imgbox{width: 100%;height: auto;position:relative}
.related .imgbox img{width: 100%;height: 100%}

#info span{font-size: 24px;font-weight: bold;text-transform: uppercase;}
#info strong a{font-weight:700;font-size:30px;color:#dc2021;}
.info li{line-height:30px;display:flex;font-weight:300;}
.info .address:before {content: "\f041"; margin-right: 10px;font-size: 24px;color:#6ACE26}
.info .phone:before {content: "\f2a0"; margin-right: 10px;font-size: 24px;color:#6ACE26}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:#6ACE26}


#contactform{margin: 0 0 20px 0;line-height: 20px;}
#contactform *{font-size: 15px;color:#595966;font-family: 'Muli', sans-serif;}
#contactform input{width: 100%;background: #FFF;border: 1px solid #dc2021;padding: 15px 20px;margin: 10px 0;border-radius: 10px;}
#contactform select{width: 100%;background: #FFF;border: 1px solid #ddd;padding: 15px 25px;border-radius:10px;margin: 10px 0;color:#595966;}
#contactform textarea{width: 100%;height: 125px;background: #fff;border: 1px solid #dc2021;padding: 25px;margin: 10px 0;border-radius: 10px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{background: #fff;border: 1px solid #000;}

::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;}

#contactform input:focus, #contactform textarea:focus, #contactform select:focus{background: #fff;border: 1px solid #dc2021;}
#contactform input.wpcf7-submit{background: #000;color: #fff;font-size: 18px;text-transform: uppercase;cursor: pointer;
transition: 0.8s;padding: 15px;border: none;}
#contactform input.wpcf7-submit:hover{background: #dc2021;transition: 0.8s;}
textarea, iframe{max-width: 100%;}


.post {padding: 10px;margin: 0 0 10px 0;}
.post p {margin: 0 0 20px 0;}
.post p a {font-weight: bold;}
.post a {color: #000;}
.post ul {margin: 10px 0 0px 0px;}
.post ul li {list-style :none;margin: 0 0px 10px 0px;display: flex;list-style-position: inside;}
.post ul li:before{color: #dc2021;content: "\f0f5";margin-right: 8px;font-style: normal;}

#pagetitle {background-color:#000000;color:#fff;background-size:cover;margin:0 0 20px 0;position: relative;float: left;width: 100%;}
#pagetitleinner {padding:130px 0 20px;float: left;width: 100%;text-align: center;}
#pagetitle h5{color:#fff;text-transform:uppercase;}
#pagetitle p {color:#fff;text-align: center;font-size: 18px;}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;color: #fff;font-weight: 300;}
.breadcrumb a{color:#fff;}
.breadcrumb a:hover{color:#F9C928;}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff}

#main{padding: 45px 10px 45px 10px;}
#side{padding: 45px 10px 45px 10px;text-align:left;}
#side h3{border-bottom: 1px solid #63C6C1;line-height: 50px;}
#main p{color:#000;font-size: 15px;}

#main a:hover{color:#dc2021;}
#main li{list-style: none;line-height: 30px;color: #333740;}


#sidebar {margin:10px 0;}
#sidebar label.screen-reader-text{display:none;}
#sidebar input {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#sidebar input#s {border:1px solid #ccc;color:#333740;padding:5px;background:#fafafa;width:70%;}
#sidebar input#s:focus {background:#fff;}
#sidebar input#searchsubmit {width:25%;background:#3C5AA8;color:#fff;border:none;padding:5px;}

.widget {margin:10px 0 25px 0;}
.widget h3 {border-bottom:2px solid #333740;margin:0 0 15px 0;text-transform:uppercase;padding:0 0 2px 0;text-align:left;font-weight:700}
.widget span.post-date {color:#333740;font-size:12px;}
.widget ul {margin:10px 0 0 0px;}
.widget ul li {margin:0 0 12px 0;list-style-type:square;border-bottom:1px solid #eee;}

#commentlist{padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}

#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;max-width:90%;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}


#bottom {background: #000;color:#fff;font-size: 14px;padding: 40px 0;}
#bottom a {color: #fff;}
#bottom a:hover {color:#DC2021;}
#bottom .footlogo {margin: 0 auto 35px;}

#bottom #contact-info h3{font-size: 26px;text-align: center;}
#bottom .phone:before{content: "\f098"; margin-right: 15px;color:#fff;font-size: 64px;position: relative;top: 15px;font-weight: normal;}
#bottom .instaicon:before{content: "\f16d"; margin-right: 15px;color:#fff;font-size: 64px;position: relative;top: 15px;font-weight: normal;}
#bottom .website:before{content: "\f0ac"; margin-right: 15px;color:#fff;font-size: 64px;position: relative;top: 15px;font-weight: normal;}


#footer {clear: both;background: #000;color: #fff;padding: 10px 0;text-align: center;font-size: 13px;}
#footer a {color: #fff;}
#footer a:hover {color:#333;}
.fleft {float: left;}
.fright {float: right;}

.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;
text-transform: uppercase;color: #fff;font-weight: 300;}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff}

#branchSelectorModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 999999;
    backdrop-filter: blur(5px);
}
#branchSelectorBox {
    background: #fff;
    width: 90%;
    max-width: 400px;
    margin: 10% auto;
    padding: 30px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.branch-btn {
    display: block;
    width: 100%;
    margin: 12px 0;
    padding: 12px;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: #333;
    color: white;
}
.branch-btn:hover {
    background: #555;
}
body.modal-open {
    overflow: hidden;
}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.desktoponly {display: none;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color:#fff;}
.site-navbar{display: none;}
	.header_area{position: relative;background: #000;float: left;width:100%;}	
	
	#logo .site-title{margin: 10px 0;}	
	#logo img{width: 130px;height: auto;float:left;}	
	#about p{padding: 0 15px;}	
	#single-post h1 {font-size:30px;margin:10px 0 0 20px;}
	
#bottom #contact-info h3 {font-size: 20px;text-align: left;}
#bottom {width: 100%;display: block;}
#footer {font-size: 12px;padding: 10px 0;}
.fleft, .fright {float: none;}
	#menulist .more-btn{margin-bottom:30px}    


}
@media screen and (min-width: 981px) {
.mobileonly, #ourmenulink {display: none;}
.lefthalf {float: left;width: 48%;}
.righthalf {float: right;width: 48%;}
.site-menu-toggle{display:none;}
}


@media screen and (max-width: 420px) {
.related rbox{width:95%}
.related rbox .imgbox{width: 100%;height: auto}
}

@media screen and (min-width: 421px) and (max-width: 500px) {
#bottom .col-md-3{width: 49%;float: left;word-wrap: anywhere}
.carousel-caption {right: 5%;top: 0%;left: 5%;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 30px;}
.carousel-caption h1 {font-size: 30px;}
#slider .btn-primary{padding:5px 15px;margin:5px 0;}
.related rbox{width:95%}
.related rbox .imgbox{width: 100%;height: auto}
}

@media screen and (min-width: 501px) and (max-width: 768px) {
#bottom .col-md-3{width: 47%;float: left;}
.carousel-caption {right: 5%;top: 10%;left: 5%;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 30px;}
.carousel-caption h1 {font-size: 30px;}
#slider .btn-primary{padding:5px 15px;margin:15px 0;}
}