.entry-content,
.entry-summary {
	text-align: justify;
}
button {border-radius: 10px;
  background-color: #F5C633; /* Green */
  border: none;
  color: White;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  color: white;
	box-shadow: 0 6px 5px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	}
/* GeneratePress Site CSS */ .auto-width.gb-query-loop-wrapper {
    flex: 1;
}
@media (min-width: 768px) {
.sticky-container > .gb-inside-container,.sticky-container {
    position: sticky;
    top: 80px;
}
#right-sidebar .inside-right-sidebar {
    height: 100%;
}
}
select#wp-block-categories-1 {
    width: 100%;
} /* End GeneratePress Site CSS */
.single-post .yarpp-thumbnails-horizontal {
    display: flex;
}
.single-post  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    flex: 0 1 33%;
}
.single-post  .yarpp-thumbnails-horizontal .yarpp-thumbnail,
.single-post  .yarpp-thumbnails-horizontal .yarpp-thumbnail * {
    width: unset;
    height: auto;
}
.single-post  .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
@media(max-width: 600px) {
    .single-post .yarpp-thumbnails-horizontal {
        flex-direction: column;
    }
    .single-post  .yarpp-thumbnails-horizontal .yarpp-thumbnail {
        flex: 1 1 100%;
    }
}

/* Header: keep site title and search icon on one line at desktop widths */
@media (min-width: 769px) {
  .site-branding, .site-branding .main-title, .site-branding .main-title a {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .inside-navigation.grid-container {
    flex-wrap: nowrap;
  }
  .main-nav .menu > li > a {
    padding-left: 12px !important;
  }
}

/* Dropdown submenu: match theme colours so sub-item names are visible (desktop + mobile) */
.main-navigation .sub-menu {
  background-color: #1572bf !important;
}
.main-navigation .sub-menu a:not(:hover):not(.sfHover) {
  color: #ffffff !important;
}

/* Anchor/TOC links: clear the sticky navigation bar */
html {
	scroll-padding-top: 80px;
}

/* Sticky nav bar: give it the header's blue, since the colour lives on #masthead */
.navigation-stick {
	background-color: #1572bf;
}
.navigation-stick .main-nav > ul > li > a {
	color: #ffffff;
}

/* Menu: hamburger up to 1024px (Customizer mobile menu breakpoint = 1024).
   Undo the desktop-only header rules above inside that range so the toggled menu stacks normally. */
@media (min-width: 769px) and (max-width: 1024px) {
  .inside-navigation.grid-container {
    flex-wrap: wrap;
  }
  .main-nav .menu > li > a {
    padding-left: 20px !important;
  }
}

/* Header menu: keep all 7 categories on one row at small-laptop widths */
@media (min-width: 1025px) and (max-width: 1240px) {
  .inside-header.grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-navigation .main-nav ul li a {
    font-size: 14px;
  }
  .main-nav .menu > li > a {
    padding-left: 10px !important;
  }
  .main-navigation .menu > li.menu-item-has-children > a .dropdown-menu-toggle {
    padding-left: 4px;
    padding-right: 6px;
  }
}

/* Mobile menu button: opt out of the global button shadow and rounded corners */
button.menu-toggle {
  box-shadow: none;
  border-radius: 0;
}

/* Sticky bar: keep the first menu item off the screen edge */
.navigation-stick .inside-navigation.grid-container {
  padding-left: 20px;
  padding-right: 20px;
}


/* Header: menu on its own full-width row under the logo (desktop, >=1025px).
   Room for 9+ top-level categories; mobile/tablet keep the hamburger. */
@media (min-width: 1025px) {
  .site-header .inside-header.grid-container {
    flex-wrap: wrap;
    padding-top: 14px;
    padding-bottom: 0;
  }
  .site-header #site-navigation {
    width: 100%;
    order: 3;
    margin-left: 0;
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
  }
  .site-header #site-navigation .inside-navigation {
    justify-content: space-between;
  }
  .site-header .main-nav .menu > li:first-child > a {
    padding-left: 0 !important;
  }
  .site-header #site-navigation.navigation-stick {
    margin-top: 0;
    border-top: 0;
  }
}


/* Header: fit all 9 top-level categories on one row at full desktop widths */
@media (min-width: 1241px) {
  .main-navigation .main-nav ul li a {
    font-size: 14px;
  }
  .main-nav .menu > li > a {
    padding-left: 12px !important;
  }
  .main-navigation .menu > li.menu-item-has-children > a .dropdown-menu-toggle {
    padding-left: 4px;
    padding-right: 8px;
  }
}


/* Header: centre the site title on its own row (desktop) */
@media (min-width: 1025px) {
  .site-header .inside-header > .site-branding,
  .site-header .inside-header > .site-branding-container,
  .site-header .inside-header > .site-logo {
    flex: 1 1 100%;
    order: 1;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Header: small laptops - tighten a little more so all 9 items stay on one row */
@media (min-width: 1025px) and (max-width: 1150px) {
  .main-navigation .main-nav ul li a {
    font-size: 13px;
  }
  .main-nav .menu > li > a {
    padding-left: 8px !important;
  }
  .main-navigation .menu > li.menu-item-has-children > a .dropdown-menu-toggle {
    padding-left: 3px;
    padding-right: 4px;
  }
}

/* ===== Category hub pages v2 (cards) ===== */
.br-hub{margin:8px 0 40px}
.br-hub__intro p{font-size:17px;line-height:1.7;color:#2b2f36;margin:0 0 14px}
.br-method{margin:26px 0 34px;padding:18px 22px;background:#f4f8fc;border-left:4px solid #1572bf;border-radius:0 10px 10px 0}
.br-method h2{font-size:19px;margin:0 0 6px;color:#1a1d22}
.br-method p{margin:0;font-size:15.5px;line-height:1.65;color:#3a3f47}
.br-subcats{container-type:inline-size}
.br-subcats__title{font-size:23px;margin:0 0 18px;color:#1a1d22}
.br-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.br-tile{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8ef;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .18s,box-shadow .18s,transform .18s}
.br-tile:hover,.br-tile:focus-visible{border-color:#1572bf;box-shadow:0 12px 28px rgba(21,114,191,.16);transform:translateY(-3px)}
.br-tile__media{display:block;overflow:hidden;background:#eef2f6}
.br-tile__photo{display:block;width:100%;height:170px;object-fit:cover;transition:transform .35s ease}
.br-tile:hover .br-tile__photo{transform:scale(1.05)}
.br-tile__body{display:flex;flex-direction:column;gap:7px;flex:1;padding:16px 18px 18px}
.br-tile__flag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#1572bf;border-radius:999px;padding:4px 10px}
.br-tile__name{font-weight:700;font-size:18px;line-height:1.3;color:#1572bf}
.br-tile__desc{font-size:14.5px;line-height:1.55;color:#4a5059}
.br-tile__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.br-tile__chips span{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:#f1f4f8;color:#3a3f47}
.br-tile__cta{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:#1572bf}
.br-tile__cta span{display:inline-block;transition:transform .18s}
.br-tile:hover .br-tile__cta span{transform:translateX(4px)}
/* layouts by card count: 2/4/5 = two per row, 8 = two wide then three per row */
.br-grid[data-n="2"] .br-tile,.br-grid[data-n="4"] .br-tile,.br-grid[data-n="5"] .br-tile,.br-grid[data-n="8"] .br-tile:nth-child(-n+2){grid-column:span 3}
.br-grid[data-n="2"] .br-tile__photo,.br-grid[data-n="4"] .br-tile__photo,.br-grid[data-n="5"] .br-tile__photo,.br-grid[data-n="8"] .br-tile:nth-child(-n+2) .br-tile__photo{height:210px}
/* featured first card (5 or 7 cards): full-width rectangle, image left */
.br-grid[data-n] .br-tile--hero{grid-column:1/-1;flex-direction:row}
.br-tile--hero .br-tile__media{flex:0 0 56%}
.br-tile--hero .br-tile__photo{height:100%;min-height:270px}
.br-tile--hero .br-tile__body{justify-content:center;padding:28px 30px;gap:10px}
.br-tile--hero .br-tile__name{font-size:26px}
.br-tile--hero .br-tile__desc{font-size:15.5px}
@container (max-width:680px){
  .br-grid[data-n] .br-tile{grid-column:span 3}
  .br-grid[data-n] .br-tile--hero{grid-column:1/-1;flex-direction:column}
  .br-tile--hero .br-tile__media{flex:none}
  .br-tile--hero .br-tile__photo{height:220px;min-height:0}
  .br-tile--hero .br-tile__body{padding:18px 20px 20px}
  .br-tile--hero .br-tile__name{font-size:22px}
}
@container (max-width:430px){
  .br-grid[data-n] .br-tile,.br-grid[data-n] .br-tile--hero{grid-column:1/-1}
  .br-grid[data-n] .br-tile .br-tile__photo{height:190px}
}

/* Category hubs: heading above the post list */
.br-hub{margin-bottom:6px}
.br-latest{margin:46px 0 0;padding-top:26px;border-top:1px solid #e3e8ef;text-align:center}
.br-latest__title{font-size:24px;line-height:1.3;margin:0 0 4px;color:#1a1d22}
.br-latest__sub{margin:0;font-size:15px;color:#5a6270}

/* Pagination under post lists (category + sub-category pages) */
.gb-query-loop-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:30px 0 8px}
.gb-query-loop-pagination:empty{display:none}
.gb-query-loop-pagination .gb-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px !important;background:#fff !important;color:#1a1d22 !important;border:1px solid #d9e0e8;border-radius:8px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}
.gb-query-loop-pagination a.gb-button:hover,.gb-query-loop-pagination a.gb-button:focus-visible{border-color:#1572bf;background:#f4f8fc !important;color:#1572bf !important}
.gb-query-loop-pagination .gb-block-is-current{background:#1572bf !important;border-color:#1572bf;color:#fff !important}
.gb-query-loop-pagination .dots{border-color:transparent;background:transparent !important;min-width:20px;padding:0 2px !important}
/* Page 2+ of a category: show only the heading and the posts */
body.paged .br-hub__intro,body.paged .br-method,body.paged .br-subcats,body.paged .dynamic-term-description{display:none}
body.paged .br-latest{margin-top:0;padding-top:0;border-top:0}
body.paged-2 .br-latest__title::after{content:" \2014  Page 2"}
body.paged-3 .br-latest__title::after{content:" \2014  Page 3"}
body.paged-4 .br-latest__title::after{content:" \2014  Page 4"}
body.paged-5 .br-latest__title::after{content:" \2014  Page 5"}
body.paged-6 .br-latest__title::after{content:" \2014  Page 6"}
body.paged-7 .br-latest__title::after{content:" \2014  Page 7"}
body.paged-8 .br-latest__title::after{content:" \2014  Page 8"}
body.paged-9 .br-latest__title::after{content:" \2014  Page 9"}
body.paged-10 .br-latest__title::after{content:" \2014  Page 10"}
body.paged-11 .br-latest__title::after{content:" \2014  Page 11"}
body.paged-12 .br-latest__title::after{content:" \2014  Page 12"}
body.paged-13 .br-latest__title::after{content:" \2014  Page 13"}
body.paged-14 .br-latest__title::after{content:" \2014  Page 14"}
body.paged-15 .br-latest__title::after{content:" \2014  Page 15"}
body.paged-16 .br-latest__title::after{content:" \2014  Page 16"}
body.paged-17 .br-latest__title::after{content:" \2014  Page 17"}
body.paged-18 .br-latest__title::after{content:" \2014  Page 18"}
body.paged-19 .br-latest__title::after{content:" \2014  Page 19"}
body.paged-20 .br-latest__title::after{content:" \2014  Page 20"}
body.paged-21 .br-latest__title::after{content:" \2014  Page 21"}
body.paged-22 .br-latest__title::after{content:" \2014  Page 22"}
body.paged-23 .br-latest__title::after{content:" \2014  Page 23"}
body.paged-24 .br-latest__title::after{content:" \2014  Page 24"}
body.paged-25 .br-latest__title::after{content:" \2014  Page 25"}
body.paged-26 .br-latest__title::after{content:" \2014  Page 26"}
body.paged-27 .br-latest__title::after{content:" \2014  Page 27"}
body.paged-28 .br-latest__title::after{content:" \2014  Page 28"}
body.paged-29 .br-latest__title::after{content:" \2014  Page 29"}
body.paged-30 .br-latest__title::after{content:" \2014  Page 30"}