:root {
  --color-bg-primary: #084861;
  --color-primary: #BBD64C;
  --color-secondary: #7FCDBF;
  --color-primary-hover: #a3d475;
  --color-light-grey: #EEF2F4;
  --color-grey-text: #9CB6C0;
}




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


.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;
  top: 3000px;
  right: 0;
  max-width: 12vw;
  z-index: 100;
}

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

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

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

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
}

/* Makes the carousel sidebar have it's content vertically centered*/
.carousel-sidebar__content{
    align-content:center;
}

/* footer logo size fix */

#wrapper > footer > div.content-wrap > div.footerMain.twoItemsDivider > div.footerMain__content.footerContactDetails > a > img{
  max-width: 200px;
  
}

/* End */

div.no-header > div > h2{
  display: none
} 


/* Stacey requested Styling Changes */

section{

    background-color: #F5F5F5;
}

button.button.-learnMore {

  background: #084861;
  color: #fff;
}

a.button.-outline {

    border: 2px solid #0099A6;
}

.button.-learnMore:hover,
a.button.-outline:hover {

  background-color: #F2645B;

}

.drawer .nav-list .nav-list-item a:hover{

  color: #0099A6 !important;
}

/* End */