@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* General Styling Starts Here */
body,html{height: 100%}

body{
	font-family: "Montserrat", sans-serif; font-weight:500; font-size:16px; line-height:1.5em;
	padding-top: 180px;
}

/* @media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1170px;
  }
} */

.mainlogo {
  max-height: 50px;
}

a{color:#ff9f17}
a:hover{color:#cd6e1a}

.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-weight-700{font-weight:700}

.form-control::placeholder{color:#8a8a8a}
.form-control{font-weight:500; border-color:#ccc; padding:0.75rem}
.form-control:focus{box-shadow:0 0 0 .25rem rgba(255,159,23,.25); border-color:#ccc}

.form-check-input{background-color:#ccc; border-color:#ccc}
.form-check-input:focus{box-shadow:0 0 0 .25rem rgba(255,159,23,.25); border-color:#ccc}
.form-check-input:checked{background-color:#489c08; border-color:#489c08}

.badge-danger {
    color: #fff!important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;
}

.btn-primary{
	background: rgb(255,159,23);
	background: linear-gradient(180deg, rgba(255,159,23,1) 0%, rgba(205,110,26,1) 100%);
	border: 0;
	font-size:16px;
	font-weight:600;
	padding:10px 25px;
	border-radius:30px
}
.btn-primary:hover{
	background: rgb(255,159,23);
	background: linear-gradient(180deg, rgba(205,110,26,1) 0%, rgba(255,159,23,1) 100%);
	border: 0
}


.btn-secondary{
	background: rgb(16,73,4);
	background: linear-gradient(180deg, rgba(72,156,8,1) 0%, rgba(16,73,4,1) 100%); 
	border: 0;
	font-size:16px;
	font-weight:600;
	padding:10px 25px;
	border-radius:30px
}
.btn-secondary:hover{
	background: rgb(16,73,4);
	background: linear-gradient(180deg, rgba(16,73,4,1) 0%, rgba(72,156,8,1) 100%); 
	border: 0
}


.btn-light{
	background:#EBE9E6;
	font-size:16px;
	font-weight:600;
	padding:10px 25px;
	border-radius:30px;
	border: 0
}
.btn-light:hover{
	background-color:#c5c2bd
}

.btn-light2{
	background:#c5c2bd;
	font-size:16px;
	font-weight:600;
	padding:10px 25px;
	border-radius:30px;
	border: 0
}
.btn-light2:hover{
	background-color:#c5c2bd; text-decoration: underline
}

.fillerbg1{background-color:#EBE9E6}
.fillerbg2{background-color:#489c08}
.fillerbg3{background-color:#cd6e1a}
.fillerbg4{background-color:rgba(205,110,26,0.20)}
.fillerbg5{background-color:rgba(16,73,4,0.20)}

.gradbg1{
	background: rgb(16,73,4);
	background: linear-gradient(90deg, rgba(72,156,8,1) 0%, rgba(16,73,4,1) 100%);
}

.gradbg2{
	background: rgb(255,159,23); background: linear-gradient(180deg, rgba(255,159,23,1) 0%, rgba(205,110,26,1) 100%); color:#fff
}

.border-radius-7{border-radius:7px}

.themecolor1{color:#489c08}
.themecolor2{color:#104904}
.themecolor3{color:#ff9f17}
.themecolor4{color:#cd6e1a}

.custom-border-1{border:1px solid #EBE9E6}
.custom-border-2{border:2px solid #EBE9E6}

.custom-shadow-1{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.custom-shadow-2{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.custom-shadow-3{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}


.alert-general-info{background-color: rgb(252, 141, 11,0.3); border-color:#ff9f17}

.text-blue{color:#00a2f3}
.text-red{color:#ff0000}

.border-radius-30{border-radius:30px;}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.main-header-wrapper {
  box-shadow: rgba(5, 15, 40, 0.30) 0px 5px 15px 0px;
  background: #fff;
}


.dropdown-headermenu .dropdown-toggle{
	width: 55px; height: 55px; border-radius: 55px;
	background: rgb(255,159,23);
	background: linear-gradient(180deg, rgba(255,159,23,1) 0%, rgba(205,110,26,1) 100%); }
.dropdown-headermenu .dropdown-toggle::after{display: none}
.dropdown-headermenu .dropdown-toggle.show,
.dropdown-headermenu .dropdown-toggle:focus,
.dropdown-headermenu .dropdown-toggle:hover,
.dropdown-headermenu .dropdown-toggle:active{border:0}

.dropdown-headermenu a{transition: all 0.5s ease 0s; font-weight: 500}
.dropdown-headermenu li a{padding-left:50px}
.dropdown-headermenu a:hover{color:#ff9f17}
.dropdown-headermenu .dropdown-item.active{color:#ff9f17; background-color:#fff}


.input-group.cityoptions{min-height:55px}
.input-group.cityoptions .input-group-text{
border-radius:55px;
background: rgb(16,73,4);
background: linear-gradient(90deg, rgba(72,156,8,1) 0%, rgba(16,73,4,1) 100%); 
	font-size:15px
}

.input-group.cityoptions select{border-radius:0 55px 55px 0; font-size:15px; font-weight:500}

.footertop ul, .footertop ul li{margin:0; padding:0; list-style-type:none}
.footertop ul a{color:#3a3a3a; text-decoration:none; font-weight:500}
.footertop ul a:hover{color:#cd6e1a}
.footertop .card{border-radius:12px}
.footertop .emailus a,.footertop .quicklinks a{color:#5f5f5f;}
.footertop .emailus a span,.footertop .quicklinks a span{color:#5f5f5f; letter-spacing:0.5px}
.footertop .emailus a span.mail-id{font-size:21px; color:#000; text-decoration: underline}
.footertop .emailus a:hover span.mail-id{color:#fc8d0b}

.footerbottom{
	background: rgb(16,73,4);
	background: linear-gradient(90deg, rgba(72,156,8,1) 0%, rgba(16,73,4,1) 100%); 
}
.footerbottom a:hover{text-decoration: underline !important}




/* General Styling Ends Here */


.section-rod{background:#104904 url("https://majormenus.s3.us-east-1.amazonaws.com/images/greenbg.jpg") no-repeat 50% 50%; background-size:cover}
.section-rod-ttl{font-size:42px; line-height:40px; text-shadow:3px 5px rgba(78,83,24,0.5);}
.section-rod-ttl span{color:#fe8e2d}
.section-rod-ttl2{font-size:18px; font-style: italic; letter-spacing:1px}

.section-rod-ttl3, .page-title h1.section-rod-ttl3 span{font-size:32px; line-height:40px; text-shadow:none}

.text-rod-1{font-size:24px}

.links-group a{border-radius:50px; min-height:50px; box-shadow:0px 5px rgba(0,0,0,0.25); font-weight:600; text-decoration:none; color:#000; font-size:15px}
.links-group a:hover{color:#ff9f17}
.links-group a span.icn{
	width:65px; height:50px;
	background:rgb(255,159,23);
	background:linear-gradient(180deg, rgba(255,159,23,1) 0%, rgba(205,110,26,1) 100%);
	border-top-left-radius:50px; border-bottom-left-radius:50px;
}

.access-code-wrapper{border-radius: 40px; background-color:#fff}
.access-code-wrapper .form-control{border:0; border-radius:0}
.access-code-wrapper .form-control:focus{box-shadow:none}
.access-code-wrapper .form-control::placeholder{font-weight:500; font-size:16px; color:#9e9e9e}
.access-code-wrapper .btn-primary{border-radius:30px !important; font-size:16px}

.desktopdiner{max-width:270px}

.section-featured h2{color:#3a3a3a}
.section-featured img{max-height:150px}

.section-mobileappCTA{background:#f97d01 url("https://majormenus.s3.us-east-1.amazonaws.com/images/orangebg.jpg") no-repeat 50% 50%; background-size: cover;}
.section-mobileappCTA .features div{border-radius:50px}



.page-title{background:#0c4403 url("https://majormenus.s3.us-east-1.amazonaws.com/images/greenbg.webp") no-repeat 50% 0; background-size:cover}
.page-title h1{line-height:1em}
.page-title h1 span{font-size:19px; line-height:1.2em; margin-top:5px}

.page-content{line-height:2em}

.company-highlights .txt{font-size:15px; letter-spacing:1px; color:#4d4d4d; font-weight:700}


.accordionFAQ .accordion-item{border:1px solid #EBE9E6}
.accordionFAQ .accordion-item .accordion-button{background-color:#EBE9E6; color:#489c08; border:1px solid #489c08}
.accordionFAQ .accordion-item .accordion-button:focus{box-shadow:4px 4px 4px #EBE9E6; border:1px solid #489c08}
.accordionFAQ .accordion-item .accordion-button.collapsed{color:#4d4d4d; border:1px solid #EBE9E6}


.featured-restaurants .carousel-item{min-height:150px}
.featured-restaurants .carousel-item .d-flex{min-height:150px}

.pagetitle-img1{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/01.png")}
.pagetitle-img2{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/02.png")}
.pagetitle-img3{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/03.png")}
.pagetitle-img4{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/04.png"); }
.pagetitle-img5{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/05.png"); }
.pagetitle-img6{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/06.png"); background-size: cover !important}
.pagetitle-img7{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/07.png");  background-size:65% !important; background-position:100% 50% !important;}
.pagetitle-img8{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/08.png");}
.pagetitle-img9{background-image: url("https://majormenus.s3.us-east-1.amazonaws.com/images/page-title/09.png"); background-size:60% !important;}

.pagetitle-img{background-repeat:no-repeat; background-size:cover; background-position:100% 50%; min-height:120px}


.rod-info-topleft .restlogo-wrapper{border:1px solid #489c08}
.rod-info-right{border-top:1px solid #ccc}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.step-name{font-size:13px; font-weight:600; line-height:normal; text-transform:uppercase; text-align:center}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius:7px 0 7px 0;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.active .step-counter {
  background: rgb(255,159,23); background: linear-gradient(180deg, rgba(255,159,23,1) 0%, rgba(205,110,26,1) 100%); color:#fff
}
.stepper-item.active .step-name{color:#ff9f17}

.stepper-item.completed .step-counter {
background: rgb(16,73,4);
background: linear-gradient(90deg, rgba(72,156,8,1) 0%, rgba(16,73,4,1) 100%);
	color:#fff
}

.stepper-item.completed .step-name{color:#489c08}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #4bb543;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.browsebysection-title{border-radius:7px; }
.browsebysection-title span, .browsebysection-title a{font-size:21px; font-weight:500}
.browsebysection-collapse{margin-top:0px}

.browsebysection-collapse a {
  color: #333333;
  font-size: 15px;
  padding: 3px;
  transition: padding 0.5s;
	text-decoration:none
}

.browsebysection-collapse a:hover {
  color: #77933c;
  background: url("https://majormenus.s3.us-east-1.amazonaws.com/images/right-arrow.png") no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
}


.menu-section .menu-header-title,.my-order .menu-header-title{font-size:21px; font-weight:500}
.menu-title a{color:#333; text-decoration:none; font-weight:600}
.menu-card{border:1px solid #e2e2e2; border-radius:5px; transition: padding 0.5s;}
.menu-card:hover{border-color:#ccc}
.menu-item-pic-wrapper{border-radius:5px; overflow:hidden; min-height:200px;}

.menu-item-pic-wrapper .menu-item-pic{height:200px; background-size:cover; width:100%; background-position:50% 50%}
.menu-item-pic-wrapper .menu-item-pic img{height:200px; width:100%; object-fit:cover}

.menu-description{font-size:15px; line-height:normal}

.my-order{font-size:14px; line-height:1.5em}
.dotter-border-b{border-bottom:1px dotted #489c08}
.myorder-itemslist{width:100%}
.my-order .modify-item{list-style-type:none; margin:0; padding:0}
.my-order .modify-item a{border-radius:15px; text-decoration:none}
.my-order .modify-item a:hover{background-color:#cd6e1a; color:#fff}
.my-order .total-charge div{font-size:24px; line-height:normal}

.general-message {
    position: relative;
    min-height: 80px;
    margin-bottom: 15px;
    padding-bottom: 25px
}
.important-msg {
    background-color: #ff9f17;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    margin-left: -20px
}

.important-msg:after {
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 20px solid #cd6e1a;
    border-bottom: 20px solid transparent;
    content: " ";
    position: absolute;
    left: 0px;
    bottom: -20px
}
.general-message p {
    padding: 70px 0 0 10px;
    margin: 0;
}


.customize-items-options .form-check-input{margin-top:0.5em}
.form-control.describe_details{min-height:150px}

.link-tooltip{color:#4d4d4d; font-weight:600; text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-size:12px}
.link-tooltip:hover{color:#000000}

.orderlist thead th{color:#fff; background-color:#489c08 !important}
.orderlist thead{border-radius:7px}

#userOrderTable_wrapper .dataTables_info{font-size:13px}

.pagination .page-link{color:#489c08; font-weight:600}
.pagination .page-link:hover{text-decoration:underline}
.pagination li.disabled .page-link{color:#686868}
.pagination .page-link.active{background-color:#489c08; color:#fff; border:0}


.bannerimg-wrapper{min-height:250px}
.bannerimg-wrapper .bannerimg{height:250px; width:100%}
.bannerimg-wrapper .logo,
.carousellogo{width:auto; max-width:200px; min-height:80px; top:15px; right:25px;
display:inline-flex; align-items:center}

.carousel-bannerimg .carousel-item{max-height:250px; overflow:hidden; width:100%}
.carousel-bannerimg .bannerimg{height:250px; width:100%}

.featured-restaurants .carousel-item img{max-height:140px; width:auto}

.order-deadline-countdown {
  font-size: 20px;
  z-index: 1031; /* above navbar (Bootstrap default navbar z-index is 1030) */
}

.test-server-msg {
  font-size: 15px;
  z-index: 1031; /* above navbar (Bootstrap default navbar z-index is 1030) */
}

.restaurant-card {
  width: 100%;
  height: 200px;
  aspect-ratio: 1 / 1;
  background-color: #fff;
  position: relative;
  border: 1px solid #dee2e6;
}

.restaurant-logo {
  width: 100%;
  height: 100%;
  object-fit: contain; /* show full image */
  background-color: #f8f9fa; /* subtle bg to handle transparent PNGs */
  transition: transform 0.3s ease;
  padding: 10px;
}

.restaurant-card:hover .restaurant-logo {
  transform: scale(1.05);
}

.hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.restaurant-card:hover .hover-overlay {
  opacity: 1;
}

@media (min-width:480px) {
.general-message p {padding: 15px 0 0 130px;}
}

/* Small devices (landscape phones, 576px and up) col-sm */
@media (min-width: 576px) {
	.section-rod-ttl{font-size:52px; line-height:50px}
	.section-rod-ttl3, .page-title h1.section-rod-ttl3 span{font-size:32px; line-height:40px}	
}

/* Medium devices (tablets, 768px and up) col-md */
@media (min-width: 768px) {
	body{padding-top: 100px;}
	.section-mobileappCTA h2{font-size:38px; line-height:38px}
	.section-rod-ttl3{font-size:32px; line-height:40px}	
}

/* Large devices (desktops, 992px and up) col-lg */
@media (min-width: 992px) {
	.rod-info-right{border-top:0; border-left:1px solid #ccc}
	.browsebysection-collapse{display:block !important}
	.browsebysection-collapse{margin-top:-30px}
	.section-rod-ttl3, .page-title h1.section-rod-ttl3 span{font-size:32px; line-height:40px}	
	.input-group.cityoptions{width:340px}
	.input-group.cityoptions .input-group-text{width:170px}
	select.cityoptions{width:170px}
}

/* X-Large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) {
	.section-rod-left{max-width:560px}
}

/* XX-Large devices (larger desktops, 1400px and up) col-xxl */
@media (min-width: 1400px) { }


@media (max-width:480px) {
	.table-order-details-single tbody, .table-order-details-single tbody tr{width:100% !important}
	.table-order-details-single tbody td{display: block; width:100%; border-bottom:0; padding:2px 5px !important}

}


@media (max-width:575px) {
	.orderlist thead{display:none}
	.orderlist tbody, .orderlist tbody tr{width:100% !important}
	.orderlist tbody td{display: block; width:100%; border-bottom:0; padding:2px 10px}
	.orderlist td:nth-child(1):before{content:'Date'; display:inline-block; font-weight:600; color:#489c08; min-width:150px}
	.orderlist td:nth-child(2):before{content:'Time'; display:inline-block; font-weight:600; color:#489c08; min-width:150px}
	.orderlist td:nth-child(3):before{content:'Order Total'; display:inline-block; font-weight:600; color:#489c08; min-width:150px}
	.orderlist td:nth-child(4):before{content:'Vendor'; display:inline-block; font-weight:600; color:#489c08; min-width:150px}
	.orderlist td:nth-child(5):before{content:'View Orders'; display:inline-block; font-weight:600; color:#489c08; min-width:150px}
}