@font-face {
  font-family: 'proximanova-light';
  src: url('../assets/fonts/ProximaNova-Light.otf') format('opentype');
}

@font-face {
  font-family: 'expressway rg bold';
  src: url('../assets/fonts/Expressway-Rg-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'expressway-rg';
  src: url('../assets/fonts/expressway-rg.ttf') format('truetype');
}

@font-face {
  font-family: 'srikandy';
  src: url('../assets/fonts/srikandy.ttf') format('truetype');
}

@font-face {
  font-family: 'helvetica';
  src: url('../assets/fonts/helvetica.ttf') format('truetype');
}

.txtProximaLight { font-family: 'proximanova-light'; }
.txtExpressRegBold { font-family: 'expressway rg bold'; }
.txtExpressReg, .txtProximaReg { font-family: 'expressway-rg'; }
.txtSrikandy { font-family: 'srikandy'; }
.txtHelvetica { font-family: 'helvetica'; }

.btnGreen { background: #708f38 !important; padding: 0 0.5rem; }
.btnGreen2 { background: #708f38 !important; color: white !important; }
.btnBlack { background: black !important; color: white !important; }
.btnOrange { background: #fbb03b !important; color: black !important; }
.btnOrange2 { background: #f7931e !important; color: #fff !important; }
.bgPaleOrange { background: #feefd8 !important; }
.bgGreen { background: #708f38 !important; }
.bgPaleGreen { background: #dce895 !important; }
.bgPaleGreenOption { background: #f1f6d5 !important; }
.txtGreen, a.txtGreen { color: #708f38 !important; }
.txtWhite { color: white !important; }
.txtBlack { color: black !important; }
.txtOrange { color: #f7931e !important; }
.w7 { width: 7rem; }
.w5 { width: 5rem; }
.w4 { width: 4rem; }
.f11 { font-size: 1.1rem; }
.f1 { font-size: 1rem; }
.f2 { font-size: 2rem; }
.mtn0-5 { margin-top: -0.5rem; }
.icon { font-size: 1.4rem; margin-right: .5rem; }
.imgSoc { width: 2rem; margin-left: 0.7rem; }
.contentBody { margin-top: 7rem; }
.pointer { cursor: pointer; }
.txtBlackInput { color: black; border-radius: 0; height: 3rem; border: none; }
.txtArea { resize: none; }
p { font-size: 1.05rem; }
.w-80 { width: 80% !important; }
.w-95 { width: 95% !important; }

.topNavItems { display: none; }
.contentHeader {
  position: fixed;
  z-index: 99;
  width: 100%;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
  background-color: #FFF;
  margin-top: -7rem;
}
.navbar { padding: 0; }
ul.navbar-nav li a {
  background: #fddfb1;
  padding: 0.5rem 1.6rem;
  border-right: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
  font-family: 'expressway rg bold';
  font-size: 1.1rem;
}
ul.navbar-nav li a.active { background: #f2f2f2; }
.bg-light { background-color: #f2f2f2 !important; }
.logo { outline: none !important; }

.carouselSlides ol li, .carouselTestimonials ol li, .carouselMenu ol li {
  border-radius: 50%; width: .75rem; height: .75rem;
}
.carousel-indicators li { background-color: #708f38; opacity: .7; }
.carousel-indicators .active { background-color: #fbb03b; }
.carousel-control-next, .carousel-control-prev { opacity: .7; }
.carousel-control-next:hover, .carousel-control-prev:hover { opacity: 1; }

.w85 { width: 85%; }
.pl2-5 { padding-left: 2.5rem; }
.txtMenu:hover { cursor: pointer; color: #708f38; }
.lightbox:hover { color: #708f38 !important; text-decoration: none; }

.colImgs { padding-top: 3rem; }
.arrowGreen { position: relative; background-color: #708f38; height: .25rem !important; width: 100% !important; }
.arrowGreen:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px;
  border-top: solid 15px #708f38;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}
.bgGrayMenu:nth-child(odd) { background: white !important; }
.bgGrayMenu:nth-child(even) { background: #f2f2f2 !important; }
.colDesc { flex: 0 0 63.666667%; max-width: 63.666667%; }
p.pServe, p.pDesc { margin-bottom: .25rem; }

ul.cateringUl li { font-family: 'helvetica'; font-weight: bold; color: #708f38; font-size: 1.1rem; }
ul.cateringUl { padding-left: 0; }
.h90 { height: 90%; }

.rightComma { position: absolute; bottom: 3rem; width: 3.5rem; left: 0; }
.leftComma { width: 3.5rem; }
.w3-2 { width: 3.2rem; }
.bgImg { background-image: url('../assets/images/reviews/bg.jpg'); background-size: cover; background-repeat: no-repeat; }

.card { border: 1px solid #708f38; border-top: none; border-radius: 0; }
.btnCard { position: relative; margin-top: -1rem; }
.btnCard button { border-radius: 0; }
.f095 { font-size: 0.95rem; }
.f1-3 { font-size: 1.3rem; }

.imgLogo { width: 120px; }
.alert-success { color: #ffffff; background-color: #708f38; border-color: #dce895; }
.alert-danger { color: #ffffff; background-color: #cc505b; border-color: #ff001b; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: .75rem;
  top: .5rem;
}

.modal-backdrop {
    background-color: #0000008a;
}

@media (max-width:1200px) {
    .contentBody {
        margin-top: 6rem;
    }

    ul.navbar-nav li a {
        padding: 0.5rem 1.1rem;
        font-size: 1rem;
    }

    .contentHeader {
        margin-top: -6rem;
    }

    .w85 {
        width: 100%;
    }

    .col25 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width:991px) {
  .contentBody { margin-top: 0; }
  .contentHeader { position: relative; margin-top: 0; }
  .topNavItems { display: block; }
  .topItems { display: none; }
  .topRow { margin: auto !important; }
  .logo { width: 50% !important; }
  .colLogo { flex: 0 0 100%; max-width: 100%; }
  .col50 { flex: 0 0 50%; max-width: 50%; }
  .colOffer { flex: 0 0 50%; max-width: 50%; }
  .colImgs { padding-top: 0; }
  .colDesc { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .colTime { flex: 0 0 100%; max-width: 100%; }
  .h90 { height: auto; }
  ul.cateringUl { padding-left: 1rem; }
  .col25 { flex: 0 0 50%; max-width: 50%; }
}

@media (max-width:768px) {
  .txtMb { margin-bottom: 1.5rem; }
  .col50, .colOffer, .col25, .colDesc { flex: 0 0 100%; max-width: 100%; }
  .img75 { width: 50% !important; }
  .mb1 { margin-bottom: 1rem; }
  .w4 { width: 2.3rem; }
  .carousel-indicators { bottom: -1rem; }
  .h90 { margin-bottom: 1rem; }
}