/ * emergency service icons */

	


/* --- SIMPLY GOOD PAGE --- */
.page_simply-doing-good #page {margin:0;padding: 0;max-width: none;}
.page_simply-doing-good #page-title {max-width: none; padding: 0;display: flex;justify-content: center;align-items: center;min-height: 280px;background: url(assets/images/simply-doing-good.jpg)!important;background-size: cover!important;background-repeat: no-repeat!important;}
.page_simply-doing-good #page-title h1, .page_simply-doing-good #page-title h2 {color: #fff!important;}
.page_simply-doing-good #page-title h1 {font-size: 20px;}
.page_simply-doing-good #page-title > div {flex: inherit;}
.page_simply-doing-good main {margin:auto;padding: 0;max-width: none;}
.page_simply-doing-good #page-title .title-wrapper {text-align:center;}
#doing-good, #simply-neighborhood, #simply-giving, #simply-local {display:flex;padding: 100px;align-items:center;justify-content:space-evenly;}
#doing-good article {flex: 2;}
#doing-good p {font:400 24px/2 Muli,sans-serif;max-width: 774px;letter-spacing:.4px;line-height: 1.46;margin-top: 20px!important;}
#doing-good figure {flex: 1;}
#doing-good {max-width: 1150px;margin: 50px auto;padding: 0;}
#smile-better {position: relative;background-color: #004285;}
#smile-better h2 {padding: 100px 0px;text-align: center;color: #fff;font-size: 55px;}
#smile-better h2 span {font-weight:bold;}
#toy-drive {margin: 0;width: 100%;}
/*#simply-neighborhood > *, #simply-giving > *, #simply-local > * {flex: 1;}*/
#simply-neighborhood article, #simply-giving article, #simply-local article {text-align:center;max-width: 500px;}
#simply-neighborhood h2, #simply-giving h2, #simply-local h2 {margin-bottom: 30px;}
#simply-neighborhood {background:url(assets/images/dg-neighborhood-bkg.jpg);background-size: cover;}
#simply-giving {background:url(assets/images/dg-community-bkg.jpg);background-size: cover;}
#simply-form {text-align: center;padding: 70px 15px;max-width: 800px;margin: auto;}
#simply-form form {background-color: rgb(239, 239, 240);padding: 10px;border: 1px solid;border-radius: 5px;}
#simply-form .input-cont {display:flex;justify-content:space-between;}
#simply-form input {flex: 0 1 49.5%;border: 1px solid;padding: 5px 10px;}
#simply-form label {display: block;text-align: left;margin:15px auto 5px;}
#simply-form textarea {display: block;width: 100%;}
#index-simply {display: flex;flex-wrap: wrap;padding: 50px;max-width: 1200px;margin: 30px auto;align-items: center;}
#index-simply article {flex: 2;}
#index-simply figure {flex: 1;animation-delay: 0.3s;}
#index-simply img:hover {filter:drop-shadow(0px 5px 10px darkgray);transition: 0.3s all;}
.page_simply-doing-good h2, .page_simply-doing-good p {font-family: Muli, sanserif}
.page_simply-doing-good #append {font-size: 56px;}
.page_simply-doing-good h2 {font-size: 54px;font-weight: 400;}

@media (max-width: 900px) {
    #doing-good {padding: 20px;flex-wrap:wrap;}
    #simply-neighborhood, #simply-giving, #simply-local {padding: 50px 20px;flex-wrap:wrap;}
    #doing-good > *, #simply-neighborhood > *, #simply-giving > *, #simply-local > * {flex: auto!important;}
    #simply-local figure {order: 1;}
    #simply-form .input-cont {flex-wrap:wrap;}
    #simply-form input {margin: 5px auto;flex: auto;}
    #index-simply {padding: 50px 50px 0;}
    #index-simply article {flex:inherit;}
}

#classroom-supplies {background-color:#99CA3C; position:relative; padding:30px 0;}
#classroom-supplies .classroom-supplies-container {display:flex; justify-content:flex-start; align-items:center; max-width:1280px; margin:auto; gap:30px;}
#classroom-supplies .classroom-supplies-container .classroom-supplies-copy {text-align:center; max-width:900px;}
.classroom-supplies-container .classroom-supplies-copy .teach {font-size:25px; color:#0A3568; text-transform:uppercase; font-family:'Lato'; margin:0; line-height:1.4;}
.classroom-supplies-container .classroom-supplies-copy .supplies {font-size:31px; color:#fff; text-transform:uppercase; margin:0; line-height:1;}
.classroom-supplies-container .classroom-supplies-copy .amazon {display:flex; justify-content:space-between; align-items:center; text-align:left; gap:2pc;}
.classroom-supplies-container .classroom-supplies-copy .amazon article {max-width:379px; font-size:16px; line-height:1.5; font-family:Muli, sanserif;}
.classroom-supplies-container .classroom-supplies-copy .amazon article ul li::before {color:#fff;}
.classroom-supplies-container .classroom-supplies-copy .amazon article p {line-height:1.5;}
.classroom-supplies-container .classroom-supplies-copy .amazon article .most-requested {margin-left:25px;}
.classroom-supplies-container .classroom-supplies-copy .supplies small {font-size:65%; text-transform:initial;}
.classroom-supplies-container .classroom-supplies-copy .supplies x-small {font-size: 15px;text-transform: initial;}

@media(max-width: 1273px) {
.classroom-supplies-container .classroom-supplies-copy .amazon {display:block;}
#classroom-supplies .classroom-supplies-container {display:block;}
.classroom-supplies-container .classroom-supplies-copy .amazon article {max-width:779px; margin:auto;}
.classroom-supplies-container .classroom-supplies-copy .amazon article ul {padding-bottom:100px;}
#classroom-supplies .classroom-supplies-container {margin:auto 20px;}
#classroom-supplies .classroom-supplies-container .classroom-supplies-copy {padding-bottom:1pc}
.classroom-supplies-container .classroom-supplies-copy .supplies small {position:relative; top:-7.5pc; text-align:left;}
}

.page_simply-doing-good main #page {max-width: 100%;margin: 0; padding: 0;}




.off {pointer-events: none;}

.service-icons {display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto; 
    h3 {margin: 5px auto; font-size: 22px; line-height: 1.1;}
    > * {padding: 5px; flex:0 1 180px; margin: 10px auto;display: block;}
  a { color: $text;text-decoration: none;
    &:hover {
        .icon .ic-color {fill: $primary;} 
      h3 {color: $primary;}
    }
  }
}

.ic-color {fill: $secondary}
.sv-icon {height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.service-icons > a { margin: 0 24px; }

.has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}
.has-h3 h3 {margin: 0 auto 10px;text-align: left;}
@media (max-width: 750px) {
 .has-h3, .has-h3 h3 {text-align: center;}
}

/*==================== Modal ================*/

#lean_overlay {padding: 10px; position: fixed; z-index:1100; top: 0; left: 0; height:100%; width:100%; background: rgba(0,0,0,.9); display: none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; overflow: scroll; }




.modal-content { display: none; -webkit-box-flex: 0;-ms-flex: 0 1 97%;flex: 0 1 97%;border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  max-width: 1000px;-webkit-box-sizing: border-box; box-sizing: border-box; position: relative;text-align: center;  width: 93%;  max-height: calc(100vh - 80px); overflow: auto;
  
          h3 {text-align: center;font-size: 26px;margin: 15px 0 10px}
        .has_btns {display: flex; justify-content: center; flex-wrap: wrap;}
        .btn {margin: 5px; min-width: 430px;}

  
    .buttons {display: flex;flex-wrap: wrap;justify-content: center;}
    .buttons > p {margin: 5px}

    }

    .modal-close { position: absolute; right:0; top:0; margin: 5px; z-index:1002; cursor:pointer;  color: $secondary; line-height: 1;
        span {display: none;}
        i { position: relative; color:$secondary; font-style: normal; padding-bottom: 4px;
            &:before { font-size: 40px;content: '\00d7'}
        }
         &:hover i {color: #555; }
    }


    .modal-content .has_btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .modal-content .btn{margin:5px;min-width:350px}


#index-find {
margin: 8rem auto 6rem;
text-align: center;
max-width: 1200px;
}

p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}
.accordion-detection {
  margin: 20px auto;
  text-align: left;
  max-width: 1050px;
}
.accordion-detection .toogle {
  position: relative;
  cursor: pointer;
  clear: both;
  color: #666;
  font: 400 25px/1.25 "Questrial", sans-serif;
  display: block;
  padding: 10px 55px 10px 0px;
  margin: 7px auto 0;
  border-bottom: 1px solid #909090;
}
.accordion-detection .toogle:hover {
  color: #0c5892;
}
.accordion-detection .toogle.active {
  border-bottom: none;
}
.accordion-detection .toogle.active:before {
  content: '\e841';
}
.accordion-detection > div p {
  margin: 0;
  position: relative;
}
.accordion-detection .toogle:before {
  content: '\e840';
  font-family: fontello;
  color: #A8D747;
  font-size: 30px;
  position: absolute;
  top: 12px;
  right: 5px;
}
.accordion-detection:hover .toogle:not(:hover) {
  opacity: 0.7;
}
.accordion-detection:hover .toogle.active {
  opacity: 1;
}
.accordion-detection > div {
  display: none;
  padding: 5px 50px 10px 0;
  margin: 0 auto;
  border-bottom: 1px solid #909090;
}
.accordion-detection > div p + p {
  margin-top: 15px;
}
.accordion-detection > div ul {
  margin-bottom: 0;
}
.page_orthodontic-screenings .container.zebra.flip {display: none;}
.warning-signs {display: flex; justify-content: space-around; align-items: center;gap: 50px;flex-wrap: wrap;}
.benefits {display: flex; justify-content: space-around; align-items: center;gap: 50px;flex-wrap: wrap;}
.benefits article, .warning-signs article {max-width: 620px;}
.warning-signs article span {color: #003DA6; font-size: 21px;font-weight: bold;}
.icons-container {display: flex; justify-content: space-around; align-items: center;max-width: 1000px; margin: 50px auto;flex-wrap: wrap;gap: 25px;}
.icons-container .item-container {text-align: center;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;}
.icons-container .item-container  span {color: #003DA6;font-weight: bold;}
.intro-ortho-container {display: flex; justify-content: space-around; align-items: center;gap: 50px;flex-wrap: wrap;max-width: 1100px;}
.intro-ortho-container p {max-width: 400px;}
.ortho-form form {max-width: 782px;text-align: center;padding: 70px 20px;}
.ortho-form > div {margin: 70px auto;}
.ortho-form .btn-ortho {background-color: #FF7612; color: #fff;width: 60%;}
.page_orthodontic-screenings #page {max-width: 1380px;}
@media(max-width: 1152px){.warning-signs-special {flex-direction: column-reverse;}}