: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;
}

.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: 20ps!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: wrap;
    border-radius: 30px;
}

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

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