@charset "utf-8";
@import url("../webfonts/Oswald_Regular/stylesheet.css");
@import url("../webfonts/Poppins_Regular/stylesheet.css");
@import url("../webfonts/Roboto_Regular/stylesheet.css");
@import url("../webfonts/Roboto_Bold/stylesheet.css");
@import url("../webfonts/Nunito_Regular/stylesheet.css");
@import url("../webfonts/Lato_Regular/stylesheet.css");

hr {
    margin-top: 20px;
    border: thin dotted #012A33;
    margin-bottom: 20px;
}
a.accordion1:link {
  color: #000000;
}
a.accordion1:active {
  color: #000000;
}
a.accordion1:hover {
  color: #000000;
  text-decoration: none;
}
a.accordion1:visited {
  color: #000000;
}
#email {
  width: 100%;
  max-width: 300px;
}
#cards {
  margin: 0px;
}
#contact-hoo {
  margin-left: -15px;
  margin-right: 14px;
}
#name {
  max-width: 250px;
  width: 100%;
}
#query {
  height: auto;
  min-height: 200px;
  width: 100%;
  padding-left: 5px;
}
#title {
  max-width: 500px;
  width: 100%;
}
#wcg1 {
  margin-top: 0px;
}
#wcg2 {
  margin-top: 0px;
}
#wcg3 {
  margin-top: 0px;
}
#bar-footer {
  background-color: #E7F6FE;
}

#bar-nav {
  background-color: #FFFCE8;
}
.color-text-maroon {
  color: #B00000;
}
.content-margin-column {
  margin-left: 5px;
  margin-right: 5px;
}
.content-margin-2column {
  margin-left: -5px;
  margin-right: -5px;
}
.content-margin-iframemap {
  margin-top: 15px;
  margin-bottom: 25px;
  width: 100%;
}
.content-margin-nocolumn {
  margin-left: 15px;
  margin-right: 15px;
}
.content-margin-nocolumn2 {
  margin-left: 30px;
  margin-right: 30px;
}
.content-margin-icon {
  margin-bottom: 15px;
  margin-top: 8px;
  margin-left: 5px;
}
.content-footer-corner {
  position: relative;
  bottom: 0px;
  right: 0px;
}
.content-social-facebook {}
.div-color-lightblue {
  background-color: #E7F6FE;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  padding: 15px;
  border: thick solid #FFFFFF;
}
.div-color-paleyellow {
  background-color: #FFFCE8;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 15px;
  border: thick solid #FFFFFF;
}
.div-color-palegreen {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    background-color: #E9F5F4;
    border-bottom-right-radius: 15px;
    /* [disabled]border: thick solid #FFFFFF; */
    border-top-left-radius: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.div-color-lightbrown {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 5px;
  background-color: #F1F3EB;
  border-bottom-right-radius: 15px;
  /* [disabled]border: thick solid #FFFFFF; */
  border-top-left-radius: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.div-color-white {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    border: thin solid #F1F1F1;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #F7F7F7;
}
.div-column-services2 {
  column-count: 4;
}
.div-column-services {
  column-count: 2;
}
.div-content-ankers {
  column-count: 3;
}
.div-content-group1 {
    border-radius: 10px;
}
.div-margin-anchor {
	scroll-margin-top: 70px;
}
.div-margin-map {
  margin-bottom: 0px;
  margin-top: 0px;
}
.div-margin-services {
    margin-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}

.div-margin-logo {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: auto;
}
.div-margin-directory {
    padding: 20px;

}
.div-margin-mission {
  margin-top: 30px;
}
.div-margin-story {

}
.div-margin-ourstory {
  margin-right: 20px;
}
.div-margin-free {
  margin-top: 30px;
}
.div-margin-tech {
  margin-bottom: 15px;
  border-radius: 10px;
  margin-top: 5px;
  margin-left: 30px;
  float: right;
}
.div-margin-option {
  margin-top: 30px;
  margin-bottom: 0px;
}
.div-margin-apps {
  margin-bottom: 0px;
}
.div-margin-option1 {
  margin-bottom: 30px;
}
.div-margin-option2 {
  margin-bottom: 30px;
}
.div-padding-download {
  padding-left: 6px;
  padding-bottom: 6px;
}
.div-position-bottomright {
    position: absolute;
    right: 25px;
    bottom: 15px;
}
.div-shadow-box {
    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,21,33,0.25);
    box-shadow: 3px 3px 3px 1px rgba(0,21,33,0.25);
}
.font-roboto-bold {
  font-family: "Roboto Bold";
}
.font-roboto-regular {
  font-family: "Roboto Regular";
}
.font-poppins-regular {
  font-family: "Poppins Regular";
}
.font-nunito-regular {
  font-family: "Nunito Regular";
}
.font-oswald-regular {
  font-family: "Oswald Regular";
}
.font-lato-regular {
    font-family: "Lato Regular";
}
.footer-margin {
  margin-top: 30px;
}
.full-text {
  display: none;
}
.header-margin {
  margin-top: 70px;
  margin-bottom: 30px;
}
.header-margin2 {
    margin-top: 65px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
}
.hr-margin-hoo {
  margin-top: 20px;
}
.label-margin-email {}
.label-margin-name {}
.label-margin-summary {}
.logo-sm-max {
    max-width: 500px;
    width: 100%;
}
.logo-lg-max {
  max-width: 1000px;
}
.p-margin-app {
  margin-top: 10px;
  margin-bottom: 15px;
}
.span-padding-hoo {
  padding-left: 3px;
}
.text-size-12em {
    font-size: 1.2em;
}
.text-size-14em {
    font-size: 1.4em;
}
.text-size-15em {
    font-size: 1.5em;
}
.text-size-cards {
    font-size: 1.2em;
}

.text-size-hoo {
    font-size: 1.1em;
}
.text-size-copyright {
  font-size: xx-small;
}
.truncated-text {
  max-height: auto; /* Adjust as needed */
  overflow: hidden;
  position: relative;
}
/* Optional: Add a fade-out effect */
.truncated-text::after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, transparent, white 50%); /* Adjust background color */
  padding-left: 10px;
}
.ul-services li {
  margin-right: 10px;
  padding-left: 7px;
  margin-bottom: 15px;
  margin-left: 10px;
}
.width-1000px {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#collapseOne1 {}
#collapseTwo1 {
    font-size: medium;
}
#collapseThree1 {}
#headingOne1 {
  background-color: #FFFFFF;
}
#headingTwo1 {
  background-color: #FFFFFF;
}
#headingThree1 {
  background-color: #FFFFFF;
}
#headingFour1 {
  background-color: #FFFFFF;
}
#headingFive1 {
  background-color: #FFFFFF;
}
#headingSix1 {
  background-color: #FFFFFF;
}
#headingSeven1 {
  background-color: #FFFFFF;
}
#headingEight1 {
  background-color: #FFFFFF;
}
.btn-margin-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}




@media (min-width:992px) {
  .div-margin-hoo {
    margin-top: -3px;
  }
  .div-visible-sunday {
    display: flex;
    flex-wrap: wrap;
  }
  #cardpic1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  #cardpic2 {}
  #cardpic3 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media (max-width:991.98px) {
  .div-margin-hoo {
    margin-top: -5px;
  }
  .div-visible-sunday {
    display: none;
  }
  #cardpic1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  #cardpic2 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  #cardpic3 {
    border-radius: 10px;
  }
  .div-margin-card1 {
    margin-bottom: 30px;
  }
  .div-margin-card2 {
    margin-bottom: 30px;
  }
  .header-margin {
    margin-top: 70px;
    margin-bottom: 10px;
  }
  .text-size-hoo {
    font-size: 1.1em;
  }
  .div-column-services {
    column-count: 2;
  }
}
@media (max-width:767.98px) {
  .text-size-hoo {
    font-size: 0.8em;
  }
  .div-content-ankers {
    column-count: 3;
  }
  .div-column-services {
    column-count: 3;
  }
  .div-column-services2 {
    column-count: 3;
  }
}
@media (max-width:575.98px) {
  #cardpic1 {
    border-radius: 10px;
  }
  #cardpic2 {
    border-radius: 10px;
  }
  #cardpic3 {
    border-radius: 10px;
  }
  .div-margin-card1 {
    margin-bottom: 30px;
  }
  .div-margin-card2 {
    margin-bottom: 30px;
  }
  .div-margin-card3 {
    margin-bottom: 0px;
  }
  .header-margin {
    margin-top: 70px;
    margin-bottom: 0px;
  }
  .text-size-days {
    font-size: 12px;
  }
  .text-size-hoo {
    font-size: 0.8em;
  }
  .div-content-ankers {
    column-count: 2;
  }
  .div-column-services {
    column-count: 1;
  }
  .div-column-services2 {
    column-count: 1;
  }
}
