@charset "utf-8";
/* CSS Document

colours:
Dark Blue: #0e1238 /  14, 18, 56
Logo Green: #3ae1c5
Grass Green: #678d58 / 103, 141, 88

bg Green: #a6c48a / 166, 196, 138
Silver: #9f9f9f



*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap');


h1, h2, h3, h4, h5, .navbarText, .sidebar .nav-link span, .card-header { font-family: 'Poppins', sans-serif; text-transform: uppercase; }
a { color: #678d58; }
h1 { font-size: 2em; }

.darkblue { color:var(--bs-primary); }
.logogreen { color:var(--bs-secondary); }
.grassgreen { color:var(--bs-tertiary); }
.bggreen { color:var(--bs-quaternary); }
.silver  { color:var(--bs-offset); }


:root {
  /*--bs-primary:#779ecb;*/
  --bs-primary:#0e1238;
  --bs-primary-rgb:14,18,56;
  --bs-secondary:#3ae1c5;
  --bs-secondary-rgb: 58, 225, 197;
  --bs-tertiary:#678d58;
  --bs-tertiary-rgb: 103, 141, 88;
  --bs-quaternary:#a6c48a;
  --bs-quaternary-rgb:166, 196, 138;
  --bs-offset:#9f9f9f;
  --bs-offset-rgb:159, 159, 159,;
}
/* -- standard colours --*/
.btn-primary, .btn-primary:disabled { background-color:var(--bs-primary); border-color:var(--bs-secondary);}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color:var(--bs-primary); border-color:var(--bs-secondary); box-shadow:inset 0 0 0 1000px rgba(255,255,255,.2);}
.btn-secondary, .btn-secondary:disabled { background-color:var(--bs-secondary); border-color:var(--bs-secondary);}
.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(255,255,255,.2);}
.text-tertiary { color:var(--bs-tertiary); }
.text-quaternary { color:var(--bs-quaternary); }
.text-offset { color:var(--bs-offset); }
.border-primary { border-color:var(--bs-primary)!important; }

/* -- social media links --*/
.fa-facebook:hover { color:#4267B2; }
.fa-instagram:hover { color:#E1306C; }
.fa-tiktok:hover { color:#000; }

/* -- backgrounds -- */
body { background-color:#fdfdfd; }
.lightsplashbg { background-color: var(--bs-primary); background:linear-gradient(135deg, #5563d5 50%, var(--bs-secondary),#5563d5)!important; }
.splashbg, .homebanner { background: rgb(14,18,56); background: linear-gradient(162deg, rgba(14,18,56,1) 60%, rgba(14,152,129,1) 90%);}
.imagebg1 { background: url("/images/golf_course_1.jpg") no-repeat fixed center; background-size:cover;}
#eventwrapper { background-color:#fff; }

/*-- default options --*/
.lift { transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);}
.lift:hover { transform: translateY(-0.3333333333rem);box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.25);}
.lift:active { transform: none;box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);}

h1 {color:var(--bs-primary);text-transform: uppercase;}
h2 {color:var(--bs-secondary);text-transform: uppercase;}

#cookieconsent { background-color: var(--bs-primary); color:#fff;}

#contactuscontainer { min-height:50vh }
#contactuscontainer p { color:#000; }
#content h1 { margin-bottom: 2rem; }

 /*-- Marketing --*/
.featurette p { color:#fff; font-size:1.25rem; font-weight:300;}
.feature { position:relative;padding-bottom:60px; }
.feature a { position:absolute;bottom:1%;left:50%;transform:translateX(-50%) }
.feature h2 { color:var(--bs-primary); }
.feature p { color:var(--bs-tertiary) }
.feature-icon img { margin-left:0!important }

 /*-- Forms --*/
.logonbox { min-height:70vh;margin:auto;}
.fas { color:var(--bs-secondary) }
.logonboxform { background-color:#fff; }
.shoppingcart {  }
.input-group { margin-top:0.6rem; }
.registerform { background-color:var(--bs-primary) }
.emailcontrol { background-image: url("/images/person.svg"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.passwordcontrol { background-image: url("/images/padlock.svg");background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem);background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control:focus { box-shadow:0 0 0 0.25rem rgba(var(--bs-primary-rgb),0.3); border-color:var(--bs-primary); }
.form-check-input:checked { background-color:var(--bs-primary);border-color:var(--bs-primary); }
form span, .showhidepassword { width:50px; }
.form-label { margin-bottom:0.25rem }
.hr-wording { display:flex;flex-direction:row; padding-left:5px; padding-right:5px; }
.hr-wording:before, .hr-wording:after { content:""; flex:1 1; border-bottom:2px solid var(--bs-secondary); margin:auto; }
#newTeeInfoNumbers .form-control, #editTeeInfoNumbers .form-control { padding:0.2rem; margin-top:0.2rem; margin-bottom:0.2rem; }
#newTeeInfoNumbers .col, #editTeeInfoNumbers .col { padding-left:0.1rem;padding-right:0.1rem; }

/* public navbar -- */
header > nav { background-color:rgba(255,255,255,1); }
.nav-link { color:#000 }
.nav-link:hover { color:var(--bs-secondary) }
.navbar-toggler { border:1px solid var(--bs-primary); }
#navbarlogo { height:75px;width:auto; }
#publicnavbar .nav-link { font-size: 19px; padding:0.75rem; margin-right:0.25rem; color:var(--bs-primary);font-weight:600; text-align:center; }
#publicnavbar .nav-link.active { color:var(--bs-secondary);border-bottom:2px solid var(--bs-secondary) }
#navbarDropdownUL .nav-link { border-radius:0px; margin-right:0px;background-color:#fff;color:#000; }
#navbarDropdownUL .nav-link:hover, #publicnavbar .nav-link:hover { color:var(--bs-secondary);border-bottom:2px solid var(--bs-secondary) }

/* -- footer -- */
footer { background-color:var(--bs-secondary);color:#fff; }
footer h4 { margin-bottom:20px;text-decoration: underline;}
footer p { margin-bottom:0.25em; }
footer a { text-decoration: none; color:#fff;}
footer a:hover p, footer a:hover u { color:var(--bs-primary) }
.cookie-btn { width:30%; }

/*-- side navbar --*/
.sidebar { width:20rem;min-height:90vh; background: rgb(14,18,56); background: linear-gradient(176deg, rgba(14,18,56,1) 70%, rgba(14,152,129,1) 120%); color:#fff; }
.sidebar .fas, #topbar .fas { color:var(--bs-secondary); }

.sidebar.toggled { width:6.5rem; }
#sidebarToggle { height:50px;width:50px;box-shadow:inset 0 0 0 1000px rgba(var(--bs-primary-rgb),0.65); }
#sidebarToggle:hover { box-shadow:inset 0 0 0 1000px rgba(var(--bs-primary-rgb),0.35) }
.sidebar-brand img { width:100%;height:auto; }
#accordionSidebar .nav-item, .sidebar-heading { padding:0 1rem; }
#accordionSidebar .nav-item { padding-left: 10px; }
.sidebar.toggled .nav-item, .sidebar.toggled .sidebar-heading { text-align:center; }
.sidebar-heading { text-transform:uppercase; }
#accordionSidebar .nav-link { color:#fff; }
#accordionSidebar .nav-link:hover .navspan { color:var(--bs-secondary);border-bottom:2px solid var(--bs-secondary) }
#accordionSidebar .active .navspan { color:var(--bs-secondary);border-bottom:2px solid var(--bs-secondary)}
/*.sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after{ font-family: 'Font Awesome 5 Free'; content: '\f105'; font-weight: 900; margin-right:0.1rem; }*/
#sidebarToggle::after {font-family: 'Font Awesome 5 Free'; content: '\f053'; font-weight: 900; margin-right:0.1rem; }
.sidebar.toggled #sidebarToggle::after { font-family: 'Font Awesome 5 Free'; content: '\f054'; font-weight: 900; margin-right:0.1rem; }
.sidebar.toggled .nav-link i {width:100%;}
.sidebar .nav-link span {font-size:0.95rem;}
.sidebar.toggled .nav-link span {font-size:0.75rem;}
.collapse-header { color:#656; }
.collapse { }
.collapse-inner { padding:1rem;}
.collapse-item { white-space:nowrap;display:block; }

.sidebar .nav-item .fas { min-width: 30px; text-align: center; }

.bannerlogo { max-width: 50%; margin-left: 25%; }


/*-- top navbar when logged in --*/
#topbar { min-height:7vh; }
.navbarText { font-size:1.4rem;margin-top:auto;margin-bottom:auto;color:#fff; }
.navbarText .score { color:var(--bs-secondary); }

/*-- event navbar --*/
#eventnav .nav-link, #scorecardnav .nav-link { color:#fff; }

/* -- event content --*/
#scorecardinfo, #eventinfo, #leaderboardinfo { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }

/* -- scorecard --*/
.holenumber { font-size: 7rem; color: var(--bs-primary); background-color: var(--bs-secondary); border-radius: 100%;height: 200px;width: 200px; padding: 8px; margin: auto; margin-top: 20px; margin-bottom: 20px; }
.holetitle { font-size: 2rem; color: #fff; text-transform: uppercase; }
.scorecardtitle { font-size:1.25rem; color: #fff; text-align: left; text-transform: uppercase; padding-bottom: 20px;  }
#scorecardwrapper { min-height:100vh; padding: 40px; }
#pardetail, #distancedetail, #indexdetail { color: #fff; }
#scoretable { text-align: left; }
#scorecardinfo { padding-top: 30px; }
.scorecardbuttons { margin-top:  5%; }
#conflictwarning { bottom:1.1rem;right:1.1rem;display:none;width:auto;height:40px; }
#previousholebtn, #nextholebtn, #completescorecardbtn { width: 135px; height: 40px; color: var(--bs-primary); font-weight: bold; }
#previousholebtn { margin-right:-7.5rem; }
#nextholebtn, #completescorecardbtn { margin-left:-7.5rem; }
#notificationcount { /*top:20%;left:60%;*/ }

#persontable div { border-top: 1px solid #BDBDBD; }
#persontable { border-bottom: 1px solid #BDBDBD; }
#nav-closescorecard, #selectnewmessageimage, #selectnewgif, #sendmessagebtn, #closechatheader { background-color: var(--bs-secondary) !important; color: #000 !important; border: 1px solid #fff; border-top: 0px;  }
#nav-closescorecard .fas, #selectnewmessageimage .fas, #selectnewgif .fas, #sendmessagebtn .fas, #closechatheader .fas { color: #000 !important;  }


.toast { width:600px; }
#offlinealert { position:absolute;z-index:555; top:50px;  }
.offlinealertmaximum { left:50%;transform:translateX(-50%); width:50%;  }
.offlinealertminimized { left:5%; width:56px; height:56px;}
.offlinealertminimized { border-radius: 50% !important;}

#offlinealertheader p { margin-block-start:0em;margin-block-end:0em; padding:1rem; }
#offlinealertbody { background-color: #fff;padding:1rem;border-bottom:red 1px solid;border-left:red 1px solid;border-right:red 1px solid;}
#offlinealertbody p { color:red!important }
.offlinealertmaximum #offlinealertheader { border-radius:0.25rem; }
.offlinealertminimized #offlinealertheader { border-radius:50%; }
.offlinealertminimized #offlinealertclosebtn { display:none; }

.scorecardbtn, #eventnav .nav-link { background-color: #22285e !important; }
#scorecardinfo, #leaderboardinfo { background-color: var(--bs-primary); }

#nav-scorecard, #nav-leaderboard, #nav-details, #nav-eventdetails, #nav-eventleaderboard, #nav-eventlocation { border-right:2px solid #fff;border-bottom:1px solid #fff; background-color: var(--bs-primary);}
#scorecardnav .active,#eventnav .active { background-color: var(--bs-primary) !important; border-color:var(--bs-primary);border-right:2px solid #fff; }
/*#nav-eventdetails { border-color: var(--bs-primary); margin-left: 0px; }
#nav-eventleaderboard, #nav-eventlocation { background-color: #000; border: 1px solid #fff; }*/


/* -- details tab on score page --*/
#conflictalerts .toast, #scorecardwrapper .toast { background-color: var(--bs-primary); border: 1px solid #fff;  }
#conflictalerts .toast-header, #scorecardwrapper .toast-header { background-color: var(--bs-secondary); border-radius: 8px; margin-top: 15px; color: var(--bs-primary);   }
.toast-header .text-muted { color: #fff !important; font-weight: bold; }
#conflictalerts .toast { padding-left:0.75rem;padding-right:0.75rem;box-shadow:0 0 8px #fff; }
#conflictalerts .toast-body { color:#fff; }
.lastupdatedtext { margin-bottom: 20px; }




/* -- chat window --*/
#chatcontainer { width:90%;margin:auto;height:80%;top:8%;left:5%;background-color:var(--bs-primary);border:1px solid var(--bs-secondary);}
#chatcontainer div::-webkit-scrollbar{
  background:var(--bs-primary);
}
#chatcontainer div::-webkit-scrollbar-thumb {
  background: var(--bs-secondary);
  border-radius: 10px;
}
#chatcontainer div::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

#messagebox { background-color:#fff;}
/*#messagecontrols { background-color: } */
.messagebackground { background-color: rgba(var(--bs-primary-rgb),0.1)}
.messagebackgroundown { background-color: rgba(var(--bs-secondary-rgb),0.1)}
.messagebackground, .messagebackgroundown { margin-left:10px;margin-right:10px; }
.openchat { display:block!important }
#messagebox span, #messagebox div { color:#000; }
.messagename { font-size:16px;font-weight:500; }
.messagebody { font-size:14px; }
.messagecontainer { border:1px solid black; padding:7px; }
.messagetimestamp { font-weight:100; font-size:12px; }
#openchat, #closechat { border:none; border-radius: 50%; background-color:var(--bs-secondary); width:60px; height:60px; bottom:6%;right:5%; }
#openchat i, #closechat i { color:var(--bs-primary); }


/* -- leaderboard -- */
.scorecardrowoverviewlink { text-decoration:none; }
.scorecardrowoverviewlink { background-color:rgba(var(--bs-primary-rgb),0.7);color:#fff; }
.scorecardrowoverviewlink:hover { background-color:var(--bs-primary);color:#fff; }
.scorecardrowoverview { height:40px; }
.scorecardrowdetails { color: #fff; }
.scorecardleaderboardheading { color:var(--bs-primary);font-weight:700; }
.scorecardscores .col, .scorecardscores .col-3 { z-index:999; position:relative; border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6; }
.scorecardscoresheading { color:#fff }
.scorecardscoreshole .col { background-color:var(--bs-primary);color:#fff;}
.scorecardscorespar .col { color:#fff;}
.scorecardscoresstroke .col {}

.leaderboard { background-color:var(--bs-primary); padding: 30px; color: #fff; }
.leaderboard h1 { color: #fff; }
.leaderboard .fas { color: var(--bs-secondary); margin-right: 5px; }
.scorecardrowoverview { border-bottom: 1px solid #6B6B6B; }
.scorecardrowoverview .d-flex { border-right: 1px solid #fff; }
.scorecardscores .scorecardscoresheading { text-align: left; }
.scorecardrowdetails { background-color: var(--bs-primary); padding: 10px; margin-bottom: 20px; }
.scorecardrowdetailscontainer { border-bottom: 3px dotted #fff; }
.scorecardscoreshole .col, .scorecardscoreshole .col-3 { background-color: var(--bs-secondary); color:var(--bs-primary); }

.score-eagle { z-index:-1; background-color:rgba(var(--bs-secondary-rgb),0.9); border:2px solid var(--bs-secondary); border-radius:50%; position:absolute; height:22px; width:22px; top:50%; left:50%; transform: translate(-50%, -50%); }
.score-birdie { border:2px solid var(--bs-secondary); border-radius:50%; position:absolute; height:22px; width:22px; top:50%; left:50%; transform: translate(-50%, -50%); }
.score-bogey { border:2px solid var(--bs-secondary); position:absolute; height:22px; width:22px; top:50%; left:50%; transform: translate(-50%, -50%); }
.score-doublebogey { z-index:-1; background-color:rgba(var(--bs-secondary-rgb),0.9); border:2px solid var(--bs-secondary); position:absolute; height:22px; width:22px; top:50%; left:50%; transform: translate(-50%, -50%); }


#verifydetails p, .packagecontents p, .shoppingcart p { color: #5A5A5A; }
#sharebtn {  }



/*-- layout --*/
#content-wrapper { background: url("../images/bg.jpg") bottom right no-repeat #fff; }
/*#content { min-height:80vh; padding: 40px; padding-right: 0px; }*/
#content { min-height:80vh; padding: 30px; }

#eventinfo, .eventinfo{ background-color: var(--bs-primary); color: #fff;}
#eventinfo table, .table-striped>tbody>tr:nth-of-type(odd)>* { color: #fff; }

#nav-eventdetails { background-color: var(--bs-primary); color: #fff; }
#nextevent { margin-top: 30px; }

#edit-inviteusers { background-color: var(--bs-secondary); color:var(--bs-primary);}

/*-- policies --*/
#policycontainer { background-color:#fff;counter-reset:section!important; }
#policycontainer .list-group-item { border:none; }
#policycontainer .list-group-item::before { margin-left:-1rem;; }
#policycontainer .list-group-numbered{ counter-reset:none!important; }
#policycontainer p, #policycontainer span { color:#212529; }

/*-- FAQ --*/
#faqcontainer { min-height:40vh; }
#faqcontainer .accordion-item button { background-color:var(--bs-primary);color:#fff; }
#faqcontainer .accordion-body { background-color:rgba(var(--bs-primary-rgb),0.1) }
#faqcontainer .accordion-item button::after { background-image:none!important;font-family:"Font Awesome 5 Free";font-size:20px;font-weight:900;content: "\f107";color:var(--bs-secondary); }
#faqcontainer .accordion-item button:not(.collapsed)::after { background-image:none!important;font-family:"Font Awesome 5 Free";font-size:20px;font-weight:900;content: "\f106";color:var(--bs-secondary);transform:rotate(0deg) }

/*-- cards --*/

.product-cards { height:500px; }
.public-product-cards { height:500px; }
.card-header { background-color:var(--bs-primary); color:#fff; border-radius: 0px !important; }
.card-body { text-align:center; border-radius: 0px !important; }
.homepageevent > h1.card-header { font-size:1.5rem; }
.homepageevent h1 { font-size:1.25rem; }

.homepageevent {
       background: #0e1238;  /* fallback colour. Make sure this is just one solid colour. */
    background: -webkit-linear-gradient(rgba(14, 18, 56, 0.9), rgba(14, 152, 129, 0.9)), url("../images/golf_course_1.jpg");
    background: linear-gradient(rgba(14, 18, 56, 0.9), rgba(14, 152, 129, 0.9)), url("../images/golf_course_1.jpg"); /* The least supported option. */
 background-size: cover; }

#nextevent h5 { margin-left: 15%; margin-right: 15%;  max-width: 70%; text-align: center; background-color: var(--bs-primary); color: #fff; padding: 15px; }
#nextevent a { text-decoration: none; }

.logonboxform { margin: 40px; max-width: 450px; }
.signupbtn { margin-top: 20px; }


/*-- account page --*/
span.px-3.my-auto.text-center.tickcross { position: absolute; right: 0px; top: 7px;}
.accountdetailsform h2 { color: var(--bs-secondary);}

/* -- Wiki style pages -- */
.wikistyle h4 { border-bottom: 1px solid black;}
.wikistyle h5 { text-transform: none; display:inline-block;border-bottom:1px solid black; margin-top:1.5rem;}
.wikistyle p { color:#000; }


.right-hanging .btn {
	box-shadow:inset 0px 0px 15px 3px #0e1238;
	background-color:transparent;
	border-radius:10px;
	border:1px solid #0e1238;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:12px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #0e1238;
}
.right-hanging .btn:hover {
	background-color:transparent;
}
.right-hanging .btn:active {
	position:relative;
	top:1px;
}

.right-hanging h1, p, h2, h3, span { color: #fff; }



/*-- images --*/
img { max-width:100%; }
.profilepicimagelandscape { width:100%;height:auto;border-radius: 50%;}
.accountdetailsform .profilepicimagelandscape { max-width:200px }
.profilepicture { width:290px;height:290px;border-radius: 50%;box-shadow:0 0 0.5rem 0.25rem rgba(0,0,0,0.3); }
.profilepicturethumbnail { width:75px;height:75px;border-radius: 50%;box-shadow:0 0 0.5rem 0.25rem rgba(0,0,0,0.3); }
.profilepicturechatcontainer { width:80px;flex: 0 0 auto }
.profilepicturethumbnailchat { width:50px;height:50px;border-radius: 50%;box-shadow:0 0 0.5rem 0.25rem rgba(0,0,0,0.3); }
.eventpicture { width:100%;height:400px;border-radius: 1.5%;box-shadow:0 0 0.5rem 0.25rem rgba(0,0,0,0.3); }
.eventthumbpicture { width:150px;height:150px;border-radius: 1.5%;box-shadow:0 0 0.5rem 0.25rem rgba(0,0,0,0.3); max-width:100%;max-height:100%; }
.packageimage { width:100%;height:auto;padding:0.5rem; }
.searchpicture { width:75px;height:75px; }
.searchresultpicture { width:100%;height:auto;padding:0.5rem;min-height:300px; }
#profileimage { margin-bottom: 20px; }

/*-- videos --*/
.introVideo { width:100%;height:auto;min-height:315px; }


/*-- other --*/
.packagecontents p { font-size:1.3rem; }
.hideonmobile { }
.showonmobile { display:none; }
.holerow {  }
.holerow p { margin-block-start:0px; margin-block-end:0px; margin-bottom:0px; padding:0.2rem;}
.holeline div {text-align:center; width:100%; border:1px solid #dee2e6;}
.holeline { padding:0px; }
.holerow .rowtitle { background-color:var(--bs-primary); color:#fff; }
.totalrow .rowtitle { color:var(--bs-primary);font-weight:600; }
.freetrialprice { display:none; }

/* -- tables -- */
.table { --bs-table-bg: transparent; }
.table .fa-circle-check { color:var(--bs-success); }
.table .fa-circle-xmark { color:var(--bs-danger); }
th { color:var(--bs-primary)!important;font-weight:700; }
th div { padding-right: 20px; height: 50px; margin: auto; }
th .fa-caret-up { color:var(--bs-primary); position: absolute; top: 20%; right: 3px;}
th .fa-caret-down { color:var(--bs-primary); position: absolute; top: 50%; right: 3px;}
th a > div > p, th > div p { color:var(--bs-primary); position: relative; top: 50%; transform: translate(0, -50%); padding: 0px; margin-bottom: 0; }
tbody .even { background-color:rgba(var(--bs-primary-rgb),0.10);/*#EFF8FC;*/ }
.nohref { cursor:pointer; }

.pagination .page-link, .pagination .page-link span { color:var(--bs-primary); }
.pagination .active>.page-link { background-color:var(--bs-primary); border-color:var(--bs-primary); color:#fff; }
.page-item.disabled .page-link { background-color: #dee2e6; }
#paginationButtons .page-link { border-radius:0px;}


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

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  .card-header { font-size:calc(1.375rem + 0.75vh) }
  .leaderboard { padding:20px; }
  .scorecardrowdetailscontainer { padding-left:0px;padding-right:0px; }
  .scorecardrowdetails .col, .scorecardrowdetails .col-3 { font-size:12px }
  .score-eagle { height:18px; width:18px; }
  .score-birdie { height:18px; width:18px; }
  .score-bogey { height:18px; width:18px; }
  .score-doublebogey { height:18px; width:18px; }
  .product-cards { height:580px; }
  .public-product-cards { height:450px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .packageimage { max-width:200px;height:auto;padding:0.5rem; }
  .profilepicturethumbnail { width:50px;height:50px;}
  .hideonmobile { display:none; }
  .showonmobile { display:inherit; }
  #notificationcount { /*left:80%;*/ }
  #scorecardwrapper { padding:15px; }
  .profilepicturechatcontainer { width:50px; }
  .profilepicturethumbnailchat { width:35px;height:35px; }
  .messagename { font-size:14px; }
  .messagebody { font-size:12px; }
  footer h4 { font-size:calc(1.0rem + .3vw) }
  #viewTeeInfo .col, #viewTeeInfo .col-3 { padding-left:calc(var(--bs-gutter-x) * .1);padding-right:calc(var(--bs-gutter-x) * .1); font-size:12px; }
  .introVideo { min-height:230px; }
  .product-cards { height:450px; }
  .public-product-cards { height:400px; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .sidebar.toggled {display:block;position:absolute;top:0;left:0;width:80%;max-width:300px;opacity:1;
    transition: width 400ms 0ms, opacity 0ms 0ms;}
  .sidebar {display:block;position:absolute;width:0px;overflow:hidden;opacity:0;min-height:100vh;z-index:10;
    transition: width 200ms 0ms, opacity 0ms 400ms;}
  .navbarText { font-size:0.9rem }
  .sidebar-brand { min-height:20vh; }
  .logonboxform { max-width:100%; padding:20px 15px!important; }
  #topbar { min-height:9vh; }
  .holeline div { font-size:12px; }
  #previousholebtn { margin-right:-2rem; }
  #nextholebtn, #completescorecardbtn { margin-left:-2rem; }
  #notificationcount { /*left:90%;*/ }
  #scorecardwrapper { padding:5px; }
  .scorecardrowdetails { height:180px; }
  .scorecardrowdetails .col, .scorecardrowdetails .col-3 { padding-left:calc(var(--bs-gutter-x) * .1);padding-right:calc(var(--bs-gutter-x) * .1); font-size:12px; }

  #navbarlogo { height:50px;}
  .homebanner { background: rgb(14,18,56); background: linear-gradient(162deg, rgba(14,152,129,1), rgba(14,18,56,1) 90% );}
  .lightsplashbg { background-color: var(--bs-primary); background:linear-gradient(135deg, #5563d5 , var(--bs-secondary),#5563d5 50%)!important; }
  .homebanner img { /*max-width:70%; margin-left:15%;*/ }
  .holenumber { font-size: 3rem; height: 100px;width: 100px; padding: 8px; margin: auto; margin-top: 10px; margin-bottom: 10px; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  #eventnav .nav-link { font-size:0.70rem;padding:0.5rem; }
  #eventnav .nav-item { padding:0 0.5rem; }
  #scorecardnav .nav-item { padding:0.25rem 0.1rem;padding-bottom:0px; }
  #scorecardnav .nav-link { padding:0.25rem 0.1rem; }
  #scorecardnav .nav-link:last-child { padding:0.25rem 0.5rem; }
  #scorecardwrapper { padding:5px; }
  #previousholebtn { margin-right:0rem; }
  #nextholebtn, #completescorecardbtn { margin-left:0rem; }
  #conflictwarning { top:70px; }
  #notificationcount { /*left:90%;*/ }
  #navbarlogo { height:50px; }
  #content { padding:15px; }
  #scorecardinfo { padding-top:10px; }
  .holenumber { font-size: 3rem; height: 100px;width: 100px; padding: 8px; margin: auto; margin-top: 10px; margin-bottom: 10px; }
  #openchat, #closechat { bottom:3%; }
  .cookie-btn { width:100%; }
  .introVideo { min-height:200px; }
}