@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --bs-primary:#fff;
    --bs-primary-rgb:255,255,255;
    --bs-secondary:#975f27;
    --bs-secondary-rgb:151,95,39;
    --bs-tertiary:#efebc6;
    --bs-tertiary-rgb:239,235,198;
    --bs-menu: #a26a39;
}

/* -- standard colours --*/
.btn-primary { background-color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-primary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-secondary { background-color:var(--bs-secondary); border-color:var(--bs-secondary); color:var(--bs-tertiary); }
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:var(--bs-secondary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1);}
.btn-white { color:#fff; border-color:var(--bs-secondary); background-color:var(--bs-secondary); font-weight:400; padding:0.45rem 0.85rem; }
.btn-white:hover { color:#fff; border-color:#fff; background-color:var(--bs-primary); }
.btn.disabled, .btn:disabled { background-color:#d3d3d3; border-color:#d3d3d3; }

.btn { border-radius:50px; padding: 7px 40px; letter-spacing:1.5px; }

.text-tertiary { color:var(--bs-tertiary); }
.text-menu { color:var(--bs-menu); }
.primary-font { font-family: "Taviraj", serif; }

.letter-spacing { letter-spacing: 3px; }

.border-primary { border-color:var(--bs-primary)!important; }
.border-secondary { border-color:var(--bs-secondary)!important; }

body { background-color:#000; color:#fff; padding-top:105px; display:flex; flex-direction:column; min-height:100vh; font-family:"Source Sans 3", sans-serif}
p { font-size: 1.25rem; }
main { flex: 1; }

h1, h2, .h1, .h2, h3, h4 { font-family: "Taviraj", serif; text-transform:uppercase; }
h1 { font-size:calc(2rem + 1.5vw);  }
h2 { font-size:calc(1.6rem + 1.5vw) }
h3 { font-size:calc(1.1rem + 1.3vw) }
h4 { font-size:calc(1.1rem + 0.5vw) }
h5 { font-size:calc(0.8rem + 0.2vw) }

.navbar { background-color:#000; font-weight:600; border-bottom:rgba(222,222,222,.75) 2px solid;transition: all 0.7s linear;}
.navbar img { margin-top:-30px; width:200px; height:auto; transition: all 0.5s linear; }
#offcanvasNavbar { background-color:rgba(0,0,0,1);}
.nav-item { padding-left:1rem;  }
.navbar-toggler {color:#fff; border-color:rgba(0,0,0,.65)!important;border-width:2px;}
.navbar-toggler-icon { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255,255,255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important; }
.nav-link, .dropdown-item { color:var(--bs-primary); transition: all 0.5s ease; text-transform: uppercase; font-size:1.25rem;}
.nav-link:hover, .nav-link:focus, .scrolled .nav-link:hover, .scrolled .nav-link:focus, .nav-link.active { color:var(--bs-secondary)!important; }
.dropdown-item:hover, .dropdown-item.active { background:none;color:var(--bs-secondary)!important; }

.info-navbar { height:35px;}
.info-navbar i { color:var(--bs-secondary); margin-right:5px; }
.info-navbar a { color:var(--bs-primary);text-decoration:none; font-size:14px; }

.service-cards p { color:#fff; font-size:1.8rem; margin-bottom:0; }
.service-cards .col-md-6 { margin-bottom:1rem; display:flex; flex-grow:1; flex-direction: column;}
.service-cards .col-md-6 div { height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; padding:3rem; min-height:200px;}

.review-card { background-color:rgba(0,0,0,0.6); padding:1.5rem; border-radius:40px; height:100%; }

/* BACKGROUNDS */
.hero-bg { background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/hog-and-flame.png") no-repeat; background-size:cover; background-position:center; }
.whisky-bg { background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url("../images/whisky-bg.jpg") no-repeat; background-size:cover; background-position: bottom right; }
.review-bg { background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("../images/ribs.png") no-repeat; background-size:cover; background-position: center; }
.barrel-bg { background:linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("../images/barrels-light.png") no-repeat; background-size:cover; background-position: center; }
.fire-bg { background:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../images/fire-bg.jpg") no-repeat; background-size:cover; background-position: top 20% center; }

/* FRESH SALES FORM */
.fserv-container { border:var(--bs-secondary) solid 4px!important; }
.fs-webform-container .fserv-field+div:not(.fserv-field) { border-top:0!important; }
.powered-by { display:none!important; }

footer h4 { padding-bottom:1rem; border-bottom:1px solid #fff;  }
footer p, a { color:#fff; }
footer img { width:200px; height:auto; margin:0.5rem;}
.copyright-banner { border-top:1px solid #ccc; background-color:#000; color:#fff; }
.copyright-banner a { color:#fff;}

.fs-md-4 { font-size:1.5rem; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}

@media (max-width: 1249.98px) {
    .nav-item { font-size:14px; margin-right:0.46rem; }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .navbar-collapse { max-width:100vw;position:relative;padding:15px; }
    .navbar-collapse.show, .navbar-collapse.collapsing { background-color:var(--bs-primary);width:97vw;position:absolute;top:100px;left:0;margin-left:1.5vw;margin-right:1.5vw; box-shadow: 0px 0px 10px #fff; transition: height 0.20s ease-in-out;}
    .nav-item { height:auto;  display:block; font-size:13px; margin-right:0.46rem; padding-left:0.5rem; }
    .nav-link { margin:auto;margin-left:0;font-size:13px; }
    .nav-link:hover, .nav-link:focus { color:var(--bs-secondary); }
    footer img { width:100px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-collapse { max-width:100vw;position:relative;padding:15px; }
    .navbar-collapse.show, .navbar-collapse.collapsing { background-color:var(--bs-primary);position:absolute;top:100px;left:0;margin-left:1.5vw;margin-right:1.5vw; box-shadow: 0px 0px 10px #fff; transition: height 0.20s ease-in-out;}
    .fs-md-4 { font-size:1rem; }
    .nav-link { color:#fff; }
    .whisky-bg { background:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../images/whisky-bg.jpg") no-repeat; background-size:cover; background-position: right -120px bottom 0!important; }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navbar img { margin-top:-30px; width:150px; }

}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .info-navbar p { font-size:14px; }
    .navbar img { margin-top:-10px; width:125px; }
}