.t4-main-body {
  padding-top: 0.25rem !important;
}
#t4-header {
  padding-bottom: 0.2em !important;
  background: url(/images/banner_header_darker.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#t4-section-1 {
  text-align: center !important;
  padding: 0;
}
@media (min-width: 768px)
.navbar-expand-md .navbar-collapse {
    justify-content: center !important;
}
#t4-main-menu {
  padding: 0 !important;
}
.navbar-brand.logo-image img, .navbar-brand.logo-text img {
  max-width: 100%;
}
.navbar-background {
  background: #4b88c3 !important;
}
.t4-megamenu .dropdown-menu li > a {
  color: #c40063 !important;
  padding: 0.6666666667rem 1rem;
  white-space: normal;
}
.navbar-nav > li > a {
  padding-top: 1.5rem !important;
  padding-bottom: 1.33rem !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  font-size: 16px !important;
  font-weight: bolder;
  letter-spacing: 0.03em !important;
  text-transform: uppercase;
  border-bottom: 5px transparent #4b88c3;
}
.navbar-brand.logo-image img {
  max-width: 12.5em !important;
  max-height: 12.5em !important;
}
.navbar-expand-lg .navbar-collapse {
  justify-content: center !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem !important;
  padding-left: 0.5rem;
}
.navbar .navbar-toggler {
  color: white !important;
  text-align: center !imporant;
}

.sectionNavLogos {
  padding-top: 0.5em; 
  padding-bottom: 0;
  padding-right: 0.75em;
  max-width: 8.5em;
  text-align: center;
}

@media (min-width: 768px) {
.sectionNavLogos {
   padding-top: 1.5em !important; 
   padding-bottom: 1.5em !important;
   padding-right: 1em !important;
   max-width: 15em !important;
   text-align: center;
  }
}
.mod-wrapper {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.t4-main-body {
    padding-top: 3rem;
    padding-bottom: 0 !important;
}
.t4-sections_navs {
  padding-top: 1vh !important;
  padding-bottom: 0.5vh !important;
}
.sectionsHeroText {
  padding: 1.5em;
  color: black;
  font-weight: 600;
}
.browniesHeroImage {
 background-image: url(/images/hero_brownies.jpg#joomlaImage://local-images/hero_brownies.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: inherit; 
}
.rangersHeroImage {
 background-image: url(/images/hero_rangers.jpg#joomlaImage://local-images/hero_rangers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: inherit; 
}
.rainbowsHeroImage {
 background-image: url(/images/hero_rainbows.jpg#joomlaImage://local-images/hero_rainbows.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: inherit; 
}
.guidesHeroImage {
 background-image: url(/images/hero_guides.jpg#joomlaImage://local-images/hero_guides.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: inherit; 
}
.homeStatesHeroTopPadding {
  padding-top: 1.5em;
  padding-bottom: 1.5em;  
  text-align: center;
}
.homeStatesHeroBottomPadding {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  text-align: center;
}
.homeBannerImageArea {
  min-height: 15em;
}
@media (min-width: 768px) {
  .homeBannerImageArea {
      min-height: 25em !important;
}  
  .homeFooterImageArea {
  min-height: 15em;
}
@media (min-width: 768px) {
  .homeFooterImageArea {
      min-height: 25em !important;
}
@media (min-width: 768px) {
  .sectionHeroImageHeights {
      min-height: 432px !important;
}
.sectionMobileLinksArea div > p {
  padding-bottom: 0.5em !important;
}
  
.styledButton {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 1em;
  margin-bottom: 1em;
  font: normal normal bold 18px/normal "Poppins", sans-serif;
  color: rgba(255,255,255,1) !important;
  text-decoration: none !important;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #4b88c3;
  }
  
.styledButton:hover {
  background: #c40063 !important;
  text-decoration: none !important;
}
  
.styledButton a {
  color: #ffffff !important;
  text-decoration: none !important;
}
 
.vogrieBannerImageArea {
  min-height: 9em !important;
}
  
@media (min-width: 768px) {
  .vogrieBannerImageArea {
      min-height: 15.5em !important;
}  
.pageTitleText {
    color: rgba(255,255,255,1);

}