.button-youth {
	display: inline-block;
    margin-top: 1.8em;
    padding: 0.6em 1em;
    border: 2px solid #7DBC45;
    background-color: #7DBC45!important;
    text-align: center;
    height: auto;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    border-radius: 8px;
    text-transform: none;
    text-decoration: none;
}
.button-youth:hover {
    background-color: #A7E272!important;
    border: 2px solid #A7E272;
    color: #000;
}

.bg-light-gray {
    background-color:#f4f3f3!important;
    color: #000!important;
}

#section-1 .row.hero {
    padding-right:0;
    background-position: 50% 0;
    min-height: auto!important;
    height: 60vw!important;
}

#section-1 .row.hero .column {
        width:100%;
        padding-right:0;
}

.entry-content a:not(.button) {
    color:#00a599!important;
}
.entry-content a:hover:not(.button) {
    color:#D10075!important;
}

.bg-light-gray {
    background-color:#f4f3f3!important;
    color: #000!important;   
}

.accordion:before {
    content: '\29C1'!important;
    float:right!important;
    transform: rotate(90deg);
    font-size:35px!important;
    color:#d10074!important;
}
.accordion.active:before {
    content: "\29C0"!important;
    transform: rotate(90deg);
    font-size:35px!important;
    color:#d10074!important;
}
.accordion.active {
    margin-bottom:0!important;
}
.panel:not(.panel2) {
    box-shadow: 1px 2px 3px  #cfcfcf;
}
.accordion:not(.faq-accordion2) {
    color:#000;
    box-shadow: 1px 1px 5px #cfcfcf;
}
.accordion {
    padding: 10px!important;
    border-radius: 0;
    font-weight:bold;
    margin-bottom:0;
}

.panel2 {
    padding-bottom:20px!important;
}

#section-13 {
    padding-bottom:0!important;
}

#section-14 {
    padding-bottom:0!important;
}

#section-14 .column div:not(.panel2) {
    border-top: 1px #5a5b5e solid;
    padding-top:15px!important;
    padding-bottom:5px!important;
}
#section-14 .column div:nth-last-child(3) {
    border-bottom: 1px #5a5b5e solid;
    padding-bottom: 15px!important;
}
#section-14 .column p:has(img) {
    margin-top:0!important;
}

.treatmentslist li {
        list-style: none!important;
}

.treatmentslist li:before {
    content: '\2D54';
    color: #d10074;
    vertical-align:middle;
    line-height:20px;
    padding-right: 5px;
}

.row.heading .column {
    max-width: 960px;
    margin: 0 auto;
}
.row.heading h2 {
    text-align: left!important;
}
#page-content {
    display:none;
}
.bg-rich-pink {
    margin-top:50px;
    padding:1rem;
}
    
.bg-teal {
    padding:1rem;
}
.resource-listing .resource .resource-content h3 a {
    font-size:18px!important;
    text-decoration:none!important;
}
.resource-listing .resource {
    background:#fff;
    flex: calc(50% - 2em)!important;
    margin: 1em;
    padding:0;
    box-shadow: 1px 2px 3px  #cfcfcf;
}
.resource-listing .resource .resource-content {
    display: flex;
    align-items: center;
    height:100px;
}
 
#section-5 {
    padding-bottom:0!important;
}
#section-3, #section-4, #section-6 {
    padding-top:0!important;
    padding-bottom:0!important;
}
#section-9 {
    background-position: 50% 10px;
}
#section-9 .row {
    top: 50%;
    position: relative;
}
#section-9 h2 { 
    color:#000!important;
}
#section-10 {
    padding-bottom:0;
}

#section-15 {
    padding-top:0!important;
    padding-bottom:50px;
}

#section-15 .column {
    display: flex;
    align-items: center;
    height: 100px;
}
#section-16 {
    padding-top:0;
}
#section-16 .row.heading {
    padding: 150px 0 20px 0;
    background-image: url(https://sharsheret.org/wp-content/uploads/2023/07/greyback-upright-1.png);
}
#section-16 .row.heading .column h2 {
    color:#000!important;
}

#section-17 .row.heading {
    padding: 50px 0 20px 0;
    background-color:#f4f3f3!important;
}
           
#section-17 .row.heading .column h2 {
    color:#000!important;
}
@media only screen and (min-width: 800px) { 
     #section-15 .column:first-child {
        flex: 0 0 70%!important;
    }
     #section-15 .column:last-child {
        flex: 0 0 30%!important;
    }
    #section-9 {
        padding-top:120px;
    }
}
 
@media only screen and (min-width: 1380px) { 
    #section-2 {
        height: 15vw;
        background-position: 50% -20vw;
        /*height: 20vw;
        background-position: 50% -14vw;*/
    }
}
@media only screen and (max-width: 1380px) { 
    #section-2 {
        height: 20vw;
        background-position: 50% -15vw;
    }
}
@media only screen and (max-width: 1000px) { 
    #section-2 {
        height: 25vw;
        background-position: 50% -5vw;
    }
}
@media only screen and (max-width: 800px) { 
    #section-2 {
        height: 55vw;
        background-position: 50% 0;
        padding-top: 0;
        background-size: 100% 350px;
        padding-bottom:0;
    }
    #section-8 {
        padding-bottom:0;
    }
}

@media only screen and (max-width: 800px) and (min-width: 650px) {
    #section-9 {
        /*height: 36vw!important;*/
        height: 26vw!important;
        }
}
@media only screen and (max-width: 650px) {
    #section-9 .row {
        top:30%!important;
    }
   #section-9 {
        height: 45vw!important;
        }
}
@media only screen and (max-width: 800px) { 
    
    .section .column {
        padding: 30px;
    }
    .row.hero {
        margin-top:0!important;
    }
    .accordioncontainer {
        padding:30px;
    }
    section.bg-light-gray .column {
        padding:0 30px;
    }
    
    #section-15 .column {
            text-align:center;
            padding-top:0;
            }
        }
    .whitetable .icontd {
            flex:10%;
        padding: 5px;
        display: flex;
        align-items: center;
    }
    .whitetable .icontexttd {
            flex:90%;
        text-align:left;
    }
    .whitetable tr      {
            flex-flow: nowrap;
    }
}



@media only screen and (max-width: 600px) { 
    #section-2 {
        height: 70vw;
        background-position: 50% 0;
        background-size: 100% 450px;
    }
    #section-9 {
        height: 55vw!important;
    }
}