@import url('https://fonts.googleapis.com/css2?family=Poppins: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 {
    --main_color: rgb(180, 40, 36);
    --sec_color: #3b2508;
    --ter_color: #fff;
    --sec_color_rgb: 180, 40, 36;
    --body_font: 'Poppins', sans-serif;
    /* --sec_color: #F3FBBD;
    --ter_color: #A9CF46; */
    /* 
    --headings_font: 'Montserrat', sans-serif; */
    /* --body_font: 'Manrope', sans-serif;
    --headings_font: 'Manrope', sans-serif; */
    --main_spacer: clamp(30px, 5vh, 50px);
    /* --large_headingFS: clamp(40px, 7vw, 85px);
    --main_headingFS: clamp(25px, 7vw, 60px);
    --sec_headingFS: clamp(20px, 5vw, 35px); */
}

* {
    box-sizing: border-box;
}

*::selection {
    color: #fff;
    background-color: var(--main_color);
}

body {
    margin: 0;
    padding: 0;
    color: var(--main_text);
    font-family: var(--body_font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: var(--headings_font), var(--body_font);
}

a {
    color: inherit;
    text-decoration: none;
}

p {
    color: inherit;
    margin-bottom: 7px;
}

strong {
    font-weight: 600;
}

img,
video {
    width: 100%;
    vertical-align: middle;
}

/* Target the specific number input and hide the spin buttons */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox, you may need this additional CSS rule */
input[type="number"] {
    -moz-appearance: textfield;
}

button {
    border: none;
    outline: none;
    white-space: nowrap;
    width: fit-content;
    transition: opacity .2s ease-in-out;
}

button.accordion-button {
    white-space: normal;
}

button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

section {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}

hr {
    border-color: #252324;
}

.body_font {
    font-family: var(--body_font) !important;
}

.headings_font {
    font-family: var(--headings_font) !important;
}

.main_spacer {
    padding-block: var(--main_spacer);
}

.main_spacer_top {
    padding-top: var(--main_spacer);
}

.main_spacer_bottom {
    padding-bottom: var(--main_spacer);
}

.text-justify {
    text-align: justify;
}

/*  */

.nav-link {
    color: inherit;
}

.nav-link:hover,
.nav-link:focus,
.navbar-nav .nav-link.show {
    color: var(--main_color);
}

main {
    color: var(--ter_color);
    background: rgb(91,56,10);
    background: -moz-radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    background: -webkit-radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    background: radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b380a",endColorstr="#422908",GradientType=1);
}

.fixedBtn {
    position: fixed;
    z-index: 19; 
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fixedBtn a {
    color: var(--ter_color);
    padding: 14px 7px;
    display: inline-block;
    writing-mode: vertical-lr;
    background-color: var(--main_color);
}

.main_btn {
    color: var(--ter_color);
    border-radius: 7px;
    padding: 7px 14px;
    border: 1px solid var(--main_color);
    background-color: var(--main_color);
}

.form-control:focus,
.main_btn:focus {
    border: 1px solid var(--sec_color);
    box-shadow: 0 0 0 .25rem rgba(var(--sec_color_rgb), .25);
}

#site-footer {
    /* color: var(--ter_color);
    background-color: var(--sec_color);  */
    color: var(--ter_color);
    background: rgb(91,56,10);
    background: -moz-radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    background: -webkit-radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    background: radial-gradient(circle, rgba(91,56,10,1) 0%, rgba(66,41,8,1) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b380a",endColorstr="#422908",GradientType=1);
}

.footer_links a {
    color: var(--main_color);
}

footer#site-footer a {
    transition: color .3s ease-in-out;
}

footer#site-footer a:hover {
    color: var(--main_color);
}

.locations_wrap {
    border-top: 1px solid var(--main_color);
}

.locations_wrap ul {
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
}

.locations_wrap ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px 0 20px;
    flex-shrink: 0;
    background-color: var(--main_color);
}

.locations_wrap ul li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}