:root {
  --green: #007833;
  --blue: #004987;
  --yellow: #FFC627;
  --dark: #1a1a1a;
  --gray: #666;
  --light: #f6f6f6;
}
.btg-golf-wrapper,
.btg-golf-wrapper *{
    box-sizing:border-box;
}

.btg-golf-wrapper{
    font-family:'Inter',sans-serif;
    color:var(--dark);
    background:#fff;
}
.btg-golf-wrapper{
    margin:0;
    padding:0;
}

.vc_row,
.wpb_row{
    margin-bottom:0 !important;
}

.vc_column_container > .vc_column-inner{
    padding-left:0 !important;
    padding-right:0 !important;
}
.btg-golf-wrapper img{
    display:block;
    max-width:100%;
    height:auto;
}

/* HERO */
.hero {
  background: linear-gradient(135deg, #005a26 0%, var(--green) 50%, #004070 100%);
  color:white; padding:60px 40px; position:relative; overflow:hidden;
}
.hero-inner {
  max-width:1100px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:40px;
}
.hero-left { flex:1; }
.hero-right { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:16px; }
.ccm-placeholder {
  width:180px; height:64px; background:rgba(255,255,255,0.12);
  border:2px dashed rgba(255,255,255,0.4); border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:10px; color:rgba(255,255,255,0.6); text-align:center; padding:8px;
}
.hero-logo { width:140px; }
.hero h1 {
  font-family:'Montserrat',sans-serif; font-size:2.9rem;
  font-weight:900; line-height:1.12; margin-bottom:10px;
}
.hero h1 .white { color: #ffffff; }
.hero h1 .yellow { color:var(--yellow); }
.hero-sub {
  font-size:0.97rem; color:rgba(255,255,255,0.82);
  margin-bottom:28px; line-height:1.6;
}
.schedule-strip {
  display:inline-flex; background:rgba(0,0,0,0.22);
  border-radius:10px; overflow:hidden;
}
.sched-item {
  padding:13px 26px; text-align:center;
  border-right:1px solid rgba(255,255,255,0.18);
}
.sched-item:last-child { border-right:none; }
.sched-time {
  font-family:'Montserrat',sans-serif; font-size:1.05rem;
  font-weight:800; color:var(--yellow);
}
.sched-label {
  font-size:0.68rem; color:rgba(255,255,255,0.75);
  text-transform:uppercase; letter-spacing:0.6px; margin-top:2px;
}
.hero-right .ccm-logo{
    width:180px !important;
    max-width:180px !important;
    height:auto !important;
    display:block;
}

.hero-right .hero-logo{
    width:420px;
    max-width:100%;
    height:auto;
    display:block;
}
.hero{
    margin-top:0;
}

/* CONTENT */
.content-wrap { max-width:1100px; margin:0 auto; padding:56px 40px; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.col-label {
  font-family:'Montserrat',sans-serif; font-size:0.68rem; font-weight:700;
  letter-spacing:1.8px; text-transform:uppercase; color:var(--green); margin-bottom:6px;
}
.col-title {
  font-family:'Montserrat',sans-serif; font-size:1.4rem;
  font-weight:800; color:var(--dark); margin-bottom:14px;
}
.col-body { font-size:0.95rem; line-height:1.78; color:#444; }
.bold-highlight { font-weight:700; color:var(--dark); }
.gallery-wrap{
    max-width:1100px;
    margin:0 auto;
    padding:0 40px 56px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.gallery-item{
    overflow:hidden;
    border-radius:12px;
}

.gallery-item img{
    display:block;
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.3s;
}

.gallery-item img:hover{
    transform:scale(1.05);
}

.divider { border:none; border-top:1px solid #e0e0e0; margin:0 40px; }

/* REGISTRATION */
.reg-bg { background:var(--light); padding:56px 40px; }
.reg-inner { max-width:1100px; margin:0 auto; }
.big-heading {
  font-family:'Montserrat',sans-serif; font-size:2.4rem; font-weight:900; margin-bottom:14px;
}
.big-heading .black { color:var(--dark); }
.big-heading .grn { color:var(--green); }
.big-sub { font-size:0.92rem; color:var(--gray); margin-bottom:8px; }
.ybar { width:48px; height:4px; background:var(--yellow); border-radius:2px; margin-bottom:36px; }

.reg-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.reg-card {
  background:white; border:1.5px solid #ddd; border-radius:12px;
  padding:26px 18px; display:flex; flex-direction:column;
}
.rc-emoji { font-size:2rem; margin-bottom:10px; }
.rc-name {
  font-family:'Montserrat',sans-serif; font-size:0.97rem;
  font-weight:700; margin-bottom:4px;
}
.rc-price {
  font-family:'Montserrat',sans-serif; font-size:2rem;
  font-weight:900; margin-bottom:2px;
}
.rc-price sup { font-size:1rem; vertical-align:super; }
.rc-price.free { color:var(--green); }
.rc-note { font-size:0.75rem; color:var(--gray); margin-bottom:14px; }
.rc-features { list-style:none; flex:1; margin-bottom:20px; }
.rc-features li {
  font-size:0.82rem; color:#444; margin-bottom:6px;
  padding-left:18px; position:relative;
}
.rc-features li::before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:700; }
.btn {
  display:block; text-align:center; padding:11px 14px; border-radius:8px;
  font-family:'Montserrat',sans-serif; font-size:0.83rem; font-weight:700;
  cursor:pointer; border:none; text-decoration:none;
}

.btn-outline { background:white; color:var(--green); border:2px solid var(--green); }
.btn-yellow { background:var(--yellow); color:var(--dark); }

/* REGISTRATION CARD HOVER EFFECTS */

.reg-card {
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.reg-card:hover {
    border-color: var(--green);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.reg-card:hover .btn-outline {
    background: var(--green);
    color: white;
    border-color: var(--green);
}

/* SPONSORSHIP */
.sponsor-bg { background:white; padding:56px 40px; }
.sponsor-inner { max-width:1100px; margin:0 auto; }
.sponsor-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
/* Row 1: spans full width naturally - 3 cards */
/* Row 2: Silver, Bronze, + stacked col */
.sponsor-small-stack { display:flex; flex-direction:column; gap:18px; }
.sponsor-card {
  background:#f9f9f9; border:1.5px solid #e0e0e0;
  border-radius:12px; padding:22px; display:flex; flex-direction:column;
}
.sponsor-card.platinum { background:#f0f0f8; border-color:#9090c0; }
.sponsor-card.diamond  { background:#e8f4fb; border-color:#7ab0d0; }
.sponsor-card.gold     { background:#fdf8e8; border-color:#d4b840; }
.sponsor-card.silver   { background:#f4f4f6; border-color:#aab0bc; }
.sponsor-card.bronze   { background:#fdf0e8; border-color:#c89070; }
.sponsor-card.hole     { background:#eaf5ee; border-color:#007833; }
.sponsor-card.green-sp { background:#eaf5ee; border-color:#007833; }
.sc-header { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.sc-emoji { font-size:1.25rem; }
.sc-name {
  font-family:'Montserrat',sans-serif; font-size:0.97rem; font-weight:800; color:var(--dark);
}
.sc-price {
  font-family:'Montserrat',sans-serif; font-size:1.55rem;
  font-weight:900; color:var(--dark); margin-bottom:8px;
}
.sc-desc { font-size:0.81rem; color:#555; line-height:1.6; flex:1; margin-bottom:14px; }
.btn-sponsor {
  display:block; text-align:center; padding:10px 14px; border-radius:8px;
  font-family:'Montserrat',sans-serif; font-size:0.81rem; font-weight:700;
  background:var(--blue); color:white; border:none; cursor:pointer; width:100%;
}
.btn-cart {
  display:block; text-align:center; padding:10px 14px; border-radius:8px;
  font-family:'Montserrat',sans-serif; font-size:0.81rem; font-weight:700;
  background:white; color:var(--green); border:2px solid var(--green); cursor:pointer; width:100%;
}

/* SPONSOR HOVER EFFECTS */

.sponsor-card {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.sponsor-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
}

/* Keep each sponsor's existing color, but emphasize the border */

.sponsor-card.platinum:hover {
    border-color: #7070a0;
}

.sponsor-card.diamond:hover {
    border-color: #5799c0;
}

.sponsor-card.gold:hover {
    border-color: #b89c20;
}

.sponsor-card.silver:hover {
    border-color: #7f8795;
}

.sponsor-card.bronze:hover {
    border-color: #aa6848;
}

.sponsor-card.hole:hover,
.sponsor-card.green-sp:hover {
    border-color: var(--green);
}

/* IMPACT */
.impact { background:var(--green); color:white; padding:52px 40px; text-align:center; }
.impact h2 {
  font-family:'Montserrat',sans-serif; font-size:2rem; font-weight:900; margin-bottom:12px;
}
.impact h2 .white { color: #ffffff; }
.impact p {
  font-size:0.97rem; color:rgba(255,255,255,0.88);
  max-width:580px; margin:0 auto 28px; line-height:1.75;
}
.impact-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn-white { background:white; color:var(--green); padding:14px 32px; border-radius:8px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; border:none; cursor:pointer; }
.btn-outline-white { background:transparent; color:white; padding:14px 32px; border-radius:8px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.9rem; border:2px solid white; cursor:pointer; }

/* BOTTOM */
.bottom-bg { background:var(--light); padding:56px 40px; }
.bottom-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.contact-name { font-family:'Montserrat',sans-serif; font-weight:700; font-size:1rem; margin-bottom:2px; }
.contact-org { font-size:0.88rem; color:var(--gray); margin-bottom:16px; }
.contact-item { display:flex; align-items:center; gap:10px; font-size:0.9rem; color:var(--blue); margin-bottom:8px; }
.mail-note { margin-top:16px; font-size:0.83rem; color:var(--gray); }
.mail-note a { color:var(--green); text-decoration:underline; }
.dress-intro { font-size:0.9rem; color:#444; margin-bottom:14px; line-height:1.65; }
.dress-item { font-size:0.87rem; color:#444; margin-bottom:8px; line-height:1.6; }
.dress-item strong { color:var(--dark); }
.not-permitted {
  background:#fffbe6; border-left:4px solid var(--yellow);
  padding:12px 16px; border-radius:0 8px 8px 0;
  font-size:0.85rem; color:#555; margin-top:12px;
}
.not-permitted strong { color:var(--dark); }

footer {
  background:var(--blue); color:rgba(255,255,255,0.72);
  text-align:center; padding:20px; font-size:0.8rem;
}
footer a { color:rgba(255,255,255,0.9); }

/* =========================================================
   RESPONSIVE / MOBILE
   ========================================================= */

/* TABLET */
@media (min-width: 601px) and (max-width: 900px) {

    .hero {
        padding: 50px 30px;
    }

    .hero-inner {
        gap: 30px;
    }

    .hero h1 {
        font-size: 2.4rem;
    }

    .hero-right {
        max-width: 300px;
    }

    .content-wrap {
        padding: 48px 30px;
    }

    .reg-bg,
    .sponsor-bg,
    .bottom-bg {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Registration: 2 columns */
    .reg-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Sponsorship: 2 columns */
    .sponsor-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bottom-inner {
        gap: 30px;
    }

    .gallery-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .gallery-grid {
        gap: 14px;
    }

}

/* MOBILE */
@media (max-width: 600px) {

    /* GENERAL */

    .hero {
        padding: 40px 20px;
    }

    .hero-inner {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .hero-left {
        width: 100%;
    }

    .hero-right {
        width: 100%;
        max-width: 260px;
        order: -1;
    }

    .ccm-logo {
        max-width: 130px;
    }

    .hero-logo {
        max-width: 240px;
    }


    /* HERO */

    .hero h1 {
        font-size: 2rem;
        line-height: 1.15;
    }

    .hero-sub {
        font-size: 0.9rem;
        margin-bottom: 22px;
    }

    .schedule-strip {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sched-item {
        width: 100%;
        padding: 12px 15px;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.18);
    }

    .sched-item:last-child {
        border-bottom: none;
    }

    .sched-time {
        font-size: 1rem;
    }

    .sched-label {
        font-size: 0.65rem;
    }


    /* CONTENT */

    .content-wrap {
        padding: 40px 20px;
    }

    .two-col {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .col-title {
        font-size: 1.3rem;
    }

    .col-body {
        font-size: 0.9rem;
    }


    /* GALLERY */

    .gallery-wrap {
        padding: 0 20px 40px;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 150px;
        gap: 10px;
    }

    .gallery-item:nth-child(1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-item:nth-child(2),
    .gallery-item:nth-child(3),
    .gallery-item:nth-child(4),
    .gallery-item:nth-child(5),
    .gallery-item:nth-child(6),
    .gallery-item:nth-child(7),
    .gallery-item:nth-child(8) {
        grid-column: span 1;
    }


    /* DIVIDER */

    .divider {
        margin: 0 20px;
    }


    /* REGISTRATION */

    .reg-bg {
        padding: 40px 20px;
    }

    .big-heading {
        font-size: 1.75rem;
        line-height: 1.25;
        margin-bottom:10px;
    }
    
    .big-heading .black,
    .big-heading .grn {
        display: inline;
    }

    .big-sub {
        font-size: 0.88rem;
    }

    .reg-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .reg-card {
        padding: 24px 20px;
    }


    /* SPONSORSHIP */

    .sponsor-bg {
        padding: 40px 20px;
    }

    .sponsor-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sponsor-small-stack {
        gap: 16px;
    }

    .sponsor-card {
        padding: 20px;
    }


    /* IMPACT */

    .impact {
        padding: 42px 20px;
    }

    .impact h2 {
        font-size: 1.7rem;
    }

    .impact p {
        font-size: 0.9rem;
    }

    .impact-btns {
        flex-direction: column;
        align-items: stretch;
        max-width: 320px;
        margin: 0 auto;
    }

    .btn-white,
    .btn-outline-white {
        width: 100%;
    }


    /* CONTACT + DRESS CODE */

    .bottom-bg {
        padding: 40px 20px;
    }

    .bottom-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

}