@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&family=Lavishly+Yours&family=Nanum+Gothic&display=swap');

@font-face {
  font-family: BentonSans;
  src: url(https://deliverit-vhosts.s3-ap-southeast-2.amazonaws.com/pescipizza.com.au/fonts/BentonSans-Book.otf);
}

body,
#main {
    background: linear-gradient(to bottom, #ffffff29 0%,rgb(255 255 255 / 43%) 100%), url(https://deliverit-vhosts.s3-ap-southeast-2.amazonaws.com/pescipizza.com.au/images/bg.jpg) no-repeat !important;
    background-size: cover !important;
    background-attachment: inherit !important;
    background-position: bottom !important;
    font-family: 'Nanum Gothic', sans-serif !important;
}

.navbar.navbar-default.navbar-fixed-top,
.navbar-collapse{
    transition:1000ms ease !important;
    background: #fff !important;
}

.navbar.navbar-default.navbar-fixed-top.scrolled,
.navbar-collapse.scrolled{
    background: #fff !important;
    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 0%) !important;
}

.navbar.navbar-default.navbar-fixed-top, 
.navbar-collapse {
    background: transparent !important;
}

#nav-logo {
    width: 180px !important;
    margin-top: 0px !important;
    transition: .7s !important;
    position: fixed !important;
    z-index: 2 !important;
    margin-left: -20px !important;
}

.navbar.navbar-default.navbar-fixed-top.black #nav-logo {   
    width: 100px !important;
    margin-top: 0px !important;       
    margin-left: 0px !important;
    padding: 0px !important;
}

.navbar-default .navbar-nav > li > a {
    font-size: 17px !important;
    letter-spacing: 1px !important;
    color: #222 !important;
    text-transform: uppercase !important;
    padding: 10px 15px 10px 15px !important;   
    font-family: 'Nanum Gothic', sans-serif !important;
    font-weight: bold !important;
}

.navbar-default .navbar-nav > li > a:active {
    color: #fff !important;
    background-color: #f9a400 !important;
}

.navbar-default .navbar-nav > li > a:hover, 
navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: #f9a400 !important;
}

.navbar-default {
    border-bottom: transparent !important;
}

.navbar-default .navbar-toggle {
    border-color: #fff !important;
    background: #252527 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* Main Section */
#main button:hover:before, #main button:focus:before, #main button:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#main h2 {
    font-weight: 900 !important;
    font-size: 90px !important;
    letter-spacing: 1.8px !important;
    text-transform: unset !important;
    color: #000 !important;
    text-align: center !important;
    font-family: 'Lavishly Yours', cursive !important;
    text-shadow: none !important;
    padding-bottom: 30px !important;
}

.welcome #contact-details,
#main #cuisine {
    color: #000 !important;
    text-shadow: none !important;
    text-align: center !important;
    padding-top: 0px !important;
    font-weight: 600 !important;
}

#main button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    font-family: 'IM Fell English SC', serif !important;
    background: #ffffff7a !important;
    color: #222;
    font-size: 35px;
    margin-top: 10px;
    outline: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-weight: 900;
    padding: 6px 10px 5px 10px !important;
    border: solid 3px #222 !important;
}

#main button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100px;
}

#main button:hover, #main button:focus, #main button:active {
    color: #222;
    border: solid 3px #222 !important;
    background: #eee !important;
}

#main button:hover:before, #main button:focus:before, #main button:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Menu Section */
#menu{
    background: #fff !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

#menu .panel-default > .panel-heading {
  padding: 10px 3px 3px 3px !important;
}

#menu .panel {
  background: #fff !important;
  background-position: top !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  margin-top: 50px !important;
  -webkit-box-shadow: 0px 0px 10px 5px #f9a400 !important;
  -moz-box-shadow: 0px 0px 10px 5px #f9a400 !important;
  box-shadow: 0px 0px 8px 5px #f9a400 !important;
}

#menu .page-title {
  font-family: 'IM Fell English SC', serif !important;
  color: #222 !important;
  text-transform: uppercase !important;
  margin-top: 30px !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 55px !important;
}

#menu h2 {
  text-transform: uppercase !important;
  position: relative !important;
  font-weight: 900 !important;
  margin-top: 30px !important;
  text-align: center !important;
  font-size: 30px !important;
  padding: 0px 0px 0px 0px !important;
  color: #222 !important;
  font-family: 'IM Fell English SC', serif !important;
}

.menu-border{
  border: none !important;
}

.menu-item h4 {
  text-align: left !important;
  text-transform: capitalize !important;
  margin-top: 20px !important;
  margin-bottom: 2px !important;
  color: #222 !important;
  font-weight: 800 !important;
  font-size: 25px !important;
  font-family: 'IM Fell English SC', serif !important;
}

.menu-prices {
    font-family: sans-serif !important;
    color: #222 !important;
    letter-spacing: 0.5px !important;
    font-size: 15px !important;
    font-family: 'IM Fell English SC', serif !important;
}

span.dollar-symbol.menu-prices {
  color: #222 !important;
  margin-left: 10px !important;
}

.menu-item p {
  color: #222 !important;
  text-align: left !important;
  font-weight: 500 !important;
  margin-top: 0px !important;
  text-transform: none !important;
  font-family: 'Nanum Gothic', sans-serif !important;
}

#menu-row hr {
  display: none !important;
}

.menu_title_footer,
.menu_title_header {
  color: #222 !important;
  text-align: center !important;
  font-size: 13px !important;
  text-transform: none !important;
  font-family: 'Nanum Gothic', sans-serif !important;
}

#menu .col-lg-1, 
#menu .col-lg-10, 
#menu .col-lg-11, 
#menu .col-lg-11, 
#menu .col-lg-12, 
#menu .col-lg-2, 
#menu .col-lg-3, 
#menu .col-lg-4, 
#menu .col-lg-5, 
#menu .col-lg-6, 
#menu .col-lg-7, 
#menu .col-lg-8, 
#menu .col-lg-9, 
#menu .col-md-1, 
#menu .col-md-10, 
#menu .col-md-11, 
#menu .col-md-12, 
#menu .col-md-2, 
#menu .col-md-3, 
#menu .col-md-4, 
#menu .col-md-5, 
#menu .col-md-6, 
#menu .col-md-7, 
#menu .col-md-8, 
#menu .col-md-9, 
#menu .col-sm-1, 
#menu .col-sm-10, 
#menu .col-sm-11, 
#menu .col-sm-12, 
#menu .col-sm-2, 
#menu .col-sm-3, 
#menu .col-sm-4, 
#menu .col-sm-5, 
#menu .col-sm-6, 
#menu .col-sm-7, 
#menu .col-sm-8, 
#menu .col-sm-9, 
#menu .col-xs-1, 
#menu .col-xs-10, 
#menu .col-xs-11, 
#menu .col-xs-12, 
#menu .col-xs-2, 
#menu .col-xs-3, 
#menu .col-xs-4, 
#menu .col-xs-5, 
#menu .col-xs-6, 
#menu .col-xs-7, 
#menu .col-xs-8, 
#menu .col-xs-9 {
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* About Section */
#about {
    font-size: 15px !important;
    background: #222 !important;
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 50px !important;
}

.about{
    color: #fff !important;
}

#about .page-title {
    font-family: 'IM Fell English SC', serif !important;
    font-weight: 900 !important;
    font-size: 55px !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

/* Deliver Section */
#deliver {
    font-size: 18px !important;
    background: #222 !important;
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 50px !important;
}

.deliver{
    color: #fff !important;
}

#deliver .page-title {
    font-family: 'IM Fell English SC', serif !important;
    font-weight: 900 !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

/* Contact Section */
#contact {
    background: #fff !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#contact .page-title {
    font-family: 'IM Fell English SC', serif !important;
    font-weight: 900 !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #222 !important;
}

#contact .glyphicon{
    color: #222 !important;
    margin-right: 3px !important;
}

#contact #contact-details, 
#contact #cuisine {
    color: #222 !important;
    font-size: 15px !important;
}

#contact hr {
    border-color: #222 !important;
}

form#form {
    background: #222 !important;
    padding: 10px !important;
}

#contact label {
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

#contact-form .form-control {
    color: #000 !important;
    border: 1px solid #0000 !important;
}

#contact-form .form-control::placeholder {  
    color: #252627b8 !important;
    text-transform: uppercase !important;
}

#contact button {
    padding: 4px 10px !important;
    font-size: 20px !important;
    color: #fff !important;
    background: #222 !important;
    border: none !important;
    width: 100% !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
}

#contact button:hover {
    color: #222 !important;
    background: #fff !important;
    box-shadow: none !important;
}

#g_captcha{
    overflow: hidden !important;
}

/* Opening Section */  
#openinghours .page-title {
    font-family: 'IM Fell English SC', serif !important;
    font-weight: 900 !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #222 !important;
}

#openinghours h2{
    color: #222 !important;
    text-transform: uppercase !important;
    font-size: 23px !important;
}

#openinghours th {
    color: #222 !important;
    font-size: 20px !important;
}

#openinghours .day {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #222 !important;
}

#openinghours td {
    text-transform: capitalize !important;
    color: #222 !important;
}

/* Social Section */
#facebook_like {
    background: #fff !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

#facebook_like .page-title {
    font-family: 'IM Fell English SC', serif !important;
    font-weight: 900 !important;
    font-size: 50px !important;
    text-transform: uppercase !important;
    color: #222 !important;
}

/* Others */
footer {
    background: #222 !important;
    color: #fff !important;
}

/* #footer h1 {
    background: url(images/logo.png) no-repeat top !important;
    width: 100% !important;
    height: 100px !important;
    background-size: 105px !important;
    font-size: 0px !important;
} */

.cd-top, .cd-top2{
    background-color: #f9a400 !important;
}

/* Mobile View */
@media (max-width: 1280px){
  #main h2 {
    padding-top: 50px !important;
    font-size: 45px !important;
    padding-top: 0px !important;
  }  
}

@media (max-width: 1024px) { 
  .navbar-default .navbar-nav > li > a {
    padding: 5px 10px 5px 10px !important;
    margin: 10px 5px 0px 5px !important;
  }

  #nav-logo {
    width: 150px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    transition: .5s !important;
    position: fixed !important;
    z-index: 2 !important;
  }

  .navbar.navbar-default.navbar-fixed-top.black #nav-logo {   
    width: 100px !important;
    margin-top: 0px !important;       
    margin-left: 0px !important;
    padding: 0px !important;
  }

  #main h2 {
    font-size: 55px !important;
    padding-top: 0px !important;
  }
  
  .menu_title_footer, .menu_title_header{
    padding: 5px 5px 5px 5px !important;
  }
}

@media (max-width: 820px){
  .navbar-default .navbar-nav > li > a {
    font-size: 13px !important;
    padding: 5px 7px 5px 7px !important;
    margin: 30px 5px 0px 5px !important;
  }

  #nav-logo {
    width: 130px !important;
    margin-top: 5px !important;
    margin-left: 0px !important;
    transition: .5s !important;
    position: fixed !important;
    z-index: 2 !important;
  }

  .navbar.navbar-default.navbar-fixed-top.black #nav-logo {   
    width: 100px !important;
    margin-top: 0px !important;       
    margin-left: 0px !important;
    padding: 0px !important;
  } 

  #main h2 {
    font-size: 50px !important;
  }
}

@media (max-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 13px !important;
    padding: 5px 10px 5px 10px !important;
    margin: 30px 0px 0px 0px !important;
  }

  .navbar-default .navbar-nav > li > a:hover {
    color: #fff !important;
    background-color: #f9a400 !important;
  }

  .navbar-default .navbar-nav > li > a:active {
    color: #fff !important;
    background-color: #f9a400 !important;
  }

  #nav-logo {
    width: 120px !important;
    margin-top: 10px !important;
    margin-left: 0px !important;
    transition: .5s !important;
    position: fixed !important;
    z-index: 2 !important;
  }

  .navbar.navbar-default.navbar-fixed-top.black #nav-logo {   
    width: 100px !important;
    margin-top: 0px !important;       
    margin-left: 0px !important;
    padding: 0px !important;
  }
  
  #main h2 {
    font-size: 45px !important;
  }

  #menu .page-title{
    font-size: 40px !important;
  }
  
  #menu .panel{
    margin-left: 5% !important;
    margin-right: 5% !important;
  }

  #main button{
    font-size: 30px !important;
  }

  .menu_title_footer, .menu_title_header{
    font-size: 13px !important;
  }
}

@media (max-width: 540px){
  #main {
    background: linear-gradient(to bottom, #ffffff29 0%,rgb(255 255 255 / 43%) 100%), url(https://deliverit-vhosts.s3-ap-southeast-2.amazonaws.com/pescipizza.com.au/images/bg.jpg) no-repeat !important;
    background-size: cover !important;
    background-attachment: inherit !important;
    background-position: top !important;
  }
  
  .navbar.navbar-default.navbar-fixed-top,
  .navbar-collapse{
    transition:1000ms ease !important;
    background: #fff !important;
  }

  .navbar.navbar-default.navbar-fixed-top.scrolled,
  .navbar-collapse.scrolled{
    background: #fff !important;
    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 0%) !important;
  }

  .navbar.navbar-default.navbar-fixed-top, 
  .navbar-collapse {
    background: #fff !important;
  }

  .navbar-default .navbar-toggle{
    background: #f9a400 !important;
  }
  
  #nav-logo {
    width: 100px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  .navbar.navbar-default.navbar-fixed-top.black #nav-logo {   
    width: 100px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  .navbar-default .navbar-collapse ul{
    margin: 0px 0px 0px 0px !important;
  }

  .navbar-default .navbar-nav > li > a {
    padding: 5px 10px 5px 10px !important;
    margin: 0px 0px 0px 0px !important;
  }

  .navbar-default .navbar-nav > li > a:hover {
    color: #fff !important;
    background-color: #f9a400 !important;
  }

  .navbar-default .navbar-nav > li > a:active {
    color: #fff !important;
    background-color: #f9a400 !important;
  }
  
  #main h2 {
    font-size: 35px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 13px !important;
    text-align: center !important;
  }

  #menu .page-title{
    font-size: 30px !important;
  }

  #menu h2{
    font-size: 27px !important;
  }

  .menu-item h4{
    font-size: 14px !important;
  }

  .menu-prices{
    font-size: 13px !important;
  }

  .menu-item p {
    font-size: 13px !important;
  }

  #main button {
    font-size: 25px !important;
    padding: 5px 15px 5px 15px !important;
    }

  .menu_title_footer, .menu_title_header{
    font-size: 13px !important;
  }

  #about .page-title,  #contact .page-title{
    font-size: 40px !important;
    }

  #contact #contact-details, #contact #cuisine{
    font-size: 13px !important;
  }
}

@media(max-width: 414px) {
  #menu .page-title{
    font-size: 30px !important;
  }
  
  #main button {
    font-size: 20px !important;
    padding: 5px 15px 5px 15px !important;
  }

  #main h2 {
    font-size: 30px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 13px !important;
    text-align: center !important;
  }

  #menu h2{
    font-size: 25px !important;
  }

  .menu-item h4{
    font-size: 13px !important;
  }

  .menu-prices{
    font-size: 13px !important;
  }

  .menu-item p {
    font-size: 13px !important;
  }

  .menu_title_footer, .menu_title_header{
    font-size: 13px !important;
  }
  
  #about .page-title,  #contact .page-title, #deliver .page-title{
    font-size: 35px !important;
  }

  .deliver h4{
    font-size: 15px !important;
  }
}

@media(max-width: 375px) {
  #menu .page-title{
    font-size: 27px !important;
  }
  
  #main button {
    font-size: 21px !important;
    padding: 5px 15px 5px 15px !important;
  }

  #main h2 {
    font-size: 25px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 11px !important;
    text-align: center !important;
  }

  #menu h2{
    font-size: 20px !important;
  }

  .menu-item h4{
    font-size: 13px !important;
  }

  .menu-prices{
    font-size: 13px !important;
  }

  .menu-item p {
    font-size: 12px !important;
  }
}

@media(max-width: 360px) {
  #main button {
    font-size: 18px !important;
    padding: 5px 15px 5px 15px !important;
  }

  #main h2 {
    font-size: 25px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 12px !important;
    text-align: center !important;
  }

  #menu h2{
    font-size: 23px !important;
  }

  .menu-item h4{
    font-size: 13px !important;
  }

  .menu-prices{
    font-size: 12px !important;
  }

  .menu-item p {
    font-size: 12px !important;
  }

  .menu_title_footer, .menu_title_header{
    font-size: 12px !important;
  }
  
  #about .page-title,  #contact .page-title, #deliver .page-title{
    font-size: 30px !important;
  }

  .deliver h4{
    font-size: 14px !important;
  }
}

@media(max-width: 320px) {
  #main button {
    font-size: 15px !important;
    padding: 5px 15px 5px 15px !important;
  }

  #main h2 {
    font-size: 23px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 11px !important;
    text-align: center !important;
  }

  #menu .page-title{
    font-size: 25px !important;
  }

  #menu h2{
    font-size: 20px !important;
  }

  .menu-item h4{
    font-size: 13px !important;
  }

  .menu-prices{
    font-size: 11px !important;
  }

  .menu-item p {
    font-size: 11px !important;
  }

  .menu_title_footer, .menu_title_header{
    font-size: 11px !important;
  }
}

@media(max-width: 280px) {
  #main button {
    font-size: 14px !important;
    padding: 5px 15px 5px 15px !important;
  }

  #main h2 {
    font-size: 20px !important;
    text-align: center !important;
  }

  .welcome #contact-details,
  #main #cuisine {
    font-size: 10px !important;
    text-align: center !important;
  }

  #menu .page-title{
    font-size: 25px !important;
  }
  
  #menu h2{
    font-size: 18px !important;
  }

  .menu-item h4{
    font-size: 12px !important;
  }

  .menu-prices{
    font-size: 11px !important;
  }

  .menu-item p {
    font-size: 11px !important;
  }
}