/**********************************    Global    **********************************************/

/*text-2*/

@media (min-width: 767px) {

    .text-2 .textSizing, .text-2 .LightMode {
        width: 128px;
    }

    .text-2 .menu {
        transform: translate3d(-128px, 0, 0);
    }

        .text-2 .menu.show {
            transform: translate3d(0px, 0, 0);
            animation-timing-function: 1s ease-in;
        }

            .text-2 .menu.show:hover, .text-2 .menu.show:focus {
                transform: translate3d(-128px, 0, 0);
                animation-timing-function: 1s ease-in;
            }
}

/*text-3*/

@media (min-width: 767px) {

    .text-3 .textSizing, .text-3 .LightMode {
        width: 145px;
    }

    .text-3 .menu {
        transform: translate3d(-145px, 0, 0);
    }

        .text-3 .menu.show {
            transform: translate3d(0px, 0, 0);
            animation-timing-function: 1s ease-in;
        }

            .text-3 .menu.show:hover, .text-3 .menu.show:focus {
                transform: translate3d(-145px, 0, 0);
                animation-timing-function: 1s ease-in;
            }
}

/**********************************    Home    **********************************************/

/*text-3*/

.text-3 .topBanner .callout-button {
    width: 200px;
}

.text-3 .topContent p, .text-3 .secondaryContent p {
    line-height: 41px;
}

.text-3 .leftBox p {
    line-height: 42px;
}


.text-2 .checkboxWrapper, .text-2 .form-control, .text-2 .locationBtn, .text-2 .select-wrapper:before {
    min-height: 80px;
}

.text-2 .checkboxWrapper span {
    height: 80px;
}

.text-2 .blankPlaceholder {
    height: 34.56px;
}

.text-2 div#div-trusted-volunteers, .text-3 div#div-trusted-volunteers {
    display: block;
}

.text-2 .checkboxOuterWrapper {
    display: flex;
    flex-wrap: wrap;
}

.text-3 .checkboxWrapper, .text-3 .form-control, .text-3 .locationBtn, .text-3 .select-wrapper:before {
    min-height: 90px;
}

.text-3 .checkboxWrapper span {
    height: 90px;
}

.text-3 .checkboxOuterWrapper {
    display: flex;
    flex-wrap: wrap;
}

.text-3 #div-trusted-volunteers .checkBoxMainWrapper {
    display: flex;
    flex-wrap: wrap;
}

.text-3 .blankPlaceholder {
    height: 40.56px;
}

.text-3 .checkboxWrapper label {
    margin-bottom: 0px;
    margin-top: 3px;
    line-height: 30px;
}

.text-2 .div-task-type span {
    line-height: 21px;
    margin-top: 10px;
}

.text-3 .div-task-type span {
    line-height: 23px;
    margin-top: 10px;
}

.text-2 dt.col-sm-2 {
    width: 33.33333333%;
}

.text-2 dd.col-sm-10 {
    width: 66.66666667%;
}


.text-3 dt.col-sm-2 {
    width: 33.33333333%;
}

.text-3 dd.col-sm-10 {
    width: 66.66666667%;
}