/* =====================================================
   VARIABLES
   ===================================================== */

:root {
  /* Brand Colors */
  /*--color-primary: #1a3d2f;
  --color-secondary: #c8a96a;
  --color-accent: #8b0000; */

  /* Neutrals */
  --color-text: #222222;
  --color-muted: #666666;
  --color-bg: #ffffff;
  --color-border: #e5e5e5;

  /* Typography*/
  --font-body: 'Georgia;'
  --font-heading: 'Libre Baskerville;'


  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;

  /* Layout */
  --max-width: 1200px;
}

/* =====================================================
   BASE / RESET
   ===================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 18px!important;
  font-family: 'Gelasio'!important;
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.5;
}

/* =====================================================
   TYPOGRAPHY
   ===================================================== */

h1, h2, h3, h4, h5, h6 {
  font-family:'Libre Baskerville'!important;
  margin: 0 0 var(--space-md);
  color: var(--color-primary);
}

/* h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; } */

p {
  margin: 0 0 var(--space-md);
  color: var(--color-text);
}

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

a:hover {
  text-decoration: underline;
}

/* =====================================================
   LAYOUT
   ===================================================== */
/*
.container,
.page-content,
.inner-wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--space-md);
}*/

/* =====================================================
   WIDGET / COMPONENT BASE
   ===================================================== */

/* General widget spacing */
.basic-block {
  padding: var(--space-lg) 0;
}

/* Inner content */
.inner-wrap {
  position: relative;
}

/* Titles inside widgets */
.basic-block h2 {
  margin-bottom: var(--space-md);
}

/* =====================================================
   BUTTONS
   ===================================================== */

.btn,
.button {
  display: inline-block;
  padding: 10px 20px;
  background: var(--color-primary);
  color: #fff;
  border: none;
  cursor: pointer;
}

.btn:hover,
.button:hover {
  background: var(--color-secondary);
}

/* =====================================================
   UTILITIES
   ===================================================== */

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

.mt-lg {
  margin-top: var(--space-lg);
}

.mb-lg {
  margin-bottom: var(--space-lg);
}

h2{
  /* color: green !important; */
}

/* =====================================================
   DEBUG (remove before final)
   ===================================================== */

/*
* {
  outline: 1px solid red;
}
*/


.split-nav{
  position: absolute;
  top: 15px;
}
.header-space{
  height: 120px!important;
}

.scrolled-head .logo-container img {
    width: 60px;
}
.scrolled-head  .split-nav {
    top: 8px;
}
.scrolled-head ul.child-nav {
    margin-top: 54px!important;
}
ul.child-nav {
    margin-top: 73px;
    background: #000000a6;
    margin-left: 20px;
}
ul.child-nav li:first-child, ul.child-nav li:last-child{
  padding-top: 15px;
  padding-bottom: 15px;
} 
ul.child-nav li{
  padding: 10px !important;
  color: white!important;
  padding-left: 0px!important;

}
.scrolled-head .MyProfile_Member {
    top: 17px;
}

.MyProfile_Member {
    z-index: 50;
    height: 46.5px !important;
    padding: 20px !important;
    border-radius: 4px !important;
    background: #2D5016 !important;
    top: 34px;
}
.MyProfile_Name{
  color: white!important;
}


.main-banner h1 {
    line-height: 60px;
    letter-spacing: 1.2px;
    font-size: 50px;
}
.main-banner h4{
  letter-spacing:.21px;
  font-size: 18px;
  line-height: 30px;
}
.main-banner .banner-btn a{
  background-color: white;
  color: black;
  padding: 20px;
  border-radius: 4px;
  margin: 0px!important;
  margin-top: 20px!important
}
.intro-section{
  padding: 80px;
}
.intro-section h2{
  font-size: 50px;
  line-height: 70px;
  letter-spacing: 0.56px;
  color: #1A1A1A!important;
  margin: 40px 0px 10px;
  font-family: "Libre Baskerville";
}
.intro-section p{
  font-family: Gelasio;
  font-size: 18px;
  font-style: normal;
  line-height: 38px;
  letter-spacing: 0.19px;
  margin-top:30px
}
.intro-section pre{
  color: #8B7355;
font-family: Georgia;
font-size: 13px;
line-height: 19.5px; /* 150% */
letter-spacing: 2.6px;
text-transform: uppercase;
}

.bg-img-section .background-overlay{
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, #FFF 100%)!important;
}
.bg-img-section h2{
font-size: 50px;
line-height: 60px; /* 120% */
letter-spacing: 0.64px;
}
.bg-img-section h4{
font-size: 18px;
line-height: 30px; /* 195% */
}

.title-summary .sub-title{
    color: #8B7355;
    font-size: 14px;
    line-height: 0;
    letter-spacing: 2.6px;
    text-transform: uppercase;

}
.title-summary h2{
  font-size: 56px;
  line-height: 65px; 
}
.title-summary .colr-text{
  color: #2D5016;
  font-style: italic
}

.title-summary .sep-line{
 color: rgba(45, 80, 22, 0.40);
}

.title-summary p {
font-family: Gelasio;
font-size: 18px;
line-height: 36px; /* 200% */
}
.title-summary .theme-secondary{
  background: white!important;
}
.title-summary .basic-block-wrapper{
        padding: 80px 0px;
}
.title-summary .img-block{
  height: 700px!important;
  background-size: contain!important;
}
.title-summary .sep-line {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: rgba(45, 80, 22, 0.40);
}
.Amenities .container{
  width: 100%!important;
}
.Amenities .e3-table-wrap img
{
  width:100%!important;
}
.Amenities .e3-table-wrap{
  padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;  
}
.Amenities pre{
  color: #D6C3A5;
    text-align: center;
    font-size: 14px;
    line-height: 19.5px;
    letter-spacing: 2.9px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.Amenities h2{
color: #FFF;
font-size: 50px;
line-height: 55px; /* 125% */

}
.Amenities h5{
color: #FFF;
line-height: 34px; /* 200% */

}

.Amenities .e3-table-wrap:nth-child(2){
  background: #2D5016;
  padding: 0px 50px;
} 


.cta .text-block-wrapper{
  display: flex;
  justify-content: space-between;
  align-items:center;
  width: 80%;
  margin: auto;
}
.cta .inner-wrap{
  background-color: white
}
.cta h2{
color: #2D5016;
font-size: 60px;
}
.cta h2 span{
  font-style: italic;
}

.cta .btn-solid{
display: inline-flex;
padding: 14px 55.563px 17.5px 56px;
justify-content: center;
align-items: center;
font-size: 18px;
border-radius: 4px!important;
background: #2D5016!important; 
}
.cta p, .cta h2:nth-child(1) {
  display: none;
}

.quick-links h3{
  font-family: "Libre Baskerville";
  font-size: 35px!important;
  font-style: normal;
}
.quick-links .quicklink-flex-item{
  margin:.5px;
}

.footer .inner-wrap {
    background: #2D5016!important;
    color: white;
    padding: 40px 40px 20px 40px !important;
}

.footer .row{
  display: flex;
    justify-content: center;
    align-items: center;
}
.footer .e3-table-wrap img{
      width: 200px;
  margin-bottom: 10px
}
.footer pre{
  color: rgba(255, 255, 255, 0.60);
font-family: Gelasio;
font-size: 16px;
}

.copyright-section .inner-wrap {
  background: #2D5016!important;
}
.copyright-section .e3-table-wrap div{
  color: rgba(255, 255, 255, 0.60);
font-family: Gelasio;
font-size: 12px;
} 

.logo-container img{
  width: 90px
}
ul.left-nav li{
padding: 0px 20px;
color: #3A3A3A;
font-family: Gelasio;
font-size: 18px;

}
ul.right-nav li {
padding: 0px 20px;
color: #3A3A3A;
font-family: Gelasio;
font-size: 18px;

}

.Inner-banner h2{
  font-size: 60px;
   font-family: "Libre Baskerville";
}
.Inner-banner .cho-hero-textwidget-content.background-overlay {
        background: rgba(42, 42, 42, .6)!important;
    }

  .content-wrapper{
  padding: 70px 0px;
}

.guest-info h2{
  font-family: "Libre Baskerville";
  font-size: 24px!important;
}

.guest-info ul li {
    font-size: 18px !important;
    padding: 6px 0;
    line-height: 30px;
    font-family: 'Gelasio';
}

.contact-info .e3-table-wrap{
border: 1px solid #dddddd;
    padding: 35px;
    border-radius: 4px;
    margin-bottom: 20px;
    margin: 0 10px;
}
.contact-info h2{
    font-family: "Libre Baskerville";
}
.contact-info{
  padding-bottom: 0px;
}
.map{
  padding-bottom: 0px!important;
}
.map .text-block-wrapper{
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}
.map .text-block{
  padding: 0px!important;
}


.golt-verbage .e3-table-wrap div {
  font-size: 18px;
  font-family: Georgia;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0.18px;
}

.Golf-quick-links .quicklink-text-content h4 {
    font-size: 26px;
    font-family: 'Libre Baskerville';
}

.Golf-quick-links .quicklink-text-content p {
  font-size: 16px;
  font-family: 'Gelasio';
  letter-spacing: 0.19px;
}
.Golf-quick-links .quicklink-text-bg-container{
  min-height: unset!important;
}

.Golf-quick-links.pb-30{
  padding-bottom: 30px!important;
}
.Golf-quick-links .quicklink-text-container a {
    border-color: #2b7433;
    border: 1px solid green;
}
.Golf-quick-links .quicklink-text-container a:hover{
  color: white;
  background: #2b7433
}
.Golf-quick-links .quicklink-text-container a:hover p{
  color: white!important;
}
.page-Intro .btn-solid {
    padding: 14px 55.563px 17.5px 56px;
    border-radius: 4px !important;
    background: #2D5016 !important;
}
.page-Intro p {
    font-size: 18px;
      font-family: 'Gelasio';
}

.title-summary.Mga .img-block {
    height: unset !important;
    background-size: contain !important;
}
.title-summary.Mga .basic-block-wrapper {
    padding: 0px;
}
.title-summary.Mga h2 {
    font-size: 30px;
}
.title-summary.Mga ol li, .title-summary.Mga ul li{
  padding:5px;

}

.schedule-table table{
  width: 100%;
}
.schedule-table table tr td{
  padding: 8px;
}

.staff-section .contact-card-wrapper .contact-card-item {
    width: 25%!important;
    margin: 20px!important;
    border: 1px solid green !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }
    .staff-section .div-add-to-contact{
  display: none;
}


.my-gallery{
  width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}

.Gallery h2{
  display: none;
}


@media (max-width: 768px) {

  body{
    font-size: 14px!important;
  }

  .intro-section p {
    font-size: 16px;
    line-height: 26px;
}

  .main-banner h4 {
    font-size: 14px;
    line-height: 25px; 
}
.intro-section h2 {
    font-size: 36px;
    line-height: 70px;
    margin: 10px 0px 10px;
}
.bg-img-section h2 {
    font-size: 34px;
    line-height: 53.8px;
}
.bg-img-section h4 {
    font-size: 16px;
    line-height: 26px;
}
.title-summary h2 {
    font-size: 30px;
    line-height: 40px;
 
}
.title-summary p
 {
  font-size: 14px;
  line-height: 28px; 
  margin-bottom: 0px;
}
.Amenities h2 {
    font-size: 32px;
    line-height: 42px;
}
.Amenities h5 {
    font-size: 14px;
    line-height: 24px;
}
.Amenities .e3-table-wrap:nth-child(2) {
    padding: 30px;
}
.cta .text-block-wrapper {
    width: 100%;    
}
.cta h2 {
     font-size: 30px;
 
}
.title-summary .basic-block-wrapper {
    padding: 0px;
}
.quick-links h3 {
 font-size: 20px !important;
}
.footer .e3-table-wrap img {
    width: 100px;
    margin-bottom: 10px;
}
}


@media (max-width: 480px){
  .cho-hero-textwidget .cho-hero-textwidget-bg {
    min-height: 430px;
  }
.main-banner .cho-hero-textwidget-content{
  position: absolute;
    color: white;
    top: 100px;
}
  .main-banner h1 {
    line-height: 38px;
    font-size: 28px;
}
    .main-banner h4 {
        font-size: 14px;
        line-height: 25px;
    }
.cho-hero-textwidget .banner-btn .btn {
    width: 60%;
}
.intro-section {
    padding: 10px;
}

    .intro-section h2 {
        line-height: 50px;
    }

    .bg-img-section .background-overlay {
    background: unset!important;
    position: absolute;
    top: 200px;
    color: white;
}
.bg-img-section h2 {
        font-size: 28px;
        line-height: 37.8px;
    }
        .bg-img-section h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .title-summary .img-block {
    height: 460px !important;

}
    .Amenities .e3-table-wrap:nth-child(2) {
        padding: 70px 30px;
    }
    .cta .text-block-wrapper {
    display: block;
}

.footer .e3-table-wrap h3 , footer .e3-table-wrap pre, .footer .e3-table-wrap div{
  text-align: left!important;  
}
.footer .e3-table-wrap{
  margin-top: 20px;
}



 


}