/**** Custom Recruiter Styles ****/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.view-container {
    position: relative;
    margin-bottom: 0; /* Set this to match the height of your footer */
}
/* TODO remove this if it isn't used */
/*span.fa.fa-camera {
  margin-top: 15px;
  margin-left: 3px;
}*/

.search-highlight {
    background: #FFF !important;
}

h1 {
    font-family: 'Solway', serif;
    font-weight: 500;
    font-size: 64px;
    line-height: 150%;
    letter-spacing: -1.28px;
}

h2 {
    font-family: 'Solway', serif;
    font-weight: 500;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: -1.28px;
}

h3 {
    font-family: 'Solway', serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 105%;
    letter-spacing: -1.28px;
}

h4 {
    font-family: 'Nunito', serif;
    font-weight: bolder;
    font-size: 24px;
    line-height: 105%;
    letter-spacing: 3.2px;
}

h5 {
    font-family: 'Solway', serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -1.28px;
}

h6 {
    font-family: 'Nunito', serif;
    font-weight: bolder;
    font-size: 18px;
    line-height: 105%;
    letter-spacing: 3.2px;
}

.body-copy {
    font-family: 'Nunito', serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
}

.button.secondary {
    background-color: var(--light-blue);
    color: var(--blue);
}

.button.medium {
    padding: 10px 15px;
    border-radius: 45px;
    display: inline-flex;
    border: 0 !important;
    align-items: center;
    gap: 10px;
}

.left-info {
    max-width: 400px;

}

.body-copy-small {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0;
}

button {
    font-family: 'Nunito', serif;
    font-weight: bolder;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 3.2px;
}

li {
    font-family: 'Nunito', serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
}


/**** LANDING PAGE *****/

.squiggle-landing-page {
    background-image: url("data:image/svg+xml,%3Csvg width='422' height='100' viewBox='0 0 422 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100H422V0.0393066C417.28 0.368652 412.702 2.76782 408.21 7.26001C394.49 20.9802 391.79 20.9802 378.08 7.26001C373.23 2.41016 368.11 0 362.98 0C357.86 0 352.73 2.41016 347.88 7.26001C334.16 20.9802 331.46 20.9802 317.75 7.26001C312.9 2.41016 307.78 0 302.65 0C297.53 0 292.4 2.41016 287.55 7.26001C273.83 20.9802 271.13 20.9802 257.42 7.26001C252.58 2.41016 247.45 0 242.33 0C237.21 0 232.08 2.41016 227.23 7.26001C213.51 20.9802 210.81 20.9802 197.1 7.26001C192.25 2.41016 187.12 0 182 0C176.88 0 171.75 2.41016 166.9 7.26001C153.18 20.9802 150.48 20.9802 136.77 7.26001C131.92 2.41016 126.8 0 121.67 0C116.55 0 111.42 2.41016 106.57 7.26001C92.8499 20.9802 90.1499 20.9802 76.4399 7.26001C71.5898 2.41016 66.4698 0 61.3398 0C56.2198 0 51.0898 2.41016 46.2399 7.26001C32.5199 20.9802 29.8198 20.9802 16.1099 7.26001C11.2599 2.41016 6.24988 0 1.12988 0C0.753784 0 0.377197 0.0129395 0 0.0390625V100Z' fill='%23E0F6F9' style='fill:%23E0F6F9;'/%3E%3C/svg%3E");

    height:20px;
    background-position:top;
    margin-top:-20px;
    position: relative;
    z-index:6000;
}

.image-background {
    width: 100%;
    position: relative;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}

.gradient-overlay {
    background-image: linear-gradient(0deg, rgba(2,0,36,0) 70%, rgba(16,35,90,1) 100%), linear-gradient(270deg, rgba(0,0,0,0) 60%, rgba(16,35,90,1) 100%);
}

#hdr_nav_links li a {
    border-left: none !important;
}

#volunteer-section {
    background: var(--secondary-blue);
}

.box-edit-container {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 125px;
    padding-bottom: 100px;
    min-height: 785px;
    display: flex;
    background: var(--secondary-blue);
}

.box-edit {
    background: var(--primary-color);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    border-radius: 20px;
    padding: 1rem;
}

.box-options-container {
    display: flex;
    gap: 0.5rem;
    justify-content: end;
    flex-basis: 33%;
    flex-wrap: wrap;
    align-content: end;
    padding: 2rem;
}

.box-options-container h3 {
    font-family: Nunito;
    /* font-size: 18px; */
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 115%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: #ffffff;
    flex-basis: 100%;
}

.box-options {
    display: flex;
    row-gap: 0.5rem;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.box-option {
    padding: 1rem;
    font-size: 20px;
    color: var(--main-text-lt);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 10px;

    width: 100%;
    flex-basis: 100%;
    border: 1px solid #435C8A;
    background-color: transparent;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.4px;
    text-align: left;
    align-items: center;
}

.box-option.active {
    color: var(--primary-color);
    background: var(--secondary-yellow);
}

.box-content-middle {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 1rem;
    flex-basis: 33%;
    padding: 2rem 0;
}

.box-option-content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 1rem;
    color: var(--main-text-lt);
}
.box-option-content p {
    color: var(--main-text-lt);
}

.box-option-content h4 {
    color: var(--secondary-yellow);
}

.box-content-right {
    flex-basis: 400px;
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    overflow: hidden;
}

.box-content-right img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* vol_menu */
.welcome-header{
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 10px;
}

.heading-h3{
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px;
}


/* Footer */

/* NOTE THIS IS FOR THE DEFAULT TEMPLATE PLEASE DELETE IF NOT USED */

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.button {
    font-family: Nunito;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    color: var(--blue);
    border: 0;
}

.button, .form-dropdown {
    transition: background 0.2s, color 0.2s;
}

.light-blue-text {
    color: var(--light-blue) !important;
}

.white-text, .white-text a {
    color: #fff !important;
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.uk-width-1-6 {
    width: calc(100% / 6);
}

.uk-width-expand {
    flex: 1;
    min-width: 1px;
}

.uk-link {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer;
}

#footer {
    background-color: var(--blue);
    padding: 0.1px 50px 100px;
}

#footer-content-top {
    margin-top: 50px;
}

#footer-social-links {
    display: flex;
    align-items: center;
    justify-content: end;
}

#footer-social-links img {
    max-width: 32px;
}

#footer a.button {
    text-decoration: none;
}

#footer a.footer-link {
    border-bottom: 2px solid var(--blue);
    transition: border-color 0.2s;
}

.footer-link-header-mobile {
    border-bottom: 1px solid var(--light-blue);
    display: block;
    padding: 25px 0 10px;
    width: 100%;
}


.body-copy-small {
    padding: 0.5rem 0;
    color: var(--blue);
}


.footer-link-header-mobile {
    display: flex;
    justify-content: space-between;
}

.footer-link-list-mobile {
    display: none;
}


.samaritan-footer {
    background: #0061a7 !important;
    color: #FFF !important;
}
.samaritan-footer a {
    color: #ffffff !important;
}

#clientRegister {
    border-radius: 0;
    color:white;
    padding:20px;
}

#clientRegister a {
    text-decoration: none;
    color: white;
}


/* Breadcrumb Styles */

.breadcrumb {
    background-color: #FEBF33; !important;

    /* body copy small */
    font-family: 'Nunito Sans', serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0;
}

.breadcrumb>.active {
    color: var(--blue);
}

/*.breadcrumb > li > a {*/
/*  !* color: #24557F !important; *!*/
/*    color: #FFFFFF !important;*/
/*}*/

/*.breadcrumb > .active {*/
/*  color: #FFFFFF !important;*/
/*}*/