@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@charset "utf-8";
html, body {height:100%; width:100%; font-family:'Libre Franklin', sans-serif; font-size:18px; color:var(--mid-grey); background-color:white; scroll-behavior:smooth;}
* {margin:0; padding:0;}
:root {
 --light-grey:#f0f1ee;
 --mid-grey:#757575;
 --dark-grey:#383838;
 --red:#cf021c;
 --dark-red:#7d0b14;
 --deep-red:#58070d;
 --light-green:#687859;
 --mid-green:#435831;
 --dark-green:#2a3b19;
}
h1, h2, h3, h4, h5 {font-family:'Libre Baskerville', serif; color:var(--mid-green); letter-spacing:0.03em;}
 h1 {margin-bottom:15px; font-size:60px; text-align:center;}
 h2 {margin-bottom:20px; font-size:36px; text-align:center;}
 h3 {margin-bottom:30px; font-size:24px; text-align:center;}
 h4 {margin-bottom:30px; font-size:24px; text-align:left;}
 h5 {width:100%; padding-bottom:15px; text-align:left; text-indent:30px; color:white; font-size:30px; font-weight:600; border-bottom:2px solid white;}
 h6 {text-align:left; margin-bottom:15px; color:white; font-size:15px; font-weight:600;}
 
a {text-decoration:none; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
a:hover {color:var(--red);}
[id] {scroll-margin-top:120px;}
p {margin-bottom:15px; padding:0; text-align:left; font-size:18px; line-height:1.8;}
p.caption {margin:10px 0; text-align:center; color:var(--mid-grey); font-size:14px; font-weight:400;}
img {width:auto; max-width:100%; height:auto;}
 
 
header {position:fixed; top:0; width:100%; padding:5px 0; text-align:center; background:rgba(255,255,255,0.95); box-shadow:0 2px 6px var(--mid-grey); z-index:100;}
 /*.head-content {display:grid; width:92%; margin:0 auto; grid-template-columns:1fr auto 1fr; justify-content:space-between;}
 
 
  #logo {max-height:110px; transition: all .3s ease;}
  #logo img {max-height:100%;}
  #logo.small {max-height:70px;}*/
  
#head-content {display:grid; width:92%; max-height:115px; margin:0 auto; grid-template-columns:1fr auto 1fr; justify-content:space-between; transition: all .3s ease;}
 #head-content.small {max-height:65px;}
 
  #logo {max-height:110px; transition: all .3s ease;}
  #logo img {max-height:100%;}
  #logo.small {max-height:70px;}
  #head-right.small {gap:5px;}
  #head-ph.small {margin-right:-15px; padding-right:0; }
  #head-ph.small p {font-size:15px; line-height:1;}
  #head-book.small a {width:160px; padding:8px 5px; font-size:15px;border-radius:25px;}
  
  
  
  
/*  #head-content.small > #logo img {max-height:70px; transition: all .3s ease;} 
  #head-content.small > .head-right {gap:10px;}
  #head-content.small > .head-ph p {font-size:15px; line-height:1;}
  #head-content.small > .head-book a {padding:8px 5px; font-size:15px;}*/
 
  .navicon {display:flex; width:60px; align-items:center; justify-content:center; flex-direction:column; cursor:pointer;}
  .navicon p {margin:0; text-align:center; font-size:12px; color:var(--mid-green); letter-spacing: 0.15em; line-height:1; }
  .navicon:hover p {color:var(--red);}

  .navbtn {width:60px; padding-top:45px; background-image:url(../graphics/Menu-Btn.png); background-position:top center; background-repeat:no-repeat; transition: all .2s ease;}
  .navbtn:hover {background-image:url(../graphics/Menu-Btn-R.png);}
  
.sidenav {
    height: 100vh;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
	background:var(--deep-red) url(../graphics/Menu-bg.png) repeat;
    overflow-x: hidden;
    transition: 0.75s;
    padding-top: 60px;
	margin-bottom:50px;
	z-index:1000;
}

.sidenav a {text-decoration:none; outline:none; border:none;}
.sidenav img {height:80px;}

.closer {display:flex; margin:-45px auto 60px auto; padding-bottom:5px; width:976px; cursor:pointer; justify-content:space-between; overflow:hidden;}
 .closer .closebtn {position: relative; float:right; margin-top:-20px; padding-right:5px; padding-bottom:25px; height:47px; font-size: 64px; font-weight:300; color:#fff;}
 .closebtn:hover {color:var(--orange);}
 .closer img {max-height:50px;} 
 
.main-nav {display:flex; max-width:1020px; margin:0 auto; padding-bottom:60px; flex-direction:column; justify-content:flex-start; row-gap:45px;}
 .main-nav-content {display:grid; padding-bottom:30px; grid-template-columns:1fr; place-items:center stretch; gap:25px;}
 .main-nav-links {display:flex; flex-wrap:wrap; align-items:stretch; align-content:flex-start; justify-content:flex-start; gap:25px 20px;}
  .main-nav-links a {display:inline-block; width:220px; padding:12px 8px; text-align:center; color:white; font-size:15px; font-weight:800; background-color:var(--dark-red); border-radius:30px; border: 1px solid var(--light-grey); box-shadow: 1px 2px 5px var(--dark-grey); letter-spacing: 0.06em;}
  .main-nav-links a:hover {background-color:var(--deep-red);}
  .main-nav-info {display:block; margin-top:2px; text-align:center; color:var(--light-grey); font-size:11px; font-weight:400; letter-spacing:normal;}

#head-right {display:flex; align-items:center; align-content:flex-end; justify-content:flex-end; gap:30px;}
 #head-ph {display:flex; width:180px; align-items:center; gap:10px;}
 #head-ph img {width:18px; height:18px;}
 #head-ph p {display:inline; margin-bottom:0; color:var(--red); font-size:18px; font-weight:600; letter-spacing:0.05em;}
 #head-book {}
 #head-book a {display:inline-block; width:180px; padding:15px 5px; color:white; font-size:18px; font-weight:600; letter-spacing:0.05em; background-color:var(--light-green); border-radius:35px;}
 .head-book a:hover {background-color:var(--red);}
 
.home-msg {display:block; padding:5px 0; width:100%; text-align:center; background-color:var(--dark-red); border-top:2px solid white;}
 .home-msg p {margin:0 auto; padding:10px 0; max-width:80%; text-align:center; color:white; font-size:21px; font-weight:600;}
.home-main {display:block; margin:30px auto; padding:30px 0; width:60%; text-align:center;}
 .home-main h2 {padding-bottom:20px;}
 .home-main p {text-align:center; font-size:21px;}
 
 .sponsor {padding:20px 0;}
 .sponsor h3 {text-transform:uppercase;}
 .home-sponsor {display:block; width:85%; margin:10px auto; text-align:right;}
 .home-sponsor a {display:inline-block; padding:20px 0; text-align:right; font-size:14px; color:var(--mid-green);}
 .home-sponsor a:hover {color:var(--red);}

.home-row {display:grid; width:100%; /*height:520px;*/ margin:45px 0 90px 0; grid-template-columns:1fr 1fr;}
 .home-row-left {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover !important;}
 .home-row-right {display:grid; width:100%; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;}
  .home-block {display:flex; min-height:240px; padding:30px; flex-direction:column; align-items:center; align-content:center; justify-content:center;}
  .home-block {text-align:center; color:white; font-size:16px; font-weight:600; text-transform:uppercase;}
  .home-block img {width:72px; height:72px;}
  .home-block p {margin:20px auto 25px auto; text-align:center; line-height:1;}
   .light-block {background-color:var(--light-green); transition: all .3s ease;}
   .dark-block {background-color:var(--mid-green); transition: all .3s ease;}
   .light-block:hover, .dark-block:hover {background-color:var(--dark-green);}
   .block-btn {display:inline-block; width:120px; margin:0 auto; padding:6px; text-align:center; font-size:10px; background-color:var(--dark-green); border:1px solid white; border-radius:15px;}
   .light-block:hover > .block-btn, .dark-block:hover > .block-btn {background-color:var(--red);}
   
.home-map {
  margin-top:45px;
  width: 100%;
  height: 0;
  padding-bottom: 30%;
  position: relative;
  overflow: hidden;
  border-top:5px solid var(--light-green);
}

.home-map iframe, .overlay {
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}


.top-content {display:block; padding:220px 10px 30px 10px; background-color:var(--mid-green);}
 .top-content h1 {color:white; font-size:48px;}
 .top-content h2 {color:white; font-size:24px;}

/*.row {width:100%; padding:30px 0; text-align:center;}*/
.content {display:grid; width:70%; margin:0 auto; padding:60px 0; grid-template-columns:60% 40%; place-items:center; gap:40px;}
 .content a {display:block; margin:0 auto 20px auto; width:300px; padding:20px 30px; text-align:center; color:white; background-color:var(--mid-green); font-size:16px; font-weight:600; border-radius:35px;} 
 .content a:hover {background-color:var(--red);}
 .content > div img {max-width:460px;}
 
.content-half {display:grid; width:60%; margin:0 auto; padding:45px 0; grid-template-columns:1fr 1fr; place-items:start center; gap:40px;}
 .content-half-top {width:100%; margin-bottom:-30px; text-align:left; grid-column: span 2;}
 .content-half ul {margin:0 auto 30px auto; padding-left:30px; list-style:none; text-align:center;}
 .content-half li::before {content: '✓'; display: inline-block; width: 1.5em; margin-left: -1.5em; color: var(--red); font-size: 21px; font-weight: 800;}
 .content-half ul li {margin-bottom:10px; padding-left:20px; text-align:left; color:var(--dark-green); font-size:18px; font-weight:500;} 
 .content-half-top a {display:block; margin:0 auto 30px auto; width:300px; padding:20px 30px; text-align:center; color:white; background-color:var(--mid-green); font-size:16px; font-weight:600; border-radius:35px;} 
 .content-half-top a:hover {background-color:var(--red);}
 
 .content-main {display:block; margin:30px auto; padding:30px 0; width:50%; text-align:center;}
 .content-main p {text-align:center; font-size:21px; font-weight:500;}
 .content-main hr {display:block; margin:30px auto 15px auto; width:300px; border:none; outline:none; box-shadow:none; border-top:2px dashed var(--light-green);} 
 
.content-history {display:grid; width:70%; margin:0 auto; padding:45px 0; grid-template-columns:auto auto; place-items:start center; gap:40px;}
 .content-history-top {width:100%; margin-bottom:-30px; text-align:left; grid-column: span 2;}
 .content-history em.quote {display:block; margin:20px auto; padding:0 30px; font-size:16px; font-weight:500; line-height:1.3; font-style:italic;}
 .content-history img {max-width:450px;}
 .content-history p.caption {margin:5px 0; max-width:440px; text-align:center; color:var(--light-green); font-size:12px; font-weight:400; font-style:italic;}
  .content-main p {text-align:center; font-size:21px; font-weight:500;}
  .content-history hr {display:block; grid-column: span 2; margin:30px auto 0 auto; width:300px; border:none; outline:none; box-shadow:none; border-top:1px dashed var(--light-green);}


.sponsors-wrap {display:flex; width:98%; margin:0 auto; padding-bottom:90px; align-items:center; align-content:center; justify-content:center;}
/*.sponsor-logos {display:flex; width:90%; margin:0 auto; padding:60px 0 90px 0; flex-wrap:wrap; align-items:center; align-content:center; justify-content:flex-start; gap:75px 50px;}*/
.sponsor-logos {display:inline-grid; gap:75px 50px; grid-template-columns:repeat(6,auto); place-items:center;}
 .sponsor-logos img {width:240px;}
 .sponsor-logos a {padding-bottom:5px; border-bottom:2px solid white;}
 .sponsor-logos a:hover {border-bottom:2px solid var(--red); opacity:0.8;}

/*.news-items {display:flex; width:90%; margin:0 auto; padding:60px 0 90px 0; flex-wrap:wrap; align-items:stretch; align-content:center; justify-content:flex-start; gap:27px;}*/
.news-items {display:grid; width:80%; margin:0 auto; padding:60px 0 90px 0; grid-template-columns:1fr 1fr 1fr 1fr; place-items:center; gap:25px;}

 .news-items a {display:inline-block; width:290px; padding:15px; text-align:center; color:var(--mid-green); font-size:15px; font-weight:600; border:1px solid var(--mid-green); background-color:var(--light-grey); border-radius:25px;}
 .news-items a:hover {color:white; background-color:var(--red); border-color:var(--red);}
 
.clubs-state {display:block; width:80%; margin:0 auto;}
/*.clubs-wrap {display:flex; width:80%; margin:0 auto; padding-bottom:90px; flex-wrap:wrap; align-items:stretch; align-content:center; justify-content:flex-start; gap:25px;}*/

.clubs-wrap {display:grid; width:70%; margin:0 auto; padding-bottom:90px; grid-template-columns:1fr 1fr 1fr; place-items:center; gap:20px;}
 
 
 .club-item {display:grid; width:368px; padding:20px 15px; grid-template-columns:1fr 1fr; gap:15px; color:var(--mid-green); background-color:var(--light-grey); border:1px solid var(--mid-green); border-radius:12px;}
 .club-item:hover {color:white; background-color:var(--red); border-color:var(--red);} 
  .club-name {text-align:left; font-size:18px; font-weight:600;}
  .club-phone {text-align:right; font-size:18px; font-weight:600;}
  .club-address {padding-top:10px; text-align:left; font-size:13px; grid-column: span 2; }
  
.course-wrap {display:flex; width:90%; margin:0 auto; padding:60px 0 90px 0; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; gap:20px;}
 .course-link {display:inline-block; position:relative; width:240px; height:160px; overflow:hidden;}
 .course-link img {width:240px; height:auto; transition: all .2s ease;}
 .course-link p {position:absolute; bottom:-5px; width:100%; padding:6px 0; text-align:center; color:white; font-size:18px; font-weight:600; background:rgba(42,59,25,0.5); transition: all .2s ease;} 
 .course-link:hover img {filter: grayscale(100%);}
 .course-link:hover p {background:rgba(207,2,28,0.5);}
 
.hole-wrap {display:grid; width:1000px; margin:0 auto; padding:30px 0 60px 0; grid-template-columns:65% 30%; gap:60px;}
/* .hole-details {display:grid; width:480px; height:80px; padding-bottom:45px; grid-template-columns:1fr 1fr; align-content:end; gap:60px;}
  .hole-tees {display:flex; align-items:center; justify-content:flex-start; gap:20px; color:var(--dark-green); font-size:16px; text-align:center; font-weight:600;}
  .hole-tees img {width:30px; height:30px;} 
  .hole-par {display:flex; align-items:center;}
  .hole-par p {margin-bottom:0; color:var(--dark-green); font-size:21px; font-weight:600; line-height:1.3;}*/
  
  .hole-details {display:grid; width:240px; /*height:80px;*/ padding-bottom:45px; grid-template-columns:1fr; align-content:start; gap:30px;}
  .hole-tees {display:flex; padding-top:10px; align-items:center; justify-content:flex-start; gap:20px; color:var(--dark-green); font-size:16px; text-align:center; font-weight:600;}
  .hole-tees img {width:30px; height:30px;} 
  .hole-par {display:flex; align-items:center;}
  .hole-par p {margin-bottom:0; padding-left:10px; color:var(--dark-green); font-size:21px; font-weight:600; line-height:1.4;}
  .hole-details h4 {margin-bottom:0; padding-left:10px;}
  
  .hole-map {display:flex; margin:0 auto; max-width:300px;}
  .hole-sponsor {display:flex; width:220px; margin:30px auto 0 auto; flex-direction:column; row-gap:25px;}
  .hole-sponsor img {width:220px;}
  .hole-text {padding-bottom:45px;}
  .hole-vid {display:block; width:600px; margin:0 auto 20px auto;}
  .hole-pic {display:flex; width:600px; margin:0 auto; flex-direction:column; gap:20px;}
  .crumbs-top {display:block; width:90%; margin:0 auto; padding:30px 0; text-align:left;}
   .crumbs-top a {display:inline-block; padding:10px 15px; text-align:left; font-size:13px; color:var(--light-green);}
   .crumbs-top a:hover {color:var(--red);}
  .crumbs-btm {display:block; width:100%; padding:20px 0; text-align:center; background-color:var(--light-grey);}
   .crumbs-btm a {display:inline-block; padding:10px 20px; text-align:center; font-size:15px; color:var(--light-green);}
   .crumbs-btm a:hover {color:var(--red);}
  
.vidContainer {
	margin:0 auto;
	width:100%;
	height:auto;
}  
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; line-height:0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.comps-top {display:block; width:60%; margin:0 auto;}
.comps-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr; row-gap:15px;}
 .comp-row {display:grid; grid-template-columns:12% 33% auto; column-gap:2px;}
  .comp-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  .comp-row p {margin-bottom:0; font-size:16px; line-height:1.6;}
  .comp-row p em {font-size:14px;}
 .comp-note-row {display:grid; grid-template-columns:25% auto; column-gap:2px;} 
 .comp-note-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  .comp-note-row p {margin-bottom:0; font-size:16px; line-height:1.6;}

.fees-top {display:block; width:60%; margin:0 auto;}
.fees-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr 1fr; column-gap:30px;}
 .fees-row {display:grid; margin-bottom:2px; grid-template-columns:70% 30%; column-gap:2px;}
 .fees-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}

.times-top {display:block; width:60%; margin:0 auto;}
.times-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr; row-gap:5px;}
 .times-row {display:grid; grid-template-columns:15% 35% auto; column-gap:2px;}
  .times-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
/*  .times-row p {margin-bottom:0; font-size:16px; line-height:1.6;}
  .times-row p em {font-size:14px;}*/
.house-wrap {width:100%;}  
  .house-row {display:grid; margin-bottom:4px; grid-template-columns:30% auto; column-gap:2px;}
  .house-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  
.records {}
.records h4 {margin-bottom:20px; font-size:24px; text-align:left; color:var(--dark-red);}
.records p {margin-bottom:10px; color:var(--dark-green); font-weight:600; line-height:1;}
.records p.date {font-size:13px; margin-bottom:0; font-weight:400;}

.contact {text-align:center;}
.contact p {text-align:center;}

.notices {display:flex; width:50%; margin:90px auto 60px auto; flex-direction:column; justify-content:flex-start; row-gap:60px;}
.notices a {display:block; margin:30px 0; width:240px; padding:20px 30px; text-align:center; color:white; background-color:var(--mid-green); font-size:16px; font-weight:600; border-radius:35px;} 
.notices a:hover {background-color:var(--red);}


footer {width:100%; padding:45px 0 60px 0; background-color:var(--dark-green); border-top:2px solid white;}
.sub-foot {display:grid; width:100%; padding:10px 0; grid-template-columns:1fr 1fr; place-items:center; background-color:var(--light-green); text-align:center;}
.sub-foot p {display:inline; text-align:center; font-size:11px; color:white;}
.sub-foot a {display:inline-block; text-align:center; color:white;}
.sub-foot a:hover {color:var(--red);}
 .foot-content {display:grid; width:94%; margin:0 auto; grid-template-columns:15% auto 40% 15%; gap:30px;}
 .foot-content p {color:white; font-size:13px;}
 .foot-logo {}
 .foot-menu {display:flex; max-width:540px; margin:0 auto; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; gap:10px 20px;}
  .foot-menu a {display:inline-block; width:155px; padding:5px 5px 10px 5px; text-align:left; color:white; font-size:11px; text-transform:uppercase; font-weight:600; border-bottom:1px solid var(--mid-green);} 
  .foot-menu a:hover {color:var(--red); border-bottom:1px solid var(--red);}
 
 address {text-align:center; width:100%;}
 address p {margin-bottom:15px; text-align:center; color:white; font-size:14px; font-style:normal; font-weight:600; line-height:1.6;}
 .social {display:flex; margin:0 auto; padding-top:20px; align-items:center; justify-content:space-around; gap:15px;}
 .social img {width:40px; height:40px;}
 .social img:hover {opacity:0.9; transition: all .3s ease;}

@media screen and (max-width:1536px) {
.content {width:80%; grid-template-columns:1fr auto;}
.sponsor-logos {grid-template-columns: repeat(4,auto);}
.content-main {width:80%;}
.content-history {width:90%;}
.content-half {width:80%;}
.news-items {width:96%; grid-template-columns:1fr 1fr 1fr; gap:25px;}
.clubs-wrap {width:94%; gap:15px 10px;}
.club-item {width:340px; padding:20px 8px; gap:15px 5px;}
.club-name {font-size:16px;}
.club-phone {font-size:16px;}
.club-address {font-size:12px;}

.fees-top {width:80%;}
.fees-wrap {width:80%;}
.comps-top {width:80%;}
.comps-wrap {width:80%;}
.times-top {width:80%;}
.times-wrap {width:80%;}
}
 
@media screen and (max-width:1140px) { 
#head-content {display:grid; width:96%; /*margin:0 auto; grid-template-columns:280px auto 280px;*/}
#head-right {flex-direction:column; align-items:flex-end; gap:10px; padding-bottom:10px;}
#head-ph {padding-right:6px;}

.home-main {width:80%;}
.home-map {padding-bottom:40%;}
.content {width:94%; place-items:normal;}
.content-history {width:94%;}
.content-history img {max-width:400px;}
.content-half {width:94%;}
.news-items a {width:280px; font-size:14px;}
.clubs-wrap {grid-template-columns:1fr 1fr;}
.fees-top {width:90%;}
.fees-wrap {width:90%;}
.comps-top {width:90%;}
.comps-wrap {width:90%;}
.times-top {width:90%;}
.times-wrap {width:90%;}
.notices {display: flex; width: 94%; margin: 60px auto 45px auto;  row-gap: 45px;}
}

@media screen and (max-width:1024px) { 
#head-content {width:90%; /*grid-template-columns:170px auto 200px;*/}
#head-ph p {width:100%; text-align:center; font-size:16px;}
#head-book a {width:160px; font-size:16px;}

.closer {width:96%;}
.main-nav {max-width:760px;}


.home-main {width:90%;}
.home-map {padding-bottom:50%;}

.top-content {padding:160px 10px 30px 10px;}
 .top-content h1 {font-size:32px; margin-bottom:20px;}
 .top-content h2 {font-size:18px;}
 
.content-main {width:92%;}
.content-main hr {width:280px;} 

.content {grid-template-columns:1fr; place-items:center;}
.content > div img {max-width:100%;}
.sponsor-logos {grid-template-columns: repeat(3,auto);}
.sponsor-logos img {width:200px;}
.content-history img {max-width:320px;}
.news-items {grid-template-columns:1fr 1fr; gap:20px;}
.news-items a {width:300px; font-size:14px;}
.clubs-state {width:90%;}

.hole-wrap {width:96%; gap:30px;}
 
  .hole-map {display:flex; margin:0 auto; max-width:300px;}
  .hole-sponsor {width:220px;}
  .hole-sponsor img {width:200px;}
  .hole-vid {width:480px;}
  .hole-pic {width:480px;}
  .crumbs-top {width:94%; text-align:center;}
  
.fees-top {width:96%;}
.fees-wrap {width:96%;}
.comps-top {width:96%;}
.comps-wrap {width:96%;}
 .comp-row {grid-template-columns:17% 33% auto}
 .comp-row > div {padding:15px 5px 15px 10px; font-size:15px;}
.times-top {width:96%;}
.times-wrap {width:96%;}
.times-row {grid-template-columns:16% 35% auto;}

.house-row {grid-template-columns:33% auto;}
.house-row > div {padding:15px 5px 15px 10px; font-size:15px;}

.foot-content {width:92%; grid-template-columns:1fr 1fr; place-items:normal; gap:120px 30px;}
.foot-menu {max-width:90%;}
}

@media screen and (max-width:768px) {
.main-nav {max-width:500px;}
.main-nav-links {gap:20px 15px;}	
h1 {font-size:48px;}
h2 {font-size:30px;}
#head-content {width:84%; /*grid-template-columns: 110px auto 160px;*/}
#head-ph {width:154px; padding:0;}
#head-ph img {display:none;}
#head-book a {width:140px; font-size:14px;}
.home-main {width:96%;}
.home-main p {font-size:18px;} 
.home-row {grid-template-columns:1fr;}
.home-row-left {display:none;}

.home-map {padding-bottom:65%;}

.content-history {display:grid; width:94%; padding:30px 0; grid-template-columns:1fr; place-items:center center; gap:30px; text-align:center;}
 .content-history-top {grid-column: span 1;}
 .content-history img {max-width:90%;}
 .content-history p.caption {max-width:100%; text-align:center;}
  .content-history hr {grid-column: span 1;}
  
.content-half {padding:45px 0; grid-template-columns:1fr; place-items:center; gap:40px;}
 .content-half-top {/*width:100%; margin-bottom:-30px; text-align:left; */grid-column: span 1;}
 .content-half ul {margin:0 auto 30px auto; padding-left:30px; list-style:none; text-align:center;}
 .content-half li::before {content: '✓'; display: inline-block; width: 1.5em; margin-left: -1.5em; color: var(--red); font-size: 21px; font-weight: 800;}
 .content-half ul li {margin-bottom:10px; padding-left:20px; text-align:left; color:var(--dark-green); font-size:18px; font-weight:500;} 
 .content-half-top a {display:block; margin:0 auto 30px auto; width:300px; padding:20px 30px; text-align:center; color:white; background-color:var(--mid-green); font-size:16px; font-weight:600; border-radius:35px;} 
 .content-half-top a:hover {background-color:var(--red);}

.news-items {grid-template-columns:1fr; gap:15px;}
.news-items a {width:90%; font-size:14px;}
.clubs-state h4 {text-align:center;}
.clubs-wrap {grid-template-columns:1fr;}
.club-item {width:350px; padding:20px 10px;}

.hole-wrap {grid-template-columns:1fr;}
 
  .hole-map {display:flex; margin:0 auto; max-width:80%;}
  .hole-sponsor {width:100%; margin:30px auto; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:15px;}
  .hole-sponsor img {width:45%;}
  .hole-vid {width:100%;}
  .hole-pic {width:100%;}
  
.fees-wrap {grid-template-columns:1fr;}
.times-row {grid-template-columns: 17% 33% auto;}
.times-row > div {padding:15px 8px;font-size:15px;}

.foot-menu {align-content:flex-start; justify-content:center; gap:20px; grid-column: span 2;}
.foot-menu a {text-align:center;}
address {grid-column: span 2;}
.social {max-width:300px; gap:20px;}
.sub-foot {grid-template-columns:1fr; gap:40px;}
}

@media screen and (max-width:640px) {
 #head-content {display:grid; width:92%; margin:0 auto; grid-template-columns:auto 140px; /*direction:rtl;*/ justify-content:space-between; }
 #head-right {display:none;}
.comp-note-row {grid-template-columns:1fr; row-gap: 2px;}
}

@media screen and (max-width:579px) {
h1 {font-size:36px;}
h2 {font-size:24px;}
#head-content {grid-template-columns:auto 100px;}
#logo {max-height:60px;}
.home-map {padding-bottom:100%;}
.sponsor-logos {grid-template-columns: repeat(2,auto);}
.sponsor-logos img {width:200px;}
.top-content {padding:130px 10px 20px 10px;}
 .top-content h1 {font-size:27px; margin-bottom:20px;}
 .top-content h2 {font-size:15px;}
 
.times-row {margin-bottom:12px; grid-template-columns:40% 60%; column-gap:2px; row-gap:2px;}
.times-hide {display:none !important;} 
 .times-av {grid-column: span 2;}
.comp-row {grid-template-columns:26% auto; row-gap:2px; margin-bottom:15px;} 
 .comp-row > div {padding:15px 5px 15px 10px;}
 .comp-time {grid-column: span 2;}
 
 
.foot-content {width:96%; grid-template-columns:1fr; gap:40px;}	
.foot-logo {display:flex; justify-content:center;}
.foot-menu {grid-column: span 1;}
.foot-menu a {text-align:center;}
address {grid-column: span 1;}
}
@media screen and (max-width:520px) {
.main-nav {max-width:98%; padding-bottom:150px;}
.main-nav-content h5 {text-indent:0; text-align:center; font-size:21px;}
.main-nav-links {align-content:center; justify-content:center;}
.main-nav-links a {width:90%; min-width:280px; padding:12px 1%;}
.crumbs-btm a {padding:10px 10px; font-size:13px;}
 .house-row {grid-template-columns: 36% auto;}
}

@media screen and (max-width:400px) {
.home-row-right {grid-template-columns:1fr;}
.home-block {border-bottom:2px solid white;}
.content a {width:280px; padding:20px 10px;}

.club-item {width:274px; padding:20px 10px; grid-template-columns:1fr;}
.club-name {font-size:20px;}
.club-phone {text-align:left;}
.club-address {grid-column: span 1;}

.crumbs-top a {padding:10px 5px; font-size:11px;}
.crumbs-btm a {padding:10px 5px; font-size:11px;}
}

/*.comps-top {display:block; width:60%; margin:0 auto;}
.comps-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr; row-gap:15px;}
 .comp-row {display:grid; grid-template-columns:12% 33% auto; column-gap:2px;}
  .comp-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  .comp-row p {margin-bottom:0; font-size:16px; line-height:1.6;}
  .comp-row p em {font-size:14px;}
 .comp-note-row {display:grid; grid-template-columns:25% auto; column-gap:2px;} 
 .comp-note-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  .comp-note-row p {margin-bottom:0; font-size:16px; line-height:1.6;}

.fees-top {display:block; width:60%; margin:0 auto;}
.fees-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr 1fr; column-gap:30px;}
 .fees-row {display:grid; margin-bottom:2px; grid-template-columns:70% 30%; column-gap:2px;}
 .fees-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}

.times-top {display:block; width:60%; margin:0 auto;}
.times-wrap {display:grid; width:60%; margin:0 auto 45px auto; grid-template-columns:1fr; row-gap:5px;}
 .times-row {display:grid; grid-template-columns:15% 35% auto; column-gap:2px;}
  .times-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}
  .house-row {display:grid; margin-bottom:4px; grid-template-columns:30% auto; column-gap:2px;}
  .house-row > div {display:inline-block; padding:15px 20px; text-align:left; font-size:16px; color:var(--dark-green); background-color:var(--light-grey);}*/