*{
	margin: 0;
	padding: 0;
}

html{
	scroll-behavior: smooth;
}

body{
	min-height: 100vh;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: circle;
}

li{
	margin-bottom: 7px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
}

p,a{
	font-family: "Open Sans", sans-serif;
}

a{
	text-decoration: none;
	color: #2f344e;
	font-size: 1.1em;
}

a:hover{
	color: #525981;
}

button{	
	border: 0;
	background: transparent;
}

.container{
	max-width: 1500px;
	margin: auto;
}

.txt-center,
.text-center{
	text-align: center;
}

.txt-left,
.text-left{
	text-align: left;
}

.txt-right,
.text-right{
	text-align: right;
}

.float-left{
	float:left;
}

.float-right{
	float: right;
}

.transition{
	transition: all 0.3s ease;
}

@-webkit-keyframes zoom {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.1) rotate(0.1deg);
    -webkit-transform: scale(1.1) rotate(0.1deg);
    transform: scale(1.1) rotate(0.1deg);
  }

  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/***** Page General *****/

#page{
	width: 100%;
}

#page h1{
	text-align: center;
}

.page-section img{
	max-width: 100%;
	height: auto;
}

.btn{	
	transition: all .3s ease;
	text-transform: uppercase;
	padding: 15px 44px;
	text-align: center;
	font-family: "Cinzel", serif;
}

.btn-light{
	background: #FFDEAC !important;
	color: #001930 !important;	
}

.btn-light:hover{
	background: #001930 !important;
	color: #fff !important;
}

.btn-white{
	background: #fff !important;
	color: #001930 !important;
}

.btn-white:hover{
	background: #FFDEAC !important;
	color: #001930 !important;
}

.btn-dark{
	background: #000C17 !important;
	color: #FFDEAC !important;
}

.btn-dark:hover{
	background: #001930 !important;
}

.no-margin{
	margin: 0;
}

/***** Overrides *****/

.nf-form-fields-required{
	display: none;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: rgba(1, 127, 1, .15);
}

.slick-prev{
	left: 20px;
	display: none !important;
}

.slick-next{
	right: 20px;
	display: none !important;
}

/***** Header *****/

.mobile{
	display: none;
}

.main-nav{
	display: flex;
	align-items: center;
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 0;
}

.main-nav a{
	color: #1d428a;
}

.main-nav a:hover{
	color: #9adbdf;
}

.main-nav a.logo-long img{
	height: 75px;
}

.logo-long,
.nav-items{
	margin: 11px;
}

.desktop{
}

.desktop .nav-items ul{
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0;
	position: relative;
}

.desktop .nav-items ul li{
}

.desktop .nav-items ul li a{
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding: 7px 15px;
	transition: all .3s ease;
	font-family: "Cinzel", serif;
	font-weight: 700;
}

.desktop .nav-items ul li a:hover{
	color: #ffdeac;
}

.desktop .nav-items ul ul{
	position: absolute;
	display: block;
	top: -15px;
	width: 200px;
	background: #0a1d35;
	border-top: 4px solid #ffdeac;
	padding: 22px;
}

.desktop .nav-items ul ul{
	margin: 30px 0 0 11px;
	opacity: 0;
	transition: all .3s ease;
}

.desktop .nav-items ul li.menu:hover ul,
.desktop .nav-items ul li.order:hover ul{
	top: 0;
	opacity: 1;
}

.desktop .nav-items ul ul li{
	width: 100%;
	margin: 0;
}

.desktop .nav-items ul ul li a{
	padding: 5px 0;
	display: inline-block;
	text-transform: capitalize;
	font-size: .9em;
}

.header-contact{
	margin: 0 44px;
	margin-left: auto;
}

.header-contact a{
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding: 7px 15px;
	transition: all .3s ease;
	font-family: "Cinzel", serif;
	font-weight: 700;
}

.header-contact a:hover{
	color: #ffdeac;
}

.header-contact .phone{
	border-bottom: 1px solid;
	padding: 0 0 5px 0;
	margin-right: 22px;
}
.header-contact a.fb,
.header-contact a.ig{
	padding: 0 5px;
}

/***** Home *****/

.main-slider{
	height: 100vh;
	width: 100%;
	position: absolute;
	top: 0;
}

.main-slider .slide-image{
	width: 100%;
	height: 100vh;
}

.slider{
	background: transparent;
}

.slide-transistion{
	position: absolute;
	background: #000;
	top: 0;
	height: 100vh;
	width: 100%;
	transition: all 2s ease-in-out;
}

.slide.slick-active .slide-transistion{
	opacity: 0;
}

.slide.active::after{
	content: '';
	background: transparent;
}

.main-slider .slide-image::after{
	content: ' ';
	background: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	opacity: .75;
}

.main-slider .slide-content-container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100%;
	position: absolute;
	top: 0;
}

.slide-content{
	text-align: center;
}

.slide-content h2{
	font-family: "Playball", serif;
	font-size: 2.5em;
	color: #FFDEAC;
	margin-top: -20px;
	visibility: hidden;
	opacity: 0;
	transition: all .5s ease;
}

.slide-content h3{
	font-family: "Cinzel", serif;
	font-size: 6em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	line-height: 1em;
	margin-top: 44px;
}

.slide-content .btn{
	display: inline-block;
	margin: 44px 11px 22px;
}

.slide.slick-active .slide-content h2{
	margin: 0;
	visibility: visible;
	opacity: 1;
}

.slick-arrow{
	color: #000;
}

.slick-prev, .slick-next{
	top: 50px;
}

.resturaunt-details{
	margin-top: 100vh;
	padding: 44px 0;
	background: #001930;
	width: 100%;
	color: #fff;
}

.resturaunt-details .container{
	display: flex;
	align-items: center;
	justify-content: center;
}

.resturaunt-details .detail-item{
	padding: 22px;
	margin: 22px;
	text-align: center;
}

.resturaunt-details .detail-item i{
	font-size: 5em;
	color: #FFDEAC;
	margin-bottom: 22px;
}

.resturaunt-details .detail-item h3{
	font-size: 2em;
	font-weight: 300;
	font-family: "Cinzel", serif;
	color: #FFDEAC;
	margin-bottom: 11px;
}

.resturaunt-details .detail-item p{
	font-size: 1em;	
	font-family: "Quicksand", serif;
}

.divider,
.why{
	padding: 22px 0;
	background: #001930;
	color: #fff;
}

.divider .container{
	max-width: 1200px;
	margin: auto;
	text-align: center;
	padding: 22px 0;
	position: relative;
}

.divider .container .divider-item{
	height: 1px;
	background-color: rgba(244, 244, 244, .50);
}

.divider .container i{
	position: absolute;
	padding: 0 22px;
	background: #001930;
	top: 14px;
	margin-left: -30px;
}

.why{
	text-align: center;
	padding: 88px 0;
}

.why h4{
	font-family: "Playball", serif;
	font-size: 1.5em;
}

.why i{
	color: #FFDEAC;
	font-size: .5em;
}

.why p{
	font-family: "Quicksand", serif;
	font-size: 1.5em;
	max-width: 1000px;
	margin: auto;
}

.why h3{
	font-family: "Cinzel", serif;
	color: #FFDEAC;
	font-size: 4em;
	line-height: 1em;
	font-weight: 300;
	margin: 22px 0;
}

.home-menu{
	display: flex;
	background: #ffdeac;
}

.home-menu-text{
	display: inline-block;
	width: 285px;
}

.dots{
	margin-right: 15px;
}

.food-pics{
	width: 50%;
}

.home-menu-content{
	width: 50%;
	padding: 66px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.home-menu-content h2{
	font-family: "Playball", serif;
	font-size: 5em;
	margin-bottom: 88px;
	font-weight: 700;
	color: #000C17;
}

.home-menu-content a{
	display: inline-block;
}

.home-menu-content ul{
	padding: 0;
	margin: 0;
}

.home-menu-content ul li{
	list-style: none;
	padding: 22px 0;
}

.home-menu-content ul li span{	
	font-family: "Cinzel", serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.25em;
}


.home-menu-content .btn{
	padding: 15px 30px;
}

.home-menu-slider div{
	height: 100vh;
	background-size: cover;
	background-position: center;
}

.home-menu-wrap{
	width: 100%;
}

.food-bg{
	position: absolute;
	width: 300px;
	z-index: -1;
	right:22px;
}

.food-bg img{
	max-width: 100%;
	opacity: .35;
	margin: 66px 0;
}

.reserve{
	padding: 176px 0;	
	background: #ffdeac;
	position: relative;
	z-index: 1;
}

.reserve h2{
	font-family: "Cinzel", serif;
	font-size: 4em;
	font-weight: 300;
	padding: 44px 0;
	color: #001930;
}

.reserve h3{
	font-family: "Playball", serif;
	font-size: 1.5em;
	font-weight: 500;
	color: #001930;
}

.reserve i{
	color: #001930;
	font-size: .5em;
}

.reserve a{
	display: inline-block;
}

.reserve .food-bg{
	top: 20%;
}

.testimonial{
	padding: 88px 0;
	background: #000C17;
	color: #fff;
	background-image: url(/wp-content/uploads/2025/12/table-op.png);
	background-position: center;
	background-repeat: no-repeat;
}

.testimonial .quote{
	font-family: "Cinzel", serif;
	font-weight: 900;
	text-shadow: 5px 5px #001930;
	color: #FFDEAC;
	font-size: 10em;
	line-height: 1em;
}

.testimonial h3{
	font-family: "Cinzel", serif;
	font-weight: 500;
	font-size: 2em;
}

/***** Page *****/
.page-top{
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('/wp-content/uploads/2025/12/salute-plainview-dining.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
}

.page-top::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
	width: 100%;
	background: rgba(0,21,40,.5) ;
}

.page-top h1{
	color: #fff;
	z-index: 1;
	font-family: "Cinzel", serif;
	font-size: 4em;
}

.menu-image img{
	max-width: 100%;
}

/***** Contact *****/

.contact-page .container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 22px;
}

.contact-page{
	background: #001528;
}

.contact-info{
	margin-top: 22px;
}
.contact-info,
.contact-form{
	width: 50%;
}

.contact-info h3{
	font-family: "Playball", serif;
	font-size: 1em;
	color: #fff;
}

.contact-info h2{
	font-family: "Cinzel", serif;
	font-size: 4em;
	color: #FFDEAC;
	margin-bottom: 33px;
}

.contact-item{
	display: flex;
	align-items: center;
	margin-bottom: 33px;
}

.contact-form form{
	padding: 60px;
	background: #000C17;
	margin: 100px 22px;
}

.contact-item h3{	
	font-family: "Cinzel", serif;
	font-size: 1.25em;
	margin-bottom: 11px;
}

.contact-item a{
	color: #CCD0D4;
}

.contact-item i{
	color: #182325;
	padding: 22px;
	border-radius: 100%;
	background: #FFDEAC;
	margin-right: 33px;
}

.nf-field-label{
	display: none;
}

#nf-field-4{
	padding: 22px 44px;
	background: #FFDEAC;
	color: #000C17;
	font-family: "Cinzel", serif;
	font-weight: bold;
}

.contact-form input,
.contact-form textarea{
	border: 0;
	background: #000C17;
	border-bottom: 1px solid #333D45;
	padding-bottom: 22px;
	color: #B1B6BA;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
	color: #B1B6BA;	
	font-family: "Quicksand", serif;
	font-weight: bold;
}

#nf-field-1-wrap::after,
#nf-field-2-wrap::after,
#nf-field-3-wrap::after,
#nf-field-5-wrap::after{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: -25px;
	color: #FFDA99;
}

#nf-field-1-wrap::after{
	content: "\f007";
	font-family: FontAwesome;
}

#nf-field-2-wrap::after{
	content: "\f0e0";
	font-family: FontAwesome;
}

#nf-field-1-wrap::after{
	content: "\f007";
	font-family: FontAwesome;
}

#nf-field-5-wrap::after{
	content: "\f095";
	font-family: FontAwesome;
}

#nf-field-3-wrap::after{
	content: "\f303";
	font-family: FontAwesome;
}

/***** Gallery *****/
.gallery{
	background: #001528;
}

.gallery-wrap{	
  display: flex;
  flex-wrap: wrap;
  padding: 44px 0 66px 0;
  justify-content: center;
}

.gallery-wrap img{
	max-width: 100%;	
  margin-top: 22px;
  vertical-align: middle;
}

.gallery-item-wrap{
  flex: 30%;
  max-width: 30%;
  padding: 0 11px;
}

/***** Footer *****/

#footer{
	color: #fff;
	background: #000C17;
	max-width: 100%;
	padding: 44px 22px;
}

#footer a{
	color: #fff;
	text-decoration: none;
	transition: all .3s ease;
}

#footer a:hover{
	color: #FFDEAC;
}

#footer p{
	line-height: 2em;
	margin: 0;
	color: #747981;
	padding-bottom: 11px;
	font-family: "Quicksand", serif;
}

#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer h3{
	font-family: "Cinzel", serif;
	font-size: 4em;
	color: #FFDEAC;
	padding: 44px;
}

#footer h4{
	font-family: "Cinzel", serif;
	font-size: 1.4em;
	color: #FFDEAC;
	margin: 22px 0 44px 0;
}

#footer form{
	display: flex;
	align-items: center;
	color: #747981;
	padding-bottom: 11px;
	border-bottom: 1px solid #747981;
	font-family: "Quicksand", serif;
}

#footer form i{
	margin-right: 11px;
}

#footer form input{
	background: transparent;
	border: none;
}

#footer form input::placeholder{
	color: #747981;
	font-family: "Quicksand", serif;
}

#footer form button{
	margin-left: auto;
	color: #fff;
	font-size: 1em;
}

#footer .container{
	display: flex;
}

#footer .signup{
	width: 30%;
}

#footer .signup img{
	max-width: 200px;	
	padding: 44px 0;
}

#footer .footer-content{
	margin: 0 44px;
}

#footer .footer-links{
	display: flex;
}

#footer .footer-item{
	margin: 25px;
	padding: 22px;
}

.copyright{
	padding: 44px 0;
	margin:  44px 0;
	border-top: 1px solid #747981;	
}

.copyright a{
	font-size: .9em;
	font-family: "Quicksand", serif;
	color: #FFDEAC !important;
}

.copyright a:hover{
	color: #fff !important;
}

#footer .copyright p{	
	color: #fff;
	padding-bottom: 11px;
	font-family: "Quicksand", serif;
}

#footer .quick-links i{
	margin-right: 22px;
	color: #FFDEAC;
	font-size: .9em;
}

#footer .quick-links li{
	margin-bottom: 11px;
}

/***** Responsive *****/


@media (max-width: 1499px){

	.home-sections{
		display: block;
	}

	.section-image,
	.section-content{
		flex: 0 0 100%;
	}

	.section-content{
			padding: 22px;
	}

	.food-pics{
		display: none;
	}

	.home-menu-content{
		max-width: 100%;
	}

}

@media (max-width: 1199px){


	.main-nav{
		display: block;
	}

	.logo-long{
		margin-top: 30px;
	}

	.logo-long,
	.desktop{
		max-width: 100%;
		display: block;
		text-align: center;
	}

	.nav-items{
		text-align: center;
		display: flex;
		justify-content: center;
		margin: 11px 0 0 0;
	}

	.header-contact{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    background: #000;
  }

  .testimonial{
  	padding: 0;
  }

  .testimonial .container{
  	padding: 22px 0;
  }

  #footer .container{
  	flex-wrap: wrap;
  }

  #footer .signup{
  	width: 300px;
  	text-align: center;
  	margin: auto;
  }

  .footer-content h3{
  	text-align: center;
  	font-size: 3em;
  }

	.about-item{
		padding: 30px 0;
	}

	.scroll.on .menu-static .logo img{
		max-width: 130px;
	}

	.desktop-header .menu-item a{
		padding: 17px 10px 5px 10px;
	}

	.desktop-menu ul li{
		margin-right: 5px;
	}

}

@media (max-width: 991px){

	.about-item{
		padding: 10px 0;
	}

	.about-item h2{
		font-size: 1.2em !important;
	}

	.scroll.on .menu-static .logo img{
		max-width: 130px;
	}

	.container{
		width: 100%;
		max-width: none;
	}

	.reserve h2{
		font-size: 2em;
	}

	.home-menu-content h2{
		font-size: 3em;
	}

	.footer-links{
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}

	.carousel-control-prev,
	.carousel-control-next{
		display: none;
	}

	.desktop-menu ul li{
		margin-right: 0px;
		font-size: 0.75em;
	}
	.contact-details, .contact-form{
		flex: 0 0 100%;
	}

}

@media (max-width: 768px){

	.slide-content h3{
		font-size: 3em;
		padding: 0 11px;
	}

	.resturaunt-details .container{
		flex-wrap: wrap;
	}

	.why h3{
		margin: 22px;
		font-size: 3em;
	}

	.home-menu-content ul li span{
		display: block;
		width: 100%;
		margin-bottom: 11px;
	}

	.dots{
		display: none !important;
	}

	.home-sections{
		display: block;
	}

	.testimonial .quote{
		font-size: 6em;
	}

	.testimonial h3{
		font-size: 1em;
	}

	#flavors .flavor{
		flex: 0 0 50%;
	}

	.ice-cream-item{
		flex: 0 0 50%;
		padding: 0 11px;
	}

	.snack-item{
		flex: 0 0 50%;
	}

	.section-image,
	.section-content{
		width: 100%;
	}


	.section-content{
		padding: 30px 0;
	}

	.footer-content{
		justify-content: center;
		margin: 60px 22px;
	}

	.footer-section{
		flex: 0 0 50%;
	}

	.copyright,
	.design-by{
		width: 100%;
		text-align: center;
	}

}

@media (max-width: 575px){

	.header-contact,
	.nav-items li{
		font-size: .8em;
	}

	.desktop .nav-items ul li a{
		font-size: 1em;
		padding: 5px;
	}

	.desktop .nav-items ul ul{
		width: 100px;
	}

	.content-buttons{
		padding: 22px;
	}

	.content-buttons .btn{
		margin: 11px;
	}

	.contact-page .container{
		margin: 0;
	}

	.contact-info{
		width: 100%;
	}

	.why h3{
		font-size: 2em;
	}

	#footer h3{
		font-size: 3em;
		padding: 44px 22px;
	}

	#footer .footer-content{
		max-width: 100%;
		margin: 0;
	}

	.ice-menu-item{
		width: 100%;
	}

	.footer-contact-info .contact_item{
		text-align: center;
	}

	.page-content{
		margin-top: 0;
	}

	#flavors .flavor{
		flex: 0 0 100%;
	}

}