/* TEMPLATE BASE STYLES */
:root {
	--nav-height: 126px; /* FOR REFERENCE ONLY - modified by JS */
	
	--bs-orange-subtle: #ff7a47;
	--bs-orange: #f04e2e;
	--bs-orange-rgb: 240, 78, 46; /*f04e2e*/
	
	--bs-btn-orange-rgb: 247, 107, 51;
	--bs-btn-orange-hover-rgb: 248, 122, 71;
	
	--bs-dark: #191921;
	--bs-font-heading-serif: "Alegreya", serif;
	--bs-font-serif: Times, serif;
	--bs-font-sans-serif: Helvetica,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-body-font-family: "Montserrat", var(--bs-font-sans-serif);
}
body>header {
	padding-top: var(--nav-height);
}

a {
	color:var(--bs-orange);
	text-decoration: none;
}
h2 {
    font-family: var(--bs-font-heading-serif);
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
	font-size: 3rem;
}
.btn-link { text-decoration:none; }
.btn-link:hover { text-decoration:underline; }
.carousel-indicators [data-bs-target].active {
    width: 3.75rem;
}
.carousel-indicators-light [data-bs-target] {
    background-color: rgba(0,0,0,.25);
}
.carousel-indicators-light [data-bs-target]:hover, .carousel-indicators-light [data-bs-target]:focus, .carousel-indicators-light [data-bs-target].active {
    background-color: rgba(0,0,0,.8);
}
@media (min-width: 1200px) {
	.container-xl {
		max-width:1340px !important;
	}
	.container {
		max-width:1125px !important;
	}
}
.h-serif {
	font-family: var(--bs-font-heading-serif);
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.display-1 { font-size: 12.5rem; }
.display-2 { font-size: 9.375rem; }
.display-3 { font-weight: 600; }
.display-6 {
    font-family: var(--bs-body-font-family);
    font-weight: 400;
}
h3 {
	font-family: var(--bs-body-font-family);
    font-weight: 500;
}
blockquote {
	quotes: "“" "”" "‘" "’";
	font-family: var(--bs-font-serif);
	font-style: italic;
	font-weight: 600;
	font-size:1.2rem;
}
blockquote p::before {
    content: open-quote;
}
blockquote p::after {
    content: close-quote;
}
.form-control {
	/* --bs-border-radius-sm: 0px; */
	--bs-border-radius: var(--bs-border-radius-sm)!important;
	--bs-border-radius-lg: var(--bs-border-radius-sm)!important;
}
.btn {
	--bs-btn-border-radius: 0!important;
	--bs-btn-font-weight: 500;
	--bs-btn-font-size: .875rem;
	text-transform: uppercase;
}
.btn-wide {
    --bs-btn-padding-x: 4.5rem;
}
.btn-black {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}
.btn-group-orange .btn-primary,
.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--bs-btn-orange-rgb));
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--bs-btn-orange-hover-rgb));
		--bs-btn-hover-bg: rgb(241, 90, 30);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-focus-shadow-rgb: var(--bs-btn-orange-hover-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bs-btn-hover-rgb));
		--bs-btn-active-bg: rgb(223, 79, 22);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}
.btn-group, .btn-group * { text-decoration: none!important; }
.btn-group-lg>.btn, .btn-lg {
    --bs-btn-padding-y: .65rem;
    --bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 1rem;
	--bs-btn-border-radius: 0;
}
.border-br-corner {
    position: relative;
}
.border-br-corner::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    border: 1px solid rgba(26,26,26, .28);
    /* width: 20%; */
    height: 22%;
    aspect-ratio: 1/1;
    z-index: -1;
}
.link-light {
	transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
}
.link-light:focus, .link-light:hover {
	--bs-link-opacity: .5;
}


/* NAV & HEADER SPECIIFC STYLES */
a[id]:not([href]), /* anchors used for scrolling */
#map { scroll-margin-top:var(--nav-height); }

#navbar {
	position:absolute;
	top:0px;
	width:100%;
	z-index: 1020;
}
#topbar {
	background-color:#000 !important;
	color: #8a8d90;
	font-size: .8rem;
	padding:10px 0px;
	width: 100%;
}

#topbar a {
	color:#8a8d90;
	text-decoration:none;
}
#topbar a:hover {
	color:#d8d9da;
}

#topbar .fa-sharp {
	color:var(--bs-orange-subtle);
}

.navbar {
    width: 100%;
    transition: all .5s;
	background: #191921;
}
#mainNav .navbar-nav {
    --bs-nav-link-padding-x: .8125rem;
    --bs-navbar-nav-link-padding-x: .8125rem;
}
#mainNav .navbar-nav > li > a {
    text-decoration: none;
    outline: none;
    color: #fff;
    opacity: 1;
    font-weight: 600;
    font-size: .9rem;
}

#mainNav .navbar-nav > li > a:hover {
	color:#d3d3d3;
    opacity: 0.5;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

#mainNav .navbar-nav > li > a.active {
    position: relative;
}
#mainNav .navbar-nav > li > a.active::after {
    content: " ";
    border-bottom: 1px solid var(--bs-orange);
    width: .875rem;
    height: 1px;
    display: block;
    position: absolute;
	left: var(--bs-navbar-nav-link-padding-x);
    right: auto;
    bottom: 0.25rem;
}
@media (min-width: 576px) {
	.navbar-expand-sm #mainNav .navbar-nav > li > a.active::after {
		left: auto;
		right: var(--bs-navbar-nav-link-padding-x);
	}
}
@media (min-width: 768px) {
	.navbar-expand-md #mainNav .navbar-nav > li > a.active::after {
		left: auto;
		right: var(--bs-navbar-nav-link-padding-x);
	}
}
@media (min-width: 992px) {
	.navbar-expand-lg #mainNav .navbar-nav > li > a.active::after {
		left: auto;
		right: var(--bs-navbar-nav-link-padding-x);
	}
}
@media (min-width: 1200px) {
	.navbar-expand-xl #mainNav .navbar-nav > li > a.active::after {
		left: auto;
		right: var(--bs-navbar-nav-link-padding-x);
	}
}

.fixed-navbar {
    background: #191921;
	width: 100%;
    position: fixed !important;
    animation-name: fixedAnim;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 12px 6px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 12px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 6px rgba(0, 0, 0, 0.08);
    /*-1px 6px 13px 0px rgba(0, 0, 0, 0.44);*/
}

.fixed-navbar a {
    color: #FFF;
}

.navbar.fixed-navbar .navbar-collapse {
    background: #191921 !important;
}

.navbar.fixed-navbar .navbar-toggler span {
    background: #000 !important;
}

.navbar.fixed-navbar .logo-dark {
    display: inline-block !important;
}

.navbar.fixed-navbar .logo-light {
    display: none !important;
}


@keyframes fixedAnim {
    from {
        top: -50px;
    }
    to {
        top: 0px;
    }
}

.jumbotron {
    border-radius: 0;
	padding: 6.85% 8% !important;
    text-shadow: 0 0.2em rgb(0 0 0 / 15%);
}
.jumbotron-transparent {
	background-color: transparent;
}
.jumbotron-container {
	background-color: #e9ecef;
	margin-bottom: 80px;
}
.jumbotron h1 {
	font-family: var(--bs-font-heading-serif);
	font-size:4.5em;
}
.jumbotron .caps-spaced {
	text-transform: uppercase;
	font-size:.7em;
	letter-spacing: 1px;
}
.jumbotron .lead {
	font-size:1rem !important;
}

#back-to-top-container {
    position: fixed;
	width: fit-content;
    right: 25px;
    bottom: 25px;
    margin: 0;
    z-index: 1030;
	text-align: right;
	display: none; /* show via JS */
    animation-name: bounceInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    transition-duration: .5s;
    transition-property: height,bottom,left,right;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
}
#back-to-top {
    opacity: 0;
    visibility: hidden;
	text-decoration: none;
	display: inline-block;
}
#back-to-top.off {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .15s ease, visibility 0s .15s;
    -moz-transition: opacity .15s ease, visibility 0s .15s;
    transition: opacity .15s ease, visibility 0s .15s;
}
#back-to-top.on {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
#back-to-top>span {
    position: relative;
    display: flex;
	align-items: center;
	justify-content: center;
    width: 39px;
    height: 39px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #363636;
    border: 1px solid #363636;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 20px;
}
#back-to-top>span i {
    -webkit-transition: .15s ease 50ms;
    -moz-transition: .15s ease 50ms;
    transition: .15s ease 50ms;
}
#back-to-top>span:after {
	--line-width: 1.2px;
    content: '';
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    opacity: 0;
    background-image: linear-gradient(90deg, transparent, transparent calc(50% - var(--line-width)) , #e5e5e5 50%, transparent calc(50% + var(--line-width)));
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
#back-to-top>span:hover {
    background-color: #1b1b1b;
    border: 1px solid #1b1b1b;
    height: 70px;
    line-height: 70px;
    border-radius: 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
	text-decoration: none;
}
#back-to-top>span:hover:after {
    height: 19px;
    opacity: 1;
    -webkit-transition: .45s;
    -moz-transition: .45s;
    transition: .45s;
}
#back-to-top>span:hover i {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
#back-to-top>span:hover span {
    margin-top: -5px;
}
#back-to-top span span {
    display: block;
    line-height: inherit;
    margin-top: -2px;
    margin-left: .3px;
    font-size: 12px;
}

#bookteetime {
	--bs-orange-grandient: linear-gradient(180deg, rgb(var(--bs-btn-orange-hover-rgb)) 50%, rgb(var(--bs-btn-orange-rgb)) 50%);
	text-transform: none!important;
	position: relative;
}
#bookteetime.shadow { box-shadow: 1px 2px 5px 0 rgba(0,0,0,.45)!important; }
#bookteetime::after {
	content:"";
	position: absolute;
	left:0;
	right:0;
	top:0%;
	bottom:50%;
	background-color:#fff;
	opacity: .1;
	z-index: 1;
}
#bookteetime .btn {
	--bs-btn-font-size: .875rem;
	display: inline-flex;
    align-items: center;
	text-transform: none;
	z-index:1;
}
#bookteetime:hover .btn {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
#bookteetime .btn-light {
    --bs-btn-bg: #fff;
    --bs-btn-color: rgb(var(--bs-btn-orange-rgb));
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
}

#siteby {
	font-size:.875rem;
	font-style: normal;
	text-transform: uppercase;
}

#siteby a {
	text-decoration:none!important;
	font-weight:800;
}

#footmain {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	
	height: clamp(30rem, calc(80vh - var(--nav-height)), 50rem);
}

/* OTHER STYLES */
#map {
	height:70vh;
	border:0;
	display:block;
}
.parallax-window {
    max-width: 1920px;
    height: 25vw;
    margin-left: auto;
    margin-right: auto;
}
#testimonials-carousel .blockquote-footer {
    text-transform: uppercase;
    margin-top: -1rem;
    margin-bottom: 1rem;
    /* font-size: .875em; */
    /* color: #6c757d; */
}
#testimonials-carousel .blockquote-footer::before,
#testimonials-carousel .blockquote-footer::after { content: "\2014"; display:inline-block; padding:0 .5em; }

#golfcourse_tabs { border:0; }
#golfcourse_tabs li { flex-grow:1; border:0; }
#golfcourse_tabs li .nav-link { border-radius:0; border:0; border-top: 11px solid #fbb599; background-color:#e5e5e5; width:100%; color:#000; text-align:center; height:100%; }
#golfcourse_tabs li .nav-link.active,
#golfcourse_tabs li .nav-link:hover,
#golfcourse_tabs li .nav-link:focus,
#golfcourse_tabs li .nav-link.focus { border-top: 11px solid #f86b34; background-color:#d5d5d5; }
#golfcourse_tabs li:not(:last-of-type) .nav-link { border-right:1px solid #f2f2f2; }

.bookmark {
	background: url(/images/bookmark.png) no-repeat;
    width: 85px;
    height: 118px;
    position: absolute;
    left: -11px;
    top: -14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
    padding-bottom: 3px;
	color: white;
	font-style: normal;
	line-height: 1.05;
	z-index:2;
}
.bookmark-pretext { font-family: 'Roboto Condensed', 'Open Sans', sans-serif; font-size:.9rem; text-transform:uppercase; letter-spacing:.05em; }
.bookmark-text { font-family: 'Noto Serif', serif; font-size:3.5rem; text-shadow: 0 3px 0 rgba(0,0,0,.15); }

form#contact input, form#contact textarea { /*border:none; border-bottom:solid 1px black;*/  border-radius: 0; resize: none; }
form#contact input:focus, form#contact textarea:focus {outline-width: 0; outline:none !important; }
form#contact .form-group label { font-family: 'Roboto Condensed', 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase; margin-bottom:.25rem; }

.accordion>.card { border-radius:0; border:0; }
.accordion>.card:not(:first-of-type) { border-top: 1px solid transparent; }

.fireup th {
	border-bottom:solid 1px black;
padding: 5px 13px;
	border-right: solid 1px black;
}

.fireup td {
	border-bottom:solid 1px #d6d5d5;
	padding: 5px 13px;
	border-right: solid 1px #d6d5d5;
}

/* Remove border-right on the last column */
.fireup th:last-child, 
.fireup td:last-child {
    border-right: none;
}