:root {
  --logo-blue: #0b6faf;
  --logo-orange: #f59f43;
  --light-blue-bg: #F5F7FC;
}

body * {
  font-family: Montserrat,Helvetica,Arial,sans-serif;
}

body {
  background: #fff;
}


/* Main menu styles */

.menuInner > ul > li {
    padding-right: 20px !important;
}
.menuInner ul * {
    font-family: 'Lato', sans-serif;
}
.menuInner ul.firstLevel > li > .item > a {
    font-weight: normal !important;
}

/* Main menu selected and hover styles */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li.sel > .item > a,
.menuInner ul.firstLevel > li > .item:hover > a {
    color: #0A7AA6  !important;
}

/* Dropdown menu styles */
.menuInner ul ul {
    border: none !important;
    padding: 5px 0;
    background: var(--logo-blue) !important;
    border-radius: 6px;
}
.menuInner ul ul li > .item > a {
    padding: 4px 16px;
    color: #B7BED0 !important;
}
.menuInner ul ul li > .item:hover > a {
    padding-left: 20px !important;
    color: #fff !important;
}

/* Arrow icon styles */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel > li.dir > .item > a span:after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    font-size: 15px;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
  margin: 0 auto;
}

/* Sticky menu styles */
.stickyMenu.active .menuInner ul.firstLevel > li > .item:hover > a,
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active .menuInner ul.firstLevel > li.sel > .item > a {
    color: #fff !important;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active .menuInner ul.firstLevel > li > .item > a {
    color: #B7BED0;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
    background: #0A7AA6 ;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active .menuInner ul.firstLevel {
    float: none;
}
.stickyMenu.active .firstLevel {
    margin: 0 auto !important;
}

.parentPageTitleContainer {
  background-color: rgba(253,156,69,.5);
  background-blend-mode: multiply;
  color: #fff;
}
.parentPageTitleContainer > table > tbody > tr > td:nth-child(1) > div > div {
      max-width: 500px;
    float: right;
    width: 100%;
    margin: 50px;
    background: rgba(0,0,0,0);
}

.parentPageTitleContainer .ansidPageTitle h3 {
  color: var(--logo-orange);
  font-size: 2em;
  margin: 0;
}

.innerPageTitleContainer .ansidPageTitle h3 {
    color: #fff;
  font-size: 2em;
}

.WaGadgetLoginForm .loginContainer .loginLink,.WaGadgetLoginForm .authenticated .loginLink{
    width:auto!important;
    line-height:40px!important;
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink{
    padding-right:15px
}
.WaGadgetLoginForm .loginContainer .loginLink:before{
    position:static!important;
    float:left!important;
    width:auto!important;
    height:auto!important;
    padding-right:10px!important;
    padding-left:15px!important
}

.loginLink {
    height:40px!important;
    border-radius: 10px;
    padding: 5px 10px;
}


.topLinks {
  margin-right: 20px;
}

.topLinks .gadgetStyleBody {
  background: var(--logo-blue);
  width: fit-content;
  float: right;
  padding: 5px 20px;;
  border-radius: 4px;

}

.topLinks a {
  color: #fff!important;
}

.topLinks li {
  padding: 5px 15px!important;
  margin-right: 10px!important;
}

.topLinks li:hover {
  background: var(--logo-orange);
  border-radius: 4px;
  margin: 7px 0;
  text-align: center;
}

.topLinks a:hover,
.topLinks li:hover a {
  text-decoration: none!important;
}

#id_Footer2 {
  margin-top: 10px;
}

#id_Footer2 * {
  color: #fff;;
}

#idFooterPoweredByWA a {
  text-decoration: none;
  font-weight: bold;
}

.WaGadgetLoginForm.LoginFormStyle001 .authenticated .loginPanel {
    width: fit-content;
}

#id_Footer1 {
  margin-top: 80px;
}

.WaGadgetContent  li {
  margin-bottom: 10px!important;
}


.cta .WaGadgetContent {
  border-radius: 25px 25px 60px 25px;
}
.cta p {
  margin: 0;
  padding: 0;
}
.cta img {
  width: 100%;
  height: auto;
  display: block;
}

.homeAbout {
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.join_cta {
  border-radius: 30px;
  background: var(--light-blue-bg);
}

.join_cta h3, .join_cta p {
  color: var(--logo-blue);
}

.join_cta p {
  font-size: 18px;
  line-height: 30px;
}

#id_Footer2 {
  background: var(--logo-blue);
}

#id_Footer2 .WaGadgetHeadline {
  border-bottom: 2px solid #fff;
}

#id_Footer2 .WaGadgetHeadline p {
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#id_Footer2 .WaGadgetCustomMenu.menuStyle001 .orientationVertical {
  padding: 5px 0 25px 0;
}

#id_Footer2 .WaGadgetCustomMenu.menuStyle001 .orientationVertical li {
  padding: 3px 0;
}

#id_Footer2 .WaGadgetCustomMenu.menuStyle001 .orientationVertical li a {
  text-transform: unset!important;
  font-weight: normal!important;
}

#id_Footer2.ppga-home-footer {
  margin-top: 0;
}

.zoneWAbranding, .zoneWAbranding a {
  background: var(--logo-blue);
  color: #fff;
  margin: 0;
}

#idFooterPoweredByContainer {
  text-align: center!important;
  padding: 20px;
}

.accordion-header {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;;
}

.accordion-content {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.accordion-header, .accordion-content {
  border: 1px solid #ccc;
}

.accordion-header {
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
  font-size: 19px;
  font-weight: bold;
}

.accordion-header p {
  padding: 0;
  margin: 0;
}

.accordion-content {
  display: none;
  padding: 10px;
  border-top: none;
}


.accordion-content.active {
  display: block;
}


.adminContentView .accordion-content {
  display: block!important;
}


.contact-container {
  max-width: 1000px;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.contact-box {
  width: 300px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 20px;
  padding: 20px;
  text-align: center;
}

.cta .gadgetStyleBody {
  position: relative;
  text-align: center;
}

.cta .gadgetStyleBody img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.cta .gadgetStyleBody:hover img {
  opacity: 0.3;
}

.cta .gadgetStyleBody p a {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 10px;
  background: rgba(245, 159, 67, 0.6);
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}


@media screen and (max-width: 600px) {

    .parentPageTitleContainer > table > tbody > tr > td:nth-child(1) > div > div {
width: unset!important;
margin: 0!important;
float: none!important;
padding: 20px !important;
}


/* ADDED BY HANNAH */


/* Styles for screens 600px wide or less (mobile devices) */
@media screen and (max-width: 600px) {
   .secondLevel .secondLevel {
    display: none !important; /* Hides the element on mobile */
    /* .secondLevel is used for every submenu level, not just the second one. The above code tells it to hide .secondLevel only when it’s nested inside another .secondLevel (i.e. third level and deeper). */
  }
}

/* END ADDED BY HANNAH */

.topLinks, .WaGadgetLoginForm {display: none;}

}

.medium-text {
  font-size: 120%;
}


.adviceLink {
    display: block;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ffd8ae;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s;
}

.adviceLink:hover {
    background-color: #ffc689;
}

.adviceLink-current {
    background-color: #ffecd7;
    font-weight: bold;
}

.adviceForTitle li {
    color: var(--logo-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
    margin-top: 1.66em!important;
}

.adviceForTitle li::before {
display: none!important;
}

.advicePageTitle h3 {
  margin-top: 0;

}

.ppga-search-layout {
  max-width: 900px;
  margin: 0 auto;
}

/* Style the search box container */
/*
.ppga-search-box {
    display: flex;
    background-color: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    max-width: 325px;
}
*/
/* Style the search input */
.ppga-search-input {
    flex: 1;
    border: none!important;
    padding: 10px;
    font-size: 16px;
    outline: none;
    margin: 0 auto;
}

/* Style the search button */
.ppga-search-button {
    background-color: #007BFF;
    color: #fff;
    border: none!important;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Change button color on hover */
.ppga-search-button:hover {
    background-color: #0056b3;
}

.ppga-search-input:focus {
    outline: none!important;
}



.cta-holder {
  border-radius: 30px;
  background: var(--light-blue-bg);
  background-size: cover;
}

.cta-white {
  border-radius: 30px;
  background: white;
  opacity: 0.6;
  padding: 20px;
}

#id_FDFhezH > div {
  padding: 10px;
  border-radius: 30px;
  margin-bottom: 30px;
  background-color: rgba(220, 220, 230, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}







    .conference-category {
      margin: 1rem;
      padding: 2rem;
      background: white;
      border-radius: 10px;
      box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    }

    .conference-category h2 {
      color: #444;
      margin-bottom: 10px;
    }
    .conference-category p:first-of-type {
      font-weight: bold;
      color: #444;
      margin-top: 10px;
    }
    .conference-category .buttonHolder {
      text-align: center;
      padding-top: 20px;
    }
    .conference-category a {
      background-color: #161F37 ;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 5px;
      transition: background 0.3s ease;
    }
    .conference-category a:hover {
      background-color: #0344e6;
    }

    .conference-theme h1,
    .conference-theme h3 {
        color: #fff;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .confspeakers {margin-bottom:20px;}
    .confspeakers img {width:100%; height: auto;display: block;}

.conftabs form {
    border-bottom: 1px solid #ddd;
}

.conftabs input {
  display: none;
}

.conftabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.conftabs label:hover {
  color: #888;
  cursor: pointer;
}

.conftabs input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

.confscedule {
    display: none;
      padding: 20px 0 0;
}

.adminContentView .confscedule {
    display: block!important;
}

.confscedule * {
box-sizing: border-box;
}

.confscedule .WaLayoutTable .WaLayoutTable {
cursor: default;
border: 1px solid #eaeaea;
}

.confscedule .WaLayoutTable .WaLayoutTable td:first-child  {
padding-left: 50px;
}

.confscedule .WaLayoutTable .WaLayoutTable td:first-child p::before {
  content: "\f017";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-right: 10px;
}

.confscedule .break td:first-child p::before {
  content: "\f0f4"!important;
}

.confscedule .WaLayoutTable .WaLayoutTable p {
padding: 8px!important;
}

.confscedule .WaLayoutItem .placeHolderContainer div div:nth-child(even) {
  background: #fbfbfb;
}


.confscedule .break {
background: #ebf1f7!important;
}

.category h3 {
    background-color: #007bff;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
  }
  .category ul {
    list-style-type: none;
    padding: 0;
    columns: 3;
  }
  .category li {
    border-bottom: 1px solid #dddddd;
    padding: 10px;
  }
  .category li:last-child {
    border: none;
  }
  .category a {
    text-decoration: none;
    color: #007bff;
  }
  .category a:hover {
    text-decoration: underline;
  }

  #PAGEID_1862296 .accordion-content {display: block!important;}

  a.buttonStyle001, a:link.buttonStyle001 {
    white-space: normal;
    border-radius: 30px;
}

 button, .WaGadgetContent  img, #ppga-search-input {
  border-radius: 30px;
}

/*image corner rounding */
.C24roundimg {
  border-radius: 2%;
}




/* ADDED BY ROBBIE */



/* PPGA Homepage Refresh Style (Concept) */


.ppga-home,
.ppga-home * {
  box-sizing: border-box;
}

.ppga-home {
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  color: #263238;
}

.ppga-home a {
  text-decoration: none;
}

.ppga-home a:hover {
  text-decoration: underline;
}

.ppga-home-band {
  width: 100%;
  padding: 56px 20px;
}

.ppga-home-band--hero {
  padding: 68px 20px 64px;
  text-align: center;
  background: linear-gradient(135deg, #f5f7fc 0%, #eef4fb 100%);
}

.ppga-home-band--hero h1 {
  max-width: 900px;
  margin: 0 auto 24px !important;
  color: var(--logo-blue, #0b6faf);
  font-size: clamp(38px, 4.8vw, 60px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  text-align: center;
  text-transform: none;
}

.ppga-home-band--hero .ppga-home-lede {
  max-width: 760px;
  margin: 0 auto 32px !important;
  color: #405763;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
}

.ppga-home-band--white {
  background: #fff;
}

.ppga-home-band--light {
  background: var(--light-blue-bg, #f5f7fc);
}

.ppga-home-band--blue {
  background: var(--logo-blue, #0b6faf);
  color: #fff;
}

.ppga-home-band--orange {
  background: var(--logo-orange, #f59f43);
  color: #fff;
}

.ppga-home-inner {
  max-width: 1120px;
  margin: 0 auto;
}

.ppga-home-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--logo-orange, #f59f43);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ppga-home h1,
.ppga-home h2,
.ppga-home h3,
.ppga-home h4 {
  margin-top: 0;
  color: var(--logo-blue, #0b6faf);
  line-height: 1.18;
}

.ppga-home-band--blue h2,
.ppga-home-band--blue h3,
.ppga-home-band--blue p {
  color: #fff;
}

.ppga-home-band--blue .ppga-home-eyebrow {
  color: #fff;
}

.ppga-home-band--blue .ppga-home-intro {
  color: rgba(255, 255, 255, 0.9);
}

.ppga-home-band--orange .ppga-home-eyebrow {
  color: var(--logo-blue, #0b6faf);
}

.ppga-home-band--orange .ppga-home-intro {
  color: #455a64;
}

.ppga-home-band--orange h2 {
  color: #fff;
}

.ppga-home h1 {
  max-width: 880px;
  margin-bottom: 18px;
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 700;
  letter-spacing: -0.03em;
}

.ppga-home h2 {
  margin-bottom: 14px;
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.ppga-home h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.ppga-home h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}

/* Keep homepage headings in natural sentence/title case */
.ppga-home h1,
.ppga-home h2 {
  text-transform: none !important;
}

.ppga-home-lede {
  max-width: 760px;
  margin: 0 0 28px;
  color: #455a64;
  font-size: 20px;
  line-height: 1.6;
}

.ppga-home-intro {
  max-width: 760px;
  margin: 0 auto 36px;
  color: #455a64;
  font-size: 18px;
  line-height: 1.65;
  text-align: center;
}

.ppga-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.ppga-home-actions--center {
  justify-content: center;
}

.ppga-home-button,
.ppga-home-button:link,
.ppga-home-button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 24px;
  border-radius: 30px;
  border: 2px solid transparent;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.ppga-home-button--primary,
.ppga-home-button--primary:link,
.ppga-home-button--primary:visited {
  background: var(--logo-orange, #f59f43);
  color: #fff !important;
}

.ppga-home-button--primary:hover {
  background: #e88f32;
  color: #fff !important;
}

.ppga-home-button--secondary,
.ppga-home-button--secondary:link,
.ppga-home-button--secondary:visited {
  background: #fff;
  color: var(--logo-blue, #0b6faf) !important;
  border-color: rgba(11, 111, 175, 0.24);
}

.ppga-home-button--secondary:hover {
  border-color: var(--logo-blue, #0b6faf);
}

.ppga-home-button--white,
.ppga-home-button--white:link,
.ppga-home-button--white:visited {
  background: #fff;
  color: var(--logo-blue, #0b6faf) !important;
}

.ppga-home-button--blue,
.ppga-home-button--blue:link,
.ppga-home-button--blue:visited {
  background: var(--logo-blue, #0b6faf);
  color: #fff !important;
  border-color: var(--logo-blue, #0b6faf);
}

.ppga-home-button--blue:hover {
  background: #095f96;
  border-color: #095f96;
  color: #fff !important;
}

.ppga-home-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ppga-home-card-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ppga-home-card {
  height: 100%;
  padding: 28px;
  border: 1px solid rgba(11, 111, 175, 0.12);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(11, 111, 175, 0.06);
}

.ppga-home-card p {
  margin-bottom: 18px;
  color: #455a64;
  font-size: 15px;
  line-height: 1.6;
}

.ppga-home-link-list {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.ppga-home-link-list li {
  margin-bottom: 10px !important;
}

.ppga-home-link-list a,
.ppga-home-link-list a:link,
.ppga-home-link-list a:visited {
  color: var(--logo-blue, #0b6faf);
  font-weight: 700;
}

.ppga-home-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--logo-orange, #f59f43);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ppga-home-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ppga-home-stat {
  padding: 24px 18px;
  border-radius: 24px;
  background: #fff;
  text-align: center;
}

.ppga-home-stat strong {
  display: block;
  margin-bottom: 6px;
  color: var(--logo-orange, #f59f43);
  font-size: 34px;
  line-height: 1;
}

.ppga-home-stat span {
  color: #455a64;
  font-size: 14px;
  font-weight: 600;
}

.ppga-home-about {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 36px;
  align-items: center;
}

.ppga-home-about-panel {
  padding: 34px;
  border-radius: 30px;
  background: #fff;
}

.ppga-home-about-panel p {
  color: #455a64;
  font-size: 17px;
  line-height: 1.7;
}

.ppga-home-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  border-radius: 18px;
  background: rgba(245, 159, 67, 0.15);
  color: var(--logo-orange, #f59f43);
  font-size: 28px;
}

.ppga-home-centred {
  text-align: center;
}

.ppga-home-records-wrap {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
  .ppga-home-band {
    padding: 44px 18px;
  }

  .ppga-home-band--hero {
    padding: 52px 18px 50px;
  }

  .ppga-home-band--hero h1 {
    font-size: clamp(34px, 10vw, 46px);
  }

  .ppga-home-band--hero .ppga-home-lede {
    font-size: 18px;
  }

  .ppga-home-about,
  .ppga-home-card-grid,
  .ppga-home-card-grid--3,
  .ppga-home-stat-grid {
    grid-template-columns: 1fr;
  }

  .ppga-home-actions {
    align-items: stretch;
  }

  .ppga-home-button {
    width: 100%;
  }
}

/* PPGA homepage dynamic gadgets: events + blog */

.ppga-home-dynamic-card {
  height: 100%;
}

.ppga-home-dynamic-card .gadgetStyleBody {
  height: 100%;
  padding: 0;
  border: 1px solid rgba(11, 111, 175, 0.12);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(11, 111, 175, 0.06);
  overflow: hidden;
}

/* Hide default gadget chrome if Wild Apricot outputs it */
.ppga-home-dynamic-card .gadgetStyleTitle {
  display: none;
}

/* Reset list styling */
.ppga-home-dynamic-card ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ppga-home-dynamic-card li {
  position: relative;
  margin: 0 !important;
  padding: 18px 24px 18px 46px !important;
  border-bottom: 1px solid #edf0f5;
  list-style: none !important;
}

.ppga-home-dynamic-card li:last-child {
  border-bottom: none;
}

/* Remove theme bullets if the theme adds pseudo-elements */
.ppga-home-dynamic-card li::before {
  display: none !important;
}

/* Add a small PPGA-style marker */
.ppga-home-dynamic-card li::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--logo-orange, #f59f43);
}

/* Main event/blog title link */
.ppga-home-dynamic-card li a {
  display: inline;
  color: var(--logo-blue, #0b6faf) !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none !important;
}

.ppga-home-dynamic-card li a:hover {
  color: var(--logo-orange, #f59f43) !important;
  text-decoration: underline !important;
}

/* Date, author and metadata */
.ppga-home-dynamic-card li,
.ppga-home-dynamic-card li div,
.ppga-home-dynamic-card li span,
.ppga-home-dynamic-card li p {
  color: #607d8b;
  font-size: 14px;
  line-height: 1.45;
}

.ppga-home-dynamic-card li .date,
.ppga-home-dynamic-card li .location,
.ppga-home-dynamic-card li .author {
  color: #607d8b !important;
  font-size: 14px;
  font-style: normal !important;
  line-height: 1.45;
}

/* Wild Apricot often outputs blog author as a linked name */
.ppga-home-dynamic-card li .author a {
  color: #607d8b !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Empty state */
.ppga-home-dynamic-card .gadgetStyleBody > div:only-child,
.ppga-home-dynamic-card .gadgetStyleBody .noData {
  padding: 24px;
  color: #607d8b;
  font-size: 15px;
}

/* Slightly different accents for each card */
.ppga-home-events-gadget li::after {
  background: var(--logo-orange, #f59f43);
}

.ppga-home-blog-gadget li::after {
  background: var(--logo-blue, #0b6faf);
}

/* Mobile */
@media screen and (max-width: 900px) {
  .ppga-home-dynamic-card li {
    padding: 16px 18px 16px 40px !important;
  }

  .ppga-home-dynamic-card li::after {
    left: 20px;
  }

  .ppga-home-dynamic-card li a {
    font-size: 15px;
  }
}

.ppga-home-gadget-heading {
  margin-bottom: 12px;
}

.ppga-home-gadget-heading span {
  display: block;
  color: #9aa3ad;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Add breathing room around webinar/blog gadget columns */
.ppga-home-gadget-heading,
.ppga-home-dynamic-card {
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}

/* Prevent the dynamic cards from touching the next section */
.ppga-home-dynamic-card {
  padding-bottom: 44px;
}

/* Mobile: remove unnecessary side padding if columns stack */
@media screen and (max-width: 900px) {
  .ppga-home-gadget-heading,
  .ppga-home-dynamic-card {
    padding-left: 0;
    padding-right: 0;
  }

  .ppga-home-dynamic-card {
    padding-bottom: 28px;
  }
}

.ppga-home-band--compact {
  padding-top: 26px;
  padding-bottom: 26px;
}

.ppga-home-conference-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 24px 28px;
  border-radius: 28px;
  background: #fff7ed;
  border: 1px solid rgba(245, 159, 67, 0.28);
  box-shadow: 0 8px 24px rgba(11, 111, 175, 0.06);
}

.ppga-home-conference-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  min-height: 92px;
  padding: 14px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(245, 159, 67, 0.24);
  text-align: center;
}

.ppga-home-conference-date-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.ppga-home-conference-date-card h3,
.ppga-home-conference-date-card p {
  margin: 0 !important;
}

.ppga-home-conference-date span {
  display: block;
  color: var(--logo-orange, #f59f43);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.ppga-home-conference-date small {
  display: block;
  margin-top: 6px;
  color: var(--logo-blue, #0b6faf);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ppga-home-conference-content h2 {
  margin: 8px 0 6px;
  font-size: clamp(24px, 2.6vw, 34px);
}

.ppga-home-conference-content p {
  max-width: 680px;
  margin: 0;
  color: #5c5144;
  font-size: 16px;
  line-height: 1.55;
}

.ppga-home-conference-action {
  white-space: nowrap;
}

@media screen and (max-width: 800px) {
  .ppga-home-conference-banner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .ppga-home-conference-date {
    margin: 0 auto;
  }

  .ppga-home-conference-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .ppga-home-conference-action .ppga-home-button {
    width: 100%;
  }
}

/* END ADDED BY ROBBIE */
/* END PPGA Homepage Refresh Style (Concept) */