:root {
  --color-bg-primary: #084861;
  --color-primary: #BBD64C;
  --color-secondary: #7FCDBF;
  --color-primary-hover: #a3d475;
  --color-light-grey: #EEF2F4;
  --color-grey-text: #9CB6C0;
  --underline-url: url("underline.svg");
}

:root {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 300;
}

#path1 {
  opacity: 0.25;
}

.dots-left {
  position: absolute;
  top: 800px;
  left: 0;
  max-width: 12vw;
  z-index: 100;
}

.dots-left img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.dots-right {
  position: absolute;
  bottom: 750px;
  right: 0;
  max-width: 12vw;
  z-index: 100;
}

.dots-right img {
  width: auto;
  height: auto;
  max-width: 100%;
}
@media (max-width: 1200px) {
    .dots-left {
       display: none;
    }
    .dots-right {
        display: none;
    }
}

.gradientBar{
  height:10px;
  background-image: linear-gradient(to right,var(--color-primary), var(--color-secondary));
}

.splitContainer__hero img {
  border-radius: 90px;
}




/* Adjusting the Font size on Meet the Council Blob Tiles AM */
#content_link_386 > div > a > div > h3{

  font-size: 1.5rem;
}

.carousel-sidebar__content {

  width:75%;
  margin:auto;
}

.media-list li {
    list-style-type: none; /* Remove default bullet */
    position: relative;
    padding-left: 24px; /* Space for the icon */
}

.media-list li::before {
    font-family: 'Font Awesome 6 Free'; /* Font Awesome font family */
    content: '\f1c1'; /* Unicode for fa-file-pdf */
    font-weight: 900; /* Ensure it's solid (for fa-solid) */
    left: 0;
    top: 0.1em;
    font-size: 1.2em; /* Adjust size if needed */
}


h2,
h3,
p,
a,
ol,
ul{

  margin-bottom: 1em;
}

h1,
h2,
h3
 {
  display:inline-block;
  margin-bottom: .5em;
}

#wrapper > header > div > div.hamburger-container.mainHeader__nav > div > ul > li > ul > li > a,
#wrapper > header > div > div.hamburger-container.mainHeader__nav > div > ul{

  margin-bottom: revert-layer
}

/* Setting max width for map popup logos */

img.mapPopup__logo{
  max-width: 25em;
}

/* End */
  max-width: 25em;
}