/*Background Color */
.watermark {
 background-color: #EAEAEE;
}

.center-col {
max-width: 100%;
}
/* ──────────────────────────────────────────────────────────────
   1.  Make the logo / donate row a positioning context
   ────────────────────────────────────────────────────────────── */
#full_width-508297456 {        /* row with logo + Donate */
    position: relative;        /* reference box for abs-pos children */
    display: flex;             /* lets logo block and donate button align neatly */
    justify-content: center;   /* keep existing centred look */
    align-items: center;
    flex-wrap: wrap;           /* stay tidy on very wide screens */
}

/* ──────────────────────────────────────────────────────────────
   2.  Re-locate the menu-widget into that same row, on the left
   ────────────────────────────────────────────────────────────── */


/* lay the list items out horizontally */
#full_width-1831958202 .site-menu {
    display: flex;
    gap: 1.25rem;              /* even spacing between menu items     */
    margin: 0;
    padding: 0;
}

/* make sure submenu dropdowns still work */
#full_width-1831958202 .sub-menu {
    position: absolute;        /* retain ClubExpress default */
}

/* ──────────────────────────────────────────────────────────────
   3.  Earlier “mobile” break-point so the menu never overlays the logo
   ────────────────────────────────────────────────────────────── */
@media (max-width: 1875px) {   /* adjust to taste */
    /* hide the wide menu sooner */
    #full_width-1831958202 .site-menu { 
        display: none;         /* rely on ClubExpress hamburger toggle */
    }
    /* keep the hamburger visible */
    #full_width-1831958202 .menutoggle { 
        display: inline-flex; 
        cursor: pointer;
        align-items: center;
    }

    /* restore the black bar look on small screens */
    #full_width-1831958202 { 
        position: relative;    /* drop back into normal flow */
        top: 0; left: 0; 
        transform: none;
        width: 100%;
        padding: .5rem 0;
        justify-content: center;
    }
}

/* ──────────────────────────────────────────────────────────────
   4.  Cosmetic tweaks (optional)
   ────────────────────────────────────────────────────────────── */
#full_width-1831958202 .menutoggle span.material-icons {
    font-size: 32px;           /* larger hamburger if you like */
    color: #000;               /* matches logo row text colour */
}

@media (max-width: 600px) {
    /* stack logo and donate button when really narrow */
    #full_width-508297456 { flex-direction: column; gap: .75rem; }
}

  /* Pin ONLY the PayPal Donate button in that corner */
  .template-column.full .ce-button[href*="paypal"]{
    position: absolute;           /* inside the .template-column box */
    top: 0.5rem;                  /* distance from top edge of the div  */
    right: 5.0rem;                /* distance from right edge of the div */
    z-index: 10;                  /* keeps it above the logo, etc.       */
  }

.ce-button span {
    padding-left: 20px;
    padding-right: 20px;
    
}

#full_width-1831958202 ul.site-menu li {
    padding: 0px;
    line-height: 30px;
    background-color: #FFF;
    margin: 0px 0px 0px 2px;
    border-right: none;
    color: #000;
    background-image: none;
}

.build-row.YBME_Center_Element{
  width: 80%;        /* make the row 80 % as wide as its parent */
  margin: 0 auto;    /* left + right auto → centers it horizontally */
}

.YBME_Text_Box{
  padding: 55px;
}


.YBME_About{
   display:flex;             /* turn the column into a flexbox            */
  flex-direction:column;    /* keep paragraphs stacked top-to-bottom     */
  justify-content:center;   /* ⬆️  vertical centering inside the column  */
  padding:70px;     /* 1.5 rem top/bottom  2 rem left/right */
}

@media (max-width: 868px){
padding:50px;
}

/* Optional: consistent spacing between paragraphs */
.YBME_About p{
  margin-bottom:1rem;
}

.build-column.full.YBME_About_Title{
  /* sizing / placement */
  width: 70%;          /* 70 % as wide as the row */
  max-width: 100%;     /* never exceed the viewport */
  margin: 0 auto;      /* centers the column itself */

  /* flex centering */
  display: flex;       
  justify-content: center;  /* horizontal centering  */
  align-items:   center;    /* vertical   centering  */
  flex-direction: column;   /* keep inner items stacked */

  /* optional aesthetics */
  text-align: center;   /* center inline text */
  padding: 1.5rem 0;    /* breathing room above/below */
}

.YBME_gray_overlay .hero{
  position: relative;          /* anchor for overlay + text layers */
}

/* 1️⃣  Semi-transparent grey layer */
.YBME_gray_overlay .hero::before{
  content: "";
  position: absolute;
  inset: 0;                    /* stretch to all four edges */
  background: rgba(0,0,0,.20); /* grey @ 45 % opacity – adjust alpha as needed */
  z-index: 1;                  /* sits *below* the text but above the image */
}

/* 2️⃣  Text container always on top */
.YBME_gray_overlay .hero-text{
  position: relative;          /* create its own stacking context */
  z-index: 2;                  /* higher than ::before overlay   */
}

/* (Optional) keep links/buttons clickable through the overlay */
.YBME_gray_overlay .hero::before{
  pointer-events:none;
}

/* ─── YBME hero button styling ─────────────────────────────────── */
#full_width-508297456 > div.template-column.full > div > p > a.ce-button{
  /* pill / oval shape */
  border-radius: 999px;
  padding: .75rem 2.5rem;      /* taller + wider for the oval look */

  /* colour to match screenshot (#2FA0D9 ≈ the sample blue) */
  background: #2FA0D9;
  color: #fff;
  border: 2px solid #fff;      /* keeps the white outline you had */

  /* typography & layout */
  font-size: 1.125rem;         /* ~18 px */
  font-weight: 600;
  display: inline-block;
  text-align: center;

  /* smooth hover transition */
  transition: opacity .25s ease-in-out;
}

/* ── hover / focus: slight transparency ─────────────────────────── */
.ce-button:hover,
.ce-button:focus{
  opacity: .85;                /* 15 % fade so text stays readable */
  border: 2px solid #fff;
}

.YBME_Carousel .overlay{
  background: none !important;          /* kills default shading          */
  display: flex;                        /* lets us centre content easily  */
  flex-direction: column;
  align-items: center;                  /* horizontal centring            */
  justify-content: center;              /* vertical centring (optional)   */
  text-align: center;                   /* heading + caption centred      */
  padding: 0 1rem;                      /* slight side breathing room     */
}

/* 2. Slide heading font, size, colour                              */
.YBME_Carousel .overlay h1{
  font-family: "Times New Roman", Times, serif;
  font-size: 48px;
  line-height: 1.2;
  margin: 0 0 1rem;
  color: #FFFFFF;                       /* keep white text on blue bg     */
}

/* 3. Caption under the heading                                     */
.YBME_Carousel .overlay .item-contents{
  font-family: 'Roboto';
  font-size: 20px;                      /* adjust if needed               */
  color: #FFFFFF;
  text-align: center;
}

/*video */
.YBME_Video_center {
position: relative;        /* reference box for abs-pos children */
    display: flex;             /* lets logo block and donate button align neatly */
    justify-content: center;   /* keep existing centred look */
    align-items: center;
    flex-wrap: wrap; 

}

/* ─── 1.  QUICK, FLUID IMAGE  ──────────────────────────────────── */
.YBME_Img img{
  width: 100% !important;      /* override inline 929 px width   */
  height: auto !important;     /* keep aspect ratio              */
  max-width: 100%;             /* never exceed its container     */
  display: block;              /* remove tiny whitespace gap     */
}

/* ─── 2.  MAKE THE 50/50 ROW RESPONSIVE  ──────────────────────── */
.YBME_Center_Element{
  display: flex;               /* side-by-side on desktops       */
  flex-wrap: wrap;             /* allow wrap on small screens    */
}

/* default desktop/tablet columns = 50 % */
.YBME_Center_Element .build-column{
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}

/* stack columns on narrow screens */
@media (max-width: 868px){
  .YBME_Center_Element .build-column{
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* ────────────────────────────────────────────────────────────────
   IMAGE “COVER” BEHAVIOUR  (applies to every column tagged YBME_Img)
   ──────────────────────────────────────────────────────────────── */
.YBME_Img{
  position: relative;            /* anchor for absolute img        */
  display: flex;                 /* keeps the column same height
                                    as the text column on desktop  */
  align-items: center;           /* vertical centring of the img */
  justify-content: center;       /* horizontal centring            */
  overflow: hidden;              /* crop anything outside column   */
}

.YBME_Img img{
  position: absolute;            /* let us centre + fill easily    */
  top: 50%; left: 50%;
  transform: translate(-50%, -50%); /* true dead-centre            */

  /* cover-style fill */
  width: 100%  !important;       /* override the inline 929 px      */
  height: 100% !important;       /* stretch to column’s height      */
  object-fit: cover;             /* zoom / crop so no “letterbox”   */
  object-position: center;       /* keep subject roughly centred    */

  /* smooths out a gap the browser adds under inline images */
  display: block;      
}

/* ───  MOBILE / TABLET STACKING ORDER  ────────────────────────── */
@media (max-width: 868px){

  .half {
    width: 85%;
}
  /* stack the two half-columns vertically */
  .YBME_Center_Element{
    flex-direction: column;   /* ← instead of row                */
  }

  /* show the image column first */
  .YBME_Center_Element .YBME_Img{
    order: 1;                 /* image goes to top               */
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* text column comes second */
  .YBME_Center_Element .YBME_Text_Box{
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
  }
.YBME_Img img{
  position: relative;            /* let us centre + fill easily    */
  top: 0; left: 0;
  transform: translate(0%, 0%); /* true dead-centre            */

  /* cover-style fill */
  width: 100%  !important;       /* override the inline 929 px      */
  height: 100% !important;       /* stretch to column’s height      */
  object-fit: cover;             /* zoom / crop so no “letterbox”   */
  object-position: center;       /* keep subject roughly centred    */

  /* smooths out a gap the browser adds under inline images */
  display: block;      
}

}

.layout-wrapper {
    margin: 0px auto !important;
width: auto;
}

/*  highlight “Event Calendar”  */
.site-menu a[href*="page_id=4001"]{
  color:#4eaedf !important;        /* teal text */
}
/*  highlight Student & Leader Cohorts */
#m\|29\| > ul > li:nth-child(4) > span > span {
  color:#4eaedf !important;        /* teal text */
}

#m\|29\| > ul > li:nth-child(5) > span > span {
  color:#4eaedf !important;        /* teal text */
}

.site-menu a[href*="page_id=3"]{
  color:#4eaedf !important;        /* teal text */
}

/* highlight ONLY the top‑level “Tools” label  (modern browsers) */
.site-menu li.sub-parent:has(> ul li a[href*="howthemarketworks"])
       > span > span{
  color:#4eaedf !important;
}

/* optional: keep the same colour on hover/focus */
.site-menu li.sub-parent:has(> ul li a[href*="howthemarketworks"])
       > span > span:hover{
  color:#4eaedf !important;
}

/* =========================================================
   YBME Menu - Documents and Photo Albums color
   ========================================================= */

nav.menu-widget ul.site-menu > li > span > a[href*="page_id=86"],
nav.menu-widget ul.site-menu > li > span > a[href*="page_id=187"] {
  color: #4eaedf !important;
}



/*News Articles */
.article-container {
  
  padding: 2rem 1rem;
  background-color: #f9f9f9; /* Light background for modern look */
}

.column.full {
  max-width: 800px;
  width: 100%;
  text-align: left;
  background-color: #fff;
  padding: 2rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  border-radius: 8px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
}




/* Golf Classic CSS*/

/* =========================================================
   Golf Classic Page - Stable CSS without generated IDs
   Uses .Golf-Classic as the page marker
   ========================================================= */

/* Hero row: the full-width row that contains Golf-Classic */
.build-row.full-width:has(.Golf-Classic) {
  --golf-blue: #478DBA;
  --golf-blue-hover: #36759d;
  --golf-white: #ffffff;
  --golf-charcoal: #1e1e1e;
  --golf-light: #f7f7f7;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* Apply the same variables to the next known page rows */
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty + .build-row.sixty-forty {
  --golf-blue: #478DBA;
  --golf-blue-hover: #36759d;
  --golf-white: #ffffff;
  --golf-charcoal: #1e1e1e;
  --golf-light: #f7f7f7;

  box-sizing: border-box;
}

.build-row.full-width:has(.Golf-Classic) *,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column *,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty *,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty + .build-row.sixty-forty * {
  box-sizing: border-box;
}





/* =========================================================
   Golf Classic - Hero Section
   Combined final version
   Background image scales proportionally, stays centered,
   crops overflow, and vertically centers the text block.
   ========================================================= */

/* Hero row wrapper */
.build-row.full-width:has(.Golf-Classic) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  --golf-blue: #478DBA;
  --golf-blue-hover: #36759d;
  --golf-white: #ffffff;
  --golf-charcoal: #1e1e1e;
}

/* Hero column wrapper */
.build-row.full-width:has(.Golf-Classic) .Golf-Classic {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hero image frame */
.build-row.full-width:has(.Golf-Classic) .hero {
  position: relative !important;
  width: 100% !important;
  height: 950px !important;
  min-height: 950px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  /* Background-image behavior */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  /* Vertically and horizontally center the text */
  display: flex !important;
  //align-items: center !important;
  justify-content: center !important;
}

/* Optional dark overlay for readability */
.build-row.full-width:has(.Golf-Classic) .hero::before {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.35) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Hero text container */
.build-row.full-width:has(.Golf-Classic) .hero-text {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 24px !important;

  text-align: center !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Reset inherited/inline spacing */
.build-row.full-width:has(.Golf-Classic) .hero-text h1,
.build-row.full-width:has(.Golf-Classic) .hero-text h2,
.build-row.full-width:has(.Golf-Classic) .hero-text p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Main hero heading lines */
.build-row.full-width:has(.Golf-Classic) .hero-text h1 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.05 !important;
}

/* First line: "The 8th Annual" */
.build-row.full-width:has(.Golf-Classic) .hero-text h1:first-child span {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.4rem, 2.3vw, 2.1rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
}

/* Main title: "Dr. David Robinson Golf Classic" */
.build-row.full-width:has(.Golf-Classic) .hero-text h1:not(:first-child) span {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.35rem, 5vw, 5rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
}

/* Subtitle/date/location lines */
.build-row.full-width:has(.Golf-Classic) .hero-text h2 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  line-height: 1.35 !important;
}

.build-row.full-width:has(.Golf-Classic) .hero-text h2 span {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.1rem, 2vw, 1.7rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
}

/* Button spacing inside hero */
.build-row.full-width:has(.Golf-Classic) .hero-text p {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

/* Hero button */
.build-row.full-width:has(.Golf-Classic) .hero-text .ce-button {
  display: inline-block !important;
  background-color: #478DBA !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 32px !important;
  min-width: 185px !important;

  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.build-row.full-width:has(.Golf-Classic) .hero-text .ce-button:hover {
  background-color: #36759d !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  transform: translateY(-1px);
}

/* =========================================================
   Hero Responsive Adjustments
   ========================================================= */

@media (max-width: 900px) {
  .build-row.full-width:has(.Golf-Classic) .hero {
    height: 680px !important;
    min-height: 680px !important;
    background-position: center center !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text {
    padding: 34px 20px !important;
  }
}

@media (max-width: 600px) {
  .build-row.full-width:has(.Golf-Classic) .hero {
    height: 620px !important;
    min-height: 620px !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text {
    padding: 30px 18px !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text h1:first-child span {
    font-size: 1.35rem !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text h1:not(:first-child) span {
    font-size: 2.3rem !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text h2 span {
    font-size: 1.05rem !important;
  }

  .build-row.full-width:has(.Golf-Classic) .hero-text .ce-button {
    width: 100% !important;
    max-width: 320px !important;
    padding: 14px 22px !important;
  }
}





/* =========================================================
   Sponsor Logo Row
   Targets the three-column row directly after the hero
   ========================================================= */

.build-row.full-width:has(.Golf-Classic) + .build-row.three-column {
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 50px 24px 40px !important;
}

.build-row.full-width:has(.Golf-Classic) + .build-row.three-column .build-column {
  display: flex;
  align-items: center;
  justify-content: center;
}

.build-row.full-width:has(.Golf-Classic) + .build-row.three-column .placeholder {
  display: none !important;
}

.build-row.full-width:has(.Golf-Classic) + .build-row.three-column img {
  display: block !important;
  max-width: 260px !important;
  max-height: 130px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  margin: 0 auto !important;
}





/* =========================================================
   Golf Classic - Final Desktop Layout
   45/55 columns, vertical text centering, cropped ratio-safe images
   ========================================================= */

@media (min-width: 901px) {

  /* ---------------------------------------------
     Schedule Section
     Image left 45%, text right 55%
     --------------------------------------------- */

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.forty-sixty {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 70px 5vw !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.forty-sixty > .build-column.forty {
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 45% !important;
    float: none !important;
    padding: 0 32px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.forty-sixty > .build-column.sixty {
    width: 55% !important;
    max-width: 55% !important;
    flex: 0 0 55% !important;
    float: none !important;
    padding: 0 0 0 32px !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
  }


  /* ---------------------------------------------
     Sponsorship Section
     Text left 55%, image right 45%
     --------------------------------------------- */

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.sixty-forty {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 80px 5vw !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.sixty-forty > .build-column.sixty {
    width: 55% !important;
    max-width: 55% !important;
    flex: 0 0 55% !important;
    float: none !important;
    padding: 0 32px 0 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
  }

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.sixty-forty > .build-column.forty {
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 45% !important;
    float: none !important;
    padding: 0 0 0 32px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }


  /* ---------------------------------------------
     Image Frame
     This prevents vertical stretching.
     The image fills the frame and crops overflow.
     --------------------------------------------- */

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.forty-sixty > .build-column.forty .cell-item,
  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.sixty-forty > .build-column.forty .cell-item {
    width: 100% !important;
    height: 900px !important;
    overflow: hidden !important;
    display: block !important;
  }

  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.forty-sixty > .build-column.forty img,
  .build-row.full-width:has(.Golf-Classic) 
  ~ .build-row.sixty-forty > .build-column.forty img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}





/* =========================================================
   Golf Classic Buttons
   Blue background, white border, rounded edges
   ========================================================= */

.build-row.full-width:has(.Golf-Classic) .ce-button,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty .ce-button,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty + .build-row.sixty-forty .ce-button {
  display: inline-block !important;
  background-color: #478DBA !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 35px !important;
  padding: 14px 32px !important;
  min-width: 185px;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.build-row.full-width:has(.Golf-Classic) .ce-button span,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty .ce-button span,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty + .build-row.sixty-forty .ce-button span {
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.build-row.full-width:has(.Golf-Classic) .ce-button:hover,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty .ce-button:hover,
.build-row.full-width:has(.Golf-Classic) + .build-row.three-column + .build-row.forty-sixty + .build-row.sixty-forty .ce-button:hover {
  background-color: #36759d !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  transform: translateY(-1px);
}