/* -- community involvement form -- */
#community-form {max-width: 450px;margin: auto}
#community-form input, #community-form textarea {width: 100%;}
#community-form input {padding: 10px;border: 1px solid;margin: 7px 0;}
#community-form textarea {margin: 7px 0 10px}
#community-form button, #community-form #form-select {margin: 10px 0;}
#community-form button {width: 100%}


/* -- section toggle -- */
.has-h3{clear:both;display:table;width:100%;margin:20px auto;text-align:left}
.has-h3 h3{margin:0 auto 10px;text-align:left}
.section-toggle{display:none;margin-top:20px}
button.togg{transition:.4s all}
@media (max-width: 750px) {
.has-h3,.has-h3 h3{text-align:center}
}
.section-toggle{display:none;background-color:#fff;padding:30px 20px;max-width:97%;box-shadow:1px 1px 8px #00000054;margin:0 auto;position:relative;z-index:12}
.togg-container{max-width:1050px;margin:auto}
button.togg{transition:.4s all}
.sv-close{clear:both;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:auto}
.sv-close svg{margin-left:10px;max-width:50px;height:auto;transition:.3s all}
.sv-close:hover svg *{fill:#80d8d0}
.sv-close:hover #Path_2166{fill:#fff}


/* Patient Feedback */
.pfb .inline.wide { min-height: 300px; }
.pfb .inline.wide label { font-size: 24px; text-align: center; margin: 5px auto; display: block; }
.pfb .inline.wide textarea { margin: 5px auto; width: 70%; height: 150px; display: block; resize: none; }
.pfb .btn-alt { margin: 5px auto; text-align: center; display: block; }
.pfb > div:first-of-type {padding: 15px;display: flex; flex-wrap: wrap;justify-content: space-evenly;}
.pfb input {flex: 0 1 45%; padding: 10px; margin: 5px;}


/* children's dent page */
.child-dent-special { margin: 25px auto; }





.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}

.pay-hd {display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;-webkit-transition: .4s all;-webkit-transition: .3s all;transition: .3s all;font: 400 15px/1.2 'Nunito Sans', sans-serif;color: #fff!important;min-width: 225px;margin: 30px 0 0;margin-bottom: 0px;padding: 1px 12px;/*border: 2px solid #000;*/background-color: #198d75;margin-bottom: -32px;}
.pay-hd:hover {background-color: #7fd8d0;  color: #2e2e2d;!important;}
@media (max-width: 1030px) {
  .pay-hd {
    display: none;
  }
}
.badge-ban{position: absolute;  width: 175px;  top: 22pc;  z-index: 10; left: 2pc;}

@media (max-width:550px) {.badge-ban{position: initial;}}


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



.graphic-heart {max-width: 30%;width: 100%;}
.page_community #title {flex-direction: column;}
@media(max-width: 1200px){.graphic-heart {max-width: 40%;}}