.elementor-4417 .elementor-element.elementor-element-39d4731{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4417 .elementor-element.elementor-element-07e0eef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4417 .elementor-element.elementor-element-2f010ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-4417 .elementor-element.elementor-element-2f010ff:not(.elementor-motion-effects-element-type-background), .elementor-4417 .elementor-element.elementor-element-2f010ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01739A;}.elementor-4417 .elementor-element.elementor-element-a5e53ab{--display:flex;}.elementor-4417 .elementor-element.elementor-element-6dfc6cd{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-4417 .elementor-element.elementor-element-74271cc{margin:-25px -25px calc(var(--kit-widget-spacing, 0px) + 25px) 10px;}.elementor-4417 .elementor-element.elementor-element-74271cc img{border-radius:40px 0px 0px 40px;}@media(min-width:768px){.elementor-4417 .elementor-element.elementor-element-a5e53ab{--width:60%;}.elementor-4417 .elementor-element.elementor-element-6dfc6cd{--width:40%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-07e0eef */.slanted-container
{
    height: 80px;
    position: relative;
}

.top-slanted-banner
{
    width: 100%;
    height: calc(50% + 20px);
background: #0180B0;
}
.middle-slanted-banner
{
  clip-path: polygon(0 0, 100% 20px, 100% 100%, 0% 100%);
    width: 100%;
    height: 30%;
background: #01739A;
position: absolute;
bottom: calc(50% - 20px);
}

.bottom-slanted-banner
{
    width: 100%;
    height: calc(50%);
background: #01739A;
}


.cross-lines
{
  height: 100px;
}
.cross-line-1
{
    width: 101%; /* Spans the width of its container */
    height: 1px; /* Controls the line thickness */
    background-color: #3D5C80;
    position: absolute; /* Position it over content as requested */
    top: 100px; /* Adjust top/bottom to position it */
    left: 0;
    transform: rotate(-6deg); /* Adjust the angle for the desired slant */
    transform-origin: 0 0; /* Rotate from the top-left corner */
    z-index: 10; /* Ensure it is above other content */
    
}
.cross-line-2
{
    width: 101%; /* Spans the width of its container */
    height: 1px; /* Controls the line thickness */
    background-color: #3D5C80;
    position: absolute; /* Position it over content as requested */
    top: -58px; /* Adjust top/bottom to position it */
    left: 0;
    transform: rotate(6deg); /* Adjust the angle for the desired slant */
    transform-origin: 0 0; /* Rotate from the top-left corner */
    z-index: 10; /* Ensure it is above other content */

}

@media (max-width: 500px) {
.cross-line-1
{
 top: 35px;
}

.cross-line-2
{

     top: -18px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c1fe10 */.volunteer-connect
{
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    margin-top: 10px;
}

.volunteer-connect-detail
{
    color: #fff;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    
}

.volunteer-csearch
{
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
    
}

.facetwp-radius.facetwp-radius-dropdown
{
    display: none;
}

.facetwp-facet.facetwp-facet-cause,
.facetwp-facet.facetwp-facet-location
{
    margin-bottom: 0;
}

.facetwp-facet.facetwp-facet-cause,
.facetwp-facet.facetwp-facet-location
{
    display: inline-block;
}

.facetwp-facet.facetwp-facet-cause .fs-search
{
    display:none;
}

.facetwp-facet.facetwp-facet-location .facetwp-icon.locate-me
{
    padding-right: 10px;
}

.facetwp-facet.facetwp-facet-cause .fs-wrap
{
    display: block;
}

.facetwp-facet.facetwp-facet-cause .fs-label-wrap
{
    padding-left: 8px;
    border: 0;
        border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;   
}

.search-spacer-container
{
}

.search-spacer
{
}

.facetwp-facet.facetwp-facet-cause .fs-label-wrap .fs-label {
}

body .facetwp-facet input.facetwp-location
{
    border: 0;

/*
    padding-top: 9px;
    padding-bottom: 9px;
    position: relative;
    top: -14px;
    left: -9px;
    */
}
    
input[type=text].facetwp-location
{
    border-bottom-right-radius: 21px;
    border-top-right-radius: 21px;    
}

.outer-volunteer-search-container
{
    margin-top: 10px;
    width: fit-content;
    margin-left: calc(50% - 185px);
    display: flex;
}

@media (max-width: 500px) {

.volunteer-connect,
.volunteer-connect-detail
{
    padding-left: 0;
    text-align: center;
}   
    
.outer-volunteer-search-container
{
    margin-top: 10px;
    max-width: 100%;
    display: block;
    width: 100%;
    margin-left: 0;
}
.outer-volunteer-search-container
.volunteer-search-container
{
    display: block;
    max-width: 100%;
}
.outer-volunteer-search-container .facetwp-submit
{
    margin-left: calc(50% - 185px);    width: fit-content;
    display: block;
}

.facetwp-facet input.facetwp-search, body .facetwp-facet input.facetwp-location {
    min-width: 140px;
}

}

.court-ordered
{
    margin-top: 4px;
    width: fit-content;
    margin-left: calc(50% - 185px);
    color: #fff;
}

.volunteer-search-container
{
    margin-top: 10px;
    border: 1px solid #666;
    border-radius: 25px;
    width: fit-content;
    margin-left: calc(50% - 185px);
    background: #fff;
}

.facetwp-facet.facetwp-facet-cause .fs-label-wrap .fs-arrow {
    right: 10px;
}

.facetwp-facet.facetwp-facet-cause .fs-label-wrap .fs-label {
    border-right: 1px solid #ccc;
}

.facetwp-facet.facetwp-facet-cause .fs-label-wrap {
    width: 180px;
}

.facetwp-facet.facetwp-facet-cause .fs-dropdown
{
    margin-left: 6px;
    margin-top: 4px;
}

body .facetwp-facet input.facetwp-location {
    margin-left: -40px;
}

.facetwp-submit
{  
    background: #3D5C80;
    margin-top: 10px;
    margin-left: 16px;
        border-radius: 25px;
   align-items: center;
    display: flex;

}

.facetwp-submit [type=submit] {
    color: #fff;
    font-weight: 500;
    font-family: poppins;
}

.facetwp-submit [type=submit]:hover {
    background: transparent !important;
}

.facetwp-submit:hover {
     background: #537DAC;
  opacity: 0.8;
}


#front-page-submit
{
    border: 0;
}

.court-ordered .facetwp-facet-may_support_court_ordered_service
{
  margin-bottom:0;
}

.court-ordered  .facetwp-counter
{
    display: none;
}

.facetwp-checkbox {
  background-size: 16px 16px;
}/* End custom CSS */