@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&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');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --primary: #5b9a42;
    --primarydarken: #215A0C;
    --secondary: #a5958c;
    --secondarylighten: #CCBFB7;
    --fontcolor: #000;
    --tertiary: #422c18;
    --complementary: #994442;
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    color: var(--fontcolor);
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.Normal {
    font-size: 16px;
    line-height: 1.5;
    color: var(--fontcolor);
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

.comp {
    color: var(--complementary);
}

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

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

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

a {
    color: var(--primary);
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: var(--fontcolor);
}

a:visited {
    color: var(--primary);
}

a:visited:hover {
    text-decoration: none;
    color: var(--fontcolor);
}

.bi {
    font-size: 1.5em;
    padding: 0 10px;
}

/* colors */

.bg-primary {
    background-color: var(--primary) !important
}

.bg-secondary {
    background-color: var(--secondarylighten) !important
}

/* cards */

.card {
    border-radius: 0;
}

.card-img, .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card.bg-primary {
    border: 2px solid var(--primary);
}

.card.bg-secondary {
    border: 2px solid var(--tertiary);
}

.card.bg-white {
    border: 2px solid var(--tertiary);
}

.card.bg-primary h1,
.card.bg-primary h2,
.card.bg-primary h3,
.card.bg-primary h4,
.card.bg-primary h5,
.card.bg-primary h6,
.card.bg-primary p,
.card.bg-primary li {
    color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.card p,
.card li {
    font-size: 14px;
}

.div-bg {
    padding: 2% 5%;
    border-radius: 5px;
    margin: 2%;
}

.primary {
    background-color: var(--primary);
}

.complementary {
    background-color: var(--complementary);
}

.secondary {
    background-color: var(--secondary);
}

.tertiary {
    background-color: var(--tertiary);
}

.primary h1,
.primary h2,
.primary h3,
.primary h4,
.primary h5,
.primary h6,
.primary p,
.primary li,
.tertiary h1,
.tertiary h2,
.tertiary h3,
.tertiary h4,
.tertiary h5,
.tertiary h6,
.tertiary p,
.tertiary li,
.complementary h1,
.complementary h2,
.complementary h3,
.complementary h4,
.complementary h5,
.complementary h6,
.complementary p,
.complementary li {
    color: #fff;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

/*------------------------------------------------*/
/* NAVBAR */
/*------------------------------------------------*/

.navbar {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.bg-light {
    background-color: #fff !important;
}

#dnn_dnnLOGO_imgLogo {
    max-height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.nav-minimize #dnn_dnnLOGO_imgLogo {
    max-height: 60px;
}

.nav-link {
    display: inline-block;
    color: var(--secondary) !important;
    text-decoration: none;
    line-height: 40px;
}

.nav-link:hover {
    text-decoration: none;
    color: var(--fontcolor) !important;
}

.nav-link:visited {
    color: var(--secondary);
}

.nav-link:visited:hover {
    text-decoration: none;
    color: var(--fontcolor) !important;
}

.dropdown-menu {
    background-color: #f5f5f5;
    border: 1px solid #202020;
    margin: 0;
    min-width: 15rem;
}

.dropdown-menu .nav-link {
    line-height: initial;
}

.dropdown-menu .active {
    border-radius: 0px;
}

/*------------------------------------------------*/
/* HERO */
/*------------------------------------------------*/

.hero-bg {
    background-size: cover;
    background-position: center;
    object-fit: cover;
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.Page-Home .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('/Portals/146/home-bg-1.png');
    height: 90vh;
}

.PageType_Normal .hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Portals/146/page-bg.jpg');
}

/* shape */

.hero-shape {
    fill: #fff;
    margin-top: -1px;
}

.hero-shape svg {
    position: relative;
    min-width: 100%;
    transform: rotate(180deg);
}

/* text */

.hero-text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 98%;
}

.hero-text h1,
.hero-text h2,
.hero-text h3,
.hero-text h4,
.hero-text h5,
.hero-text h6 {
    margin: 0;
    color: #fff !important;
    letter-spacing: 1px;
    line-height: 180%;
    text-transform: uppercase;
}

.hero-text h1 {
    font-size: 4.5rem;
}

/*------------------------------------------------*/
/* MAIN CONTENT */
/*------------------------------------------------*/

/* zoom buttons */

.zoom-button {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.zoom-button img {
    width: 100%;
    transition: transform .5s ease;
}

.zoom-button:hover img {
    transform: scale(1.3);
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.text-overlay h2 {
    text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    color: #fff;
}

.text-overlay a {
    color: #fff !important;
    text-decoration: none;
}

/* etc. */

/*.Page-Home */#HomeContent {
    background-color: var(--secondarylighten);
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 8%;
    padding-right: 8%;
}

#MainContent {
    padding-top: 3%;
    padding-bottom: 3%;
/*    padding-left: 8%;
    padding-right: 8%;*/
}

#HomeContent ul,
#MainContent ul {
    padding-left: .5rem;
}

#HomeContent li,
#MainContent li {
    list-style-type: disc;
}

.golf-icon {
    padding-left: 0;
}

.golf-icon li {
    list-style-type: none !important;
}

.golf-icon li:before {
    content: 'sports_golf';
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

#MainContent {
    background-color: #fff;
}

.primary-button {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: var(--primary);
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.primary-button:hover {
    background-color: var(--primarydarken);
    color: #fff !important;
    text-decoration: none;
}

.faq-button {
    background-color: transparent;
    border: 0;
}


/*------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------*/

.Page-Home #MainBottomContent {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Portals/146/AdobeStock_250923456-1600-700.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px;
}

.Id3124 #MainBottomContent,
.Id3125 #MainBottomContent {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/Portals/146/sandpoint.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px;
}

.Page-Home #MainBottomContent h1,
.Page-Home #MainBottomContent h2,
.Page-Home #MainBottomContent h3,
.Page-Home #MainBottomContent h4,
.Page-Home #MainBottomContent h5,
.Page-Home #MainBottomContent h6,
.Page-Home #MainBottomContent p,
.Page-Home #MainBottomContent li,
.Id3124 #MainBottomContent h1,
.Id3124 #MainBottomContent h2,
.Id3124 #MainBottomContent h3,
.Id3124 #MainBottomContent h4,
.Id3124 #MainBottomContent h5,
.Id3124 #MainBottomContent h6,
.Id3124 #MainBottomContent p,
.Id3124 #MainBottomContent li,
.Id3125 #MainBottomContent h1,
.Id3125 #MainBottomContent h2,
.Id3125 #MainBottomContent h3,
.Id3125 #MainBottomContent h4,
.Id3125 #MainBottomContent h5,
.Id3125 #MainBottomContent h6,
.Id3125 #MainBottomContent p,
.Id3125 #MainBottomContent li {
    color: #fff;
}


/*------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------*/

footer {
    background-color: var(--tertiary);
    padding-top: 2%;
    padding-bottom: 2%;
}

    footer h1,
    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6,
    footer p {
        color: #fff !important;
    }

    footer .Normal a {
        color: var(--secondary);
        text-decoration: none;
    }

        footer .Normal a:hover {
            color: #fff;
            text-decoration: none;
        }

        footer .Normal a:visited {
            color: var(--secondary);
        }

            footer .Normal a:visited:hover {
                color: #fff;
                text-decoration: none;
            }

/*------------------------------------------------*/
/* MEDIA QUERIES */
/*------------------------------------------------*/

@media screen and (min-width: 996px) {

    .dropdown-menu {
        border-radius: 0;
    }
}

@media screen and (max-width: 997px) {

    #dnn_dnnLOGO_imgLogo {
        max-height: 60px;
    }

    .navbar-toggler {
        margin: 10px;
    }

    .nav-item {
        margin: 0;
        text-align: center;
    }

    .hero-text h1 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 768px) {

    #HomeContent {
        padding-left: 3%;
        padding-right: 3%;
    }

    #MainContent {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .Page-Home #MainBottomContent,
    .Id3124 #MainBottomContent,
    .Id3125 #MainBottomContent {
        background-attachment: scroll;
    }
}