@import url("https://use.typekit.net/sox0idg.css");

body {
  line-height:24px;
  margin:0px;
  padding:0px;
  color:#333333;
	font-family: 'indivisible', sans-serif;
  background:#fff;
}

h1 {
    font-size:1.8em;
    color:#00492B;
    line-height:1.25em;
    font-weight:400;
    margin:0px 0px 10px;
  }
@media all and (min-width:481px) {
  h1 {
    font-size:2.2em;
  }
}
@media all and (min-width:768px) {
  h1 {
    font-size:2.5em;
  }
}

h2 {
  font-size:1.4em;
  color:#bc9a6a;
  line-height:25px;
  font-weight:400;
  margin:5px 0px 10px;
}
h2.subhead {
  display: none; 
}

@media all and (min-width:481px) {
  h2 {
    font-size:2.4em;
    color:#bc9a6a;
    line-height:1em;
    font-weight:400;
    margin:10px 0px 10px;
  }
}

.ui-dialog h2 {
  font-size:2.8em;
  color:#00492B;
  line-height:40px;
  font-weight:400;
  margin:0px 0px 30px;
}

h3 {
  font-size:1.4em;
  color:#bc9a6a;
  margin-bottom: 10px;
  line-height:normal;
  font-weight:400;
}
@media all and (min-width:481px) {
  h3 {
    font-size:2.0em;
  }
}

h4 {
  font-size:1.2em;
  color:#00492B;
  margin-top: 0;
  font-weight:400;
}
@media all and (min-width:481px) {
  h4 {
    font-size:1.4em;
  }
}

h5 {
  font-size:1.6em;
  color:#00492B;
  margin:0 0 0px;
  line-height:normal;
  font-weight:400; 
}

hr {
  background:#cccccc;
}

@media all and (min-width:0px) and (max-width:480px) {
  .pillow-0-10 {
    padding:0px !important;
  }
}

ul.fixed {
  padding-left: 1.25em;
}
ul.fixed li {
   padding:0 !important;
}

/* links with icons */

a:link {
  text-decoration:underline;
  color:#00492B;
}

a:visited {
  text-decoration:none;
  color:#00492B;
}

a:hover {
  text-decoration:none;
  color:#bc9a6a;
}

a:active  {
  text-decoration:none;
  color:#bc9a6a;
}



  
/* ---------------------------------------------------------------------
 colors
--------------------------------------------------------------------- */

.white {
  color:#ffffff !important;
}

.green {
  color:#00492B !important;
}

.orange {
  color:#d2781f !important;
}

.blue {
  color:#00492B !important;
}

.red {
  color:#ce3038 !important;
}

.yellow {
  color:#00492B !important;
}

.dark-grey {
  color:#333333 !important;
}

.light-grey {
  color:#999999 !important;
}

.black {
  color:#000000 !important;
}



  
/* ---------------------------------------------------------------------
 nav 
--------------------------------------------------------------------- */

@media all and (min-width:0px) and (max-width:767px) {
  ul.nav-button li a,
  a.nav-button {
    display:none;
  }
  
  ul.nav-button li a:hover,
  a.nav-button:hover {
    display:none;
  }
}


@media all and (min-width:768px) and (max-width:2560px) {
  ul.nav-button li a,
  a.nav-button {
    margin:0 2px 0 0 !important;
    color:#333333;
    background:#00492B;
    border:1px solid #00492B;
  }
  
  ul.nav-button li a:hover,
  a.nav-button:hover {
    margin:0 2px 0 0 !important;
    color:#00492B;
    background:#333333;
    border:1px solid #00492B;
  }
  .mainLogo {
    display: none;
  }
}


/* ---------------------------------------------------------------------
header
--------------------------------------------------------------------- */


header {
  height:auto;
  padding:0px 0 0;
  width:100% !important;
}

.top-nav a.header-logo {
  position:absolute;
  top:-20px;
  left:0px;
  z-index:3;
}

@media screen and (max-width: 1024px) {
#header {
    background: #BC9B6A;
    }
}

@media screen and (max-width: 768px) {
  .slideshow {
    display: none;
  }
}

/* ---------------------------------------------------------------------
 links
--------------------------------------------------------------------- */

a {
  cursor:pointer;
  text-decoration: none !important;
}

ul.button {
  padding:0px;
  margin:0px;
  -moz-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
  display:block;
}

a.button,
input.button,
.button {
  background-color: #00492B;
  text-decoration:none;
  font-size: 1.125rem;
  padding:0.5em 1em;
  display:inline-block;
  /* -moz-transition: all 0.75s ease;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease; */
  color: #fff;
  font-family: 'ivyjournal', sans-serif;
  font-weight: 600;
  border-radius: 0.25em;
}
.button:hover {
  background-color: #bc9a6a;
}

ul.primary-button li a,
a.primary-button {
  color:#333333;
  background:#00492B;
  border:1px solid #00492B;
}

ul.primary-button li a:hover,
a.primary-button:hover {
  color:#00492B;
  background:#333333;
  border:1px solid #00492B;
}

.btn-cntnr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

input.popup-button {
  color:#333333;
  background:#00492B;
  border:1px solid #00492B;
}

input.popup-button:hover {
  color:#00492B;
  background:#333333;
  border:1px solid #00492B;
}

input.submit-button {
  color:#333333;
  background:#00492B;
  border:1px solid #00492B;
}

input.submit-button:hover {
  color:#00492B;
  border:1px solid #00492B;
  background:none;
}




@media all and (min-width:0px) and (max-width:767px){
  ul.colors-button li a,
  a.colors-button {
  display:none;
}

ul.colors-button li a:hover,
a.colors-button:hover {
    display:none;

}

ul.notes-button li a,
a.notes-button {
   display:none;

}

ul.notes-button li a:hover,
a.notes-button:hover {
   display:none;

}
}

.topLogo {
  position: absolute; 
  top: 10px; left: 10px; 
  z-index: 100; 
  width: 305px;
}
/* .toplogo img {
  -webkit-filter: drop-shadow(4px 4px 3px rgba(255, 255, 255, 0.5));
  filter: drop-shadow(4px 4px 3px rgba(255, 255, 255, 0.5));
} */
 
/*  background-color: #fff;
  border-right: 1px solid #00492b; 
  border-bottom: 1px solid #00492b*/
@media all and (max-width:768px) {
.topLogo {
  display: none;
   }
}



.section {
  width: 100%;
  background-color: #efefef;
}

.location {
  display: flex; 
  flex-direction: row;
}

.location-pic {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.location-info {
  text-align: center;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.location-info img {
  width: 211px;
}


@media all and (max-width:481px) {
  .location {
     flex-direction: column;
     text-align: center;
   }
  .location-pic {
     width: 100%;
     flex-direction: column;
     text-align: center;
   }
  .location-info {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
}
@media all and (max-width:768px) {
  .intro {
    border-top: 0.5rem solid #00492b;
  }
}


/* ---------------------------------------------------------------------
footer
--------------------------------------------------------------------- */

footer {
    background:url('../images/test.png') bottom left no-repeat;
    height:355px;
    width:100% !important;
}


.albumthumbs{width: 150px; display: inline-block; }
@media all and (max-width:481px) {
  .albumthumbs{width: 100%; display: inline-block; }
}

.small {
  font-size: .75em;
}

/*
----------
 Sponsors
----------
*/

.sponsor-slide {
  position: relative;
}
.sponsor-bg {
  filter: blur(4px);
}
.ss-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(238,238,238,0.8);
padding: 10px 10px 10px 325px;
display: flex;
  flex-direction: column;
}
.ss-content {
  padding: 1.5rem;
  padding-left: 0;
  max-height: 100%;
  overflow: hidden;
flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sponsors {
  display: flex;
  flex-wrap: wrap;
justify-content: space-around;
  flex-grow: 1;
}
.sponsor-info {
  padding: 1rem;
  width: 33%;
  display: flex;
  flex-direction: column;
}
.spnsr-logo {
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: rgba(255,255,255,0.5);
  border-radius: 1rem 1rem 0 0;
}
.sponsor-info .spnsr-logo img {
  max-height: 10vw;
  width: auto !important;
}
.sponsor-info p {
  margin: 0;
  background-color: #00492B;
  color: #fff;
  padding: 0.5rem;
  font-size: 1.25rem;
border-radius: 0 0 1rem 1rem;
}
.sponsor-info p span {
  display: block;
  font-size: 0.75em;
  opacity: 0.8;
}
.sponsor-mobile {
  text-align: center;
  display: none;
}
.sponsor-mobile h2 {
  font-size: 2rem;
  margin-top: 1em;
}
.sponsor-mobile .sponsor-info {
  width: 50%;
}
.sponsor-mobile .spnsr-logo {
  background-color: #efefef;
}
.sponsor-mobile .spnsr-logo img {
  margin: 0 auto;
  max-height: 100px !important;
  max-width: 260px;
}
.sponsor-mobile .sponsor-info p {
  font-size: 1rem;
  line-height: normal;
}
@media (max-width:1440px){
.sponsor-info .spnsr-logo img {max-height: 8vw;}
}
@media (max-width:1280px){
.ss-content h1 {font-size: 2rem;}
.sponsor-info p {font-size: 1rem; line-height: normal;}
.sponsor-info .spnsr-logo img {max-height: 6vw;}
}
@media (max-width:768px){
  .sponsor-mobile {display: block;}
}
@media (max-width:768px){
  .sponsor-mobile .sponsor-info {
    width: 100%;
}
}

/* New CSS 2025 */
h1,h2,h3,h4,h5 {font-family: 'ivyjournal', sans-serif; font-weight: 600;}

#tvcsGTNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#tvcsGTNav>a>img {
  max-height: 100px;
}

#tvcsGTNav>ul {
  list-style: none;
  margin: 0;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: wrap;
  font-family: 'ivyjournal', sans-serif;
  font-weight: 600;
}

#tvcsGTNav>ul>li>a {
  display: block;
  padding: 0.5em 1em;
  line-height: 1em;
  text-decoration: none !important;
  font-size: 1.25rem;
  border-radius: 0.25em;
}

#tvcsGTNav>ul>li>a:hover {
  /* background-color: #00492B; */
  color: #bc9a6a;
}

#tvcsGTFooter {
  background-color: #00492b;
  margin-top: 4rem;
}

#tvcsGTFooter .wrapper {
  padding: 1.5rem 1rem;
}

#tvcsGTFooter .wrapper a img {
  max-height: 100px;
}

.cc-lctn {
  position: relative;
}

.cc-lctn-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-image: url(https://www.thevillages.com/wp-content/uploads/2023/06/palmer-legends-golf-and-country-club.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cc-lctn-info {
  padding: 2rem;
  padding-left: calc(50% + 2rem);
  text-align: center;
}

.cc-lctn-info img {
  max-height: 100px;
}

.cc-lctn-info h4 {
  margin: 1em 0;
  line-height: normal;
}

@media(max-width:768px){
  #tvcsGTNav {
    flex-direction: column;
}
#tvcsGTNav>ul>li>a {
  font-size: 1rem;
}
  .cc-lctn-pic {
    position: relative;
    padding-top: 50%;
    width: 100%;
}
  .cc-lctn-info {
    padding: 2rem 0;
  }
}