@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet');

body{font-family: 'Roboto Condensed', sans-serif; margin:0; padding:0; font-size:14px; color:#000; line-height:24px; font-weight:400; background:#f5f0ec;}
body, html{overflow-x:hidden; scroll-behavior: smooth;}
html{scroll-padding-top: 140px;}



a{text-decoration:none; color:#000;}
a:hover{color:#71badf;}
a, .header-classic, .logo img, .btn, .foodbox:hover div, .foodbox:hover img, .navbar-collapse, .dropdown-menu{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.img-height{height:100%; background-size:cover;}
.cursive{font-family: 'Pacifico', cursive;}
.h1{font-size: calc(30px + (60 - 24) * ((100vw - 300px) / (1400 - 300)));}
.h2{font-size: calc(30px + (50 - 24) * ((100vw - 300px) / (1400 - 300)));}
h1{font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2{font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1400 - 300)));}
h5{font-weight:700;}
.text-info{color:#96bef2!important;}
.bg-info{background-color:#1e4a60!important;}
.border-info{border-color:#1e4a60!important;}
/*.bg-secondary{background:#35363a!important;}*/
.text-info{color:#1e4a60!important;}

.spacer{height:145px;}




.header{width:100%; position:fixed; z-index:999; padding:0; background:url(images/grunge.jpg);}
/*.header .container{padding:15px; position: relative;}*/

.header.shrink{padding:0; height:90px;}
.logo img{max-width:215px; margin-bottom: -136px; z-index:9; cursor:pointer;}
.shrink .logo img{max-width:160px;}
.shrink .navbar-collapse{top:105px;}


.btn{padding:10px 25px; font-size:18px; align-items: center; text-decoration:none; color:#fff; text-transform: uppercase; border:0; border-radius:50px;}
.btn:hover{background:#000; color:#fff!important;}
.btn:focus{box-shadow:none;}
.btn-lg{font-size:24px; padding:9px 40px;}
.btn-info{background:#1e4a60; border:1px solid #1e4a60;}
.btn-info:hover{background:#333; border:1px solid #333;}
.border-warning{border-color:#cda378!important;}




.navbar-expand-md .navbar-nav .nav-link{padding-left:0; padding-right:0;}
.nav-link{font-size:20px; color:#000; display:block; margin:0 0 0 20px; position: relative; font-weight:400; text-align:right;}
.nav-link:hover{color:#1e4a60;}
.navbar-nav .nav-link.active,  .navbar-nav .show>.nav-link{color:#1e4a60;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler{border:0!important;}
.navbar-toggler-icon{background:url("images/menuicon.png"); height:23px;}
.navbar-collapse{position: absolute;max-width:200px; width:100%; margin:0 auto; right:10px; top:160px; padding:0;}
.navbar-nav{line-height:40px;}
.nav-item{border-left: 4px solid #9fc0d1; border-bottom: 4px solid #6d92a5; background-color: #fff; margin: 0 0 5px 0;}
.nav-link {padding:0 20px; margin:0;}
.dropdown-toggle{background:#000; color:#fff!important; border-radius:10px 10px 0 0!important; font-size:16px!important;}
.dropdown-toggle::after{display:none;}
.dropdown-toggle:hover{border-radius:10px 10px 0 0!important;}
.dropdown-menu{width: 100%;margin:0!important;border: 0; background:#000; border-radius:0 0 10px 10px!important; font-size:14px; text-align:center;}



/*
.close-navbar-toggler{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer;
}
.close-navbar-toggler.collapsed{
  z-index:-1;
}
*/


.sectionbox{width:100%; background:#1e4a60; color:#fff; font-size: clamp(10px, 3vw, 18px);}
.sectionbox a{color:#fff;}
.sectionbox a:hover{color:#71badf;}






.banner {position:relative;}
.banner h1{font-family: 'Roboto Condensed', sans-serif; font-size:72px; color:#fff; font-weight:700;}
.foodbox{position:relative; background:#e3d1c3;}
.foodbox img{height: 100%;object-fit: cover;aspect-ratio: 1/1;}
.foodbox div{background:#fff; padding:20px 20px 60px 20px; height: 250px;}


.foodbox:hover div{background:#4d7a91; color:#fff;}

.grazingbanner{background:#1e4a60; overflow: hidden;}
.grazingbanner img{opacity:.4;}
.midlogo{opacity:1!important;}
.lastbanner{background:#000; overflow:hidden;}
.lastbanner img{opacity:.2;}



/*
.list{margin: 0;padding: 0;list-style: none; font-size:18px; font-weight:500;}
.list li{margin-bottom: 10px; display: flex; column-gap:10px;}
.list li:before{font-family:'Line Awesome Free'; display:flex; content:'\f00c'; font-size:8px; font-weight:700; background:#000; color:#fff; width: 14px; height:14px; border-radius:4px; padding:2px; align-items:center; justify-content:center; margin-top:3px;}
*/






.form-control{margin-bottom:10px; line-height:30px; border-radius:0; background:none; border: 0; border-bottom: 1px solid #333;}
textarea.form-control{min-height:150px;}
.form-control:focus{box-shadow:none;}
.form-floating>.form-control, .form-floating>label{padding-left:0;}
.error{color:#F10307; display:block; margin-top:10px;}
.form-control:focus{background:none;}
.form-select{background-color: #f5f0ec;border: 0;border-bottom: 1px solid #000;border-radius: 0;padding-left: 0;padding-right: 0;line-height: 37px;}
.form-select:focus{box-shadow:none;}







.footer{font-size:14px; color:#fff; background:#1e4a60; line-height:30px;}
.footer a{color:#fff;}
.f-menu{list-style:none; padding:0; margin:0;}
.f-menu li{display:inline-block;}
.f-menu li a{margin:0; color:#fff;}
.f-menu li span{margin:0 10px; display: inline-block;}
.f-menu a:hover, .footer a:hover{color:#71badf;}
/*.f-menu li a:first-child{padding:0;}*/
.topsocial, .social a{display:inline-block; margin: 0; font-size:28px; color: #fff;}
.social a:hover{color:#71badf;}
.topsocial a{color:#000;}
.callbox{font-size:18px;}
.callbox a{font-size:70px; color:#fff; font-weight:700;}
.callbox a:hover{color:#71badf;}
/*.innerbanner {position: relative;background: url("images/innerbanner.jpg");width: 100%;background-size: cover;}*/

.form-check .form-check-input{background:#7f93ad;}

.form-check-input:checked{border-color:#1e4a60;}
/*.form-check-input:focus{box-shadow:none;}
*/

.noimage{position:relative; display: block; aspect-ratio: 1/1;}
.noimage:before{position:absolute;background: #e0d8cb url(images/logo.png) no-repeat; background-position: center; background-size: 20%; opacity: .5; content:'';
width:100%; height:100%;}
.leftshape{position: absolute;color: #fff;font-size: 18px;padding: 15px;font-weight: 700; top:20px;}
.leftshape:after{position: absolute; content: '';-webkit-clip-path: polygon(66% 0, 80% 50%, 66% 100%, 0% 100%, 0 50%, 0% 0%);
clip-path: polygon(66% 0, 80% 50%, 66% 100%, 0% 100%, 0 50%, 0% 0%); width:100%; height:100%; top:0; background:#ed2224; right:0;}
.leftshape span{position:relative; z-index: 9; display: block; padding-right: 50px;}

.available{max-width:250px; width:100%;}






@media (max-width:1400px){
	.container{max-width:1200px; position:relative; }
}
@media (min-width:1200px){
.dropdown-menu{visibility: hidden;opacity: 0;display: block;box-shadow: none;}
	.dropdown:hover .dropdown-menu {display: block;visibility: visible;opacity: 1;}
	}
@media (max-width:1199.98px){
	.access li a{margin:0 10px; font-size:14px;}
	.midlogo{max-width:400px;}
	.logo img{max-width:180px;}

}

@media (max-width:991.98px){
	.spacer {height: 103px;}
	.logo img {max-width:145px;}
	.shrink .logo img{max-width:145px;}
	.midlogo{max-width:290px; height:290px!important;}
	.navbar-collapse, .shrink .navbar-collapse{top:103px;}
	.grazingbanner img{height:450px; object-fit: cover;}

}

@media (max-width:767.98px){
	.navbar-collapse, .shrink .navbar-collapse{top:87px;}
	.sectionbox{bottom:-30px;}
	.spacer {height:87px;}
	.banner img{height:400px; object-fit: cover;}
	.banner h1{font-size:50px;}
	.grazingbanner img{height:630px; object-fit: cover;}
}

@media (max-width: 575.98px) {
	.logo img, .shrink .logo img{max-width: 100px;}
	.header, .header.shrink, .spacer{height:80px;}
	.banner img{height:280px; object-fit: cover;}
	.banner h1{font-size:30px;}
	.navbar-collapse, .shrink .navbar-collapse{top:80px;}
	.midlogo{max-width:150px; height:150px!important;}
	.grazingbanner img{height:430px; object-fit: cover;}
	.foodbox div{height:150px; padding:20px;}
	body{font-size:13px; line-height:16px;}
	.form-control {height:40px;}
	.lastbanner img{height:200px; object-fit: cover;}
	.footer{font-size:12px; line-height:24px;}
	.footer img{max-width:120px; margin-bottom:20px;}
	.social a {font-size:24px!important;}
	.btn{font-size:14px; padding:6px 10px;}
	h5{font-size:16px;}
	textarea.form-control {min-height: 100px;}
	.callbox a{font-size:30px;}
	

}