/*--- Color Codes             -------*/
/*
Red = #C9152A
Bright Red = #D31419
Pink = #C8217B
Fuchsia = #DB005B
Purple = #33006F
Lilac = #975680
Green = #006747
Navy = #28314E
Blue = #233A87
Aqua = #4294D7
Orange = #F47935
Tan = #FAA026
Yellow = #FAC51D
*/

/*-----------------------------------------*/

/*--- 1. Red                        -------*/
/*--- 2. Bright Red                 -------*/
/*--- 3. Pink                       -------*/
/*--- 4. Fuchsia                    -------*/
/*--- 5. Purple                     -------*/
/*--- 6. Lilac                      -------*/
/*--- 7. Green                      -------*/
/*--- 8. Navy                       -------*/
/*--- 9. Blue                       -------*/
/*--- 10. Aqua                      -------*/
/*--- 11. Orange                    -------*/
/*--- 12. Tan                       -------*/
/*--- 13. Yellow                    -------*/

/*-----------------------------------------*/


/*--- 1. Red                       -------*/
.red-custom_page {
    .banner {
        background-color: #C9152A;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #E48994;
    }

    hr {
        border-top: 1px solid #C9152A;
    }

    .alert-primary {
        background-color: #C9152A;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #C9152A;
    }

    button, .sexualHealth-btn {
        background-color: #C9152A;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #C9152A;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #C9152A;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #C9152A;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #C9152A;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #C9152A;
    }
    .tx-powermail .powermail_submit {
        background-color: #C9152A;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #C9152A;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #C9152A;
        color: #fff;
    }
}

/*--- 2. Bright Red                 -------*/
.brightRed-custom_page {
    .banner {
        background-color: #D31419;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #de9093;
    }

    hr {
        border-top: 1px solid #D31419;
    }

    .alert-primary {
        background-color: #D31419;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #D31419;
    }

    button, .sexualHealth-btn {
        background-color: #D31419;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #D31419;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #D31419;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #D31419;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #D31419;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #D31419;
    }
    .tx-powermail .powermail_submit {
        background-color: #D31419;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #D31419;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #D31419;
        color: #fff;
    }
}

/*--- 3. Pink                       -------*/
.pink-custom_page {
    .banner {
        background-color: #C8217B;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #E390BD;
    }

    hr {
        border-top: 1px solid #C8217B;
    }

    .alert-primary {
        background-color: #C8217B;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #C8217B;
    }

    button, .sexualHealth-btn {
        background-color: #C8217B;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #C8217B;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #C8217B;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #C8217B;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #C8217B;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #C8217B;
    }
    .tx-powermail .powermail_submit {
        background-color: #C8217B;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #C8217B;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #C8217B;
        color: #fff;
    }
}

/*--- 4. Fuchsia                    -------*/
.fuchsia-custom_page {
    .banner {
        background-color: #DB005B;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #e188ae;
    }

    hr {
        border-top: 1px solid #DB005B;
    }

    .alert-primary {
        background-color: #DB005B;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #DB005B;
    }

    button, .sexualHealth-btn {
        background-color: #DB005B;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #DB005B;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #DB005B;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #DB005B;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #DB005B;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #DB005B;
    }
    .tx-powermail .powermail_submit {
        background-color: #DB005B;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #DB005B;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #DB005B;
        color: #fff;
    }
}

/*--- 5. Purple                     -------*/
.purple-custom_page {
    .banner {
        background-color: #33006F;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #997FB7;
    }

    hr {
        border-top: 1px solid #33006F;
    }

    .alert-primary {
        background-color: #33006F;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #33006F;
    }

    button, .sexualHealth-btn {
        background-color: #33006F;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #33006F;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #33006F;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #33006F;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #33006F;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #33006F;
    }
    .tx-powermail .powermail_submit {
        background-color: #33006F;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #33006F;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #33006F;
        color: #fff;
    }
}

/*--- 6. Lilac                      -------*/
.lilac-custom_page {
    .banner {
        background-color: #975680;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #c4aabd;
    }

    hr {
        border-top: 1px solid #975680;
    }

    .alert-primary {
        background-color: #975680;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #975680;
    }

    button, .sexualHealth-btn {
        background-color: #975680;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #975680;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #975680;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #975680;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #975680;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #975680;
    }
    .tx-powermail .powermail_submit {
        background-color: #975680;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #975680;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #975680;
        color: #fff;
    }
}

/*--- 7. Green                      -------*/
.green-custom_page {
    .banner {
        background-color: #006747;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #B6CEA0;
    }

    hr {
        border-top: 1px solid #006747;
    }

    .alert-primary {
        background-color: #006747;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #006747;
    }

    button, .sexualHealth-btn {
        background-color: #006747;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #006747;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #006747;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #006747;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #006747;
    }
    .colouredContent .default * {
        color: #231f20!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #006747;
    }
    .tx-powermail .powermail_submit {
        background-color: #006747;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #006747;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #006747;
        color: #fff;
    }
}

/*--- 8. Navy                      -------*/
.navy-custom_page {
    .banner {
        background-color: #28314E;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #485069;
    }

    hr {
        border-top: 1px solid #28314E;
    }

    .alert-primary {
        background-color: #28314E;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #28314E;
    }

    button, .sexualHealth-btn {
        background-color: #28314E;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #28314E;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #28314E;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #28314E;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #28314E;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #28314E;
    }
    .tx-powermail .powermail_submit {
        background-color: #28314E;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #28314E;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #28314E;
        color: #fff;
    }
}

/*--- 9. Blue                     -------*/
.blue-custom_page {
    .banner {
        background-color: #233A87;
        color: #fff;
    }
    .banner .banner-image {
        background-color: #7F97C3;
    }

    hr {
        border-top: 1px solid #233A87;
    }

    .alert-primary {
        background-color: #233A87;
        color: #fff !important;
    }

    blockquote {
        border-left: 5px solid #233A87;
    }

    button, .sexualHealth-btn {
        background-color: #233A87;
        color: #fff;
    }

    form [type=submit],
    form [type=button] {
        background-color: #233A87;
        color: #fff;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #233A87;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #233A87;
        color: #fff;
    }

    .colouredContent .default {
        background-color: #233A87;
    }
    .colouredContent .default * {
        color: #fff!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #233A87;
    }
    .tx-powermail .powermail_submit {
        background-color: #233A87;
        color: #fff;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #233A87;
        color: #fff;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #233A87;
        color: #fff;
    }
}

/*--- 10. Aqua                      -------*/
.aqua-custom_page {
    .banner {
        background-color: #4294D7;
        color: #231f20;
    }
    .banner .banner-image {
        background-color: #95C0E4;
    }

    hr {
        border-top: 1px solid #4294D7;
    }

    .alert-primary {
        background-color: #4294D7;
        color: #231f20 !important;
    }

    blockquote {
        border-left: 5px solid #4294D7;
    }

    button, .sexualHealth-btn {
        background-color: #4294D7;
        color: #231f20;
    }

    form [type=submit],
    form [type=button] {
        background-color: #4294D7;
        color: #231f20;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #4294D7;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #4294D7;
        color: #231f20;
    }

    .colouredContent .default {
        background-color: #4294D7;
    }
    .colouredContent .default * {
        color: #231f20!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #4294D7;
    }
    .tx-powermail .powermail_submit {
        background-color: #4294D7;
        color: #231f20;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #4294D7;
        color: #231f20;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #4294D7;
        color: #231f20;
    }
}

/*--- 11. Orange                    -------*/
.orange-custom_page {
    .banner {
        background-color: #F47935;
        color: #231f20;
    }
    .banner .banner-image {
        background-color: #F9BC9A;
    }

    hr {
        border-top: 1px solid #F47935;
    }

    .alert-primary {
        background-color: #F47935;
        color: #231f20 !important;
    }

    blockquote {
        border-left: 5px solid #F47935;
    }

    button, .sexualHealth-btn {
        background-color: #F47935;
        color: #231f20;
    }

    form [type=submit],
    form [type=button] {
        background-color: #F47935;
        color: #231f20;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #F47935;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #F47935;
        color: #231f20;
    }

    .colouredContent .default {
        background-color: #F47935;
    }
    .colouredContent .default * {
        color: #231f20!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #F47935;
    }
    .tx-powermail .powermail_submit {
        background-color: #F47935;
        color: #231f20;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #F47935;
        color: #231f20;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #F47935;
        color: #231f20;
    }
}

/*--- 12. Tan                       -------*/
.tan-custom_page {
    .banner {
        background-color: #FAA026;
        color: #231f20;
    }
    .banner .banner-image {
        background-color: #FCCF92;
    }

    hr {
        border-top: 1px solid #FAA026;
    }

    .alert-primary {
        background-color: #FAA026;
        color: #231f20 !important;
    }

    blockquote {
        border-left: 5px solid #FAA026;
    }

    button, .sexualHealth-btn {
        background-color: #FAA026;
        color: #231f20;
    }

    form [type=submit],
    form [type=button] {
        background-color: #FAA026;
        color: #231f20;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #FAA026;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #FAA026;
        color: #231f20;
    }

    .colouredContent .default {
        background-color: #FAA026;
    }
    .colouredContent .default * {
        color: #231f20!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #FAA026;
    }
    .tx-powermail .powermail_submit {
        background-color: #FAA026;
        color: #231f20;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #FAA026;
        color: #231f20;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #FAA026;
        color: #231f20;
    }
}

/*--- 13. Yellow                    -------*/
.yellow-custom_page {
    .banner {
        background-color: #FAC51D;
        color: #231f20;
    }
    .banner .banner-image {
        background-color: #FCE28E;
    }

    hr {
        border-top: 1px solid #FAC51D;
    }

    .alert-primary {
        background-color: #FAC51D;
        color: #231f20 !important;
    }

    blockquote {
        border-left: 5px solid #FAC51D;
    }

    button, .sexualHealth-btn {
        background-color: #FAC51D;
        color: #231f20;
    }

    form [type=submit],
    form [type=button] {
        background-color: #FAC51D;
        color: #231f20;
    }
    form [type=submit]:hover,
    form [type=button]:hover {
        background-color: #FAC51D;
    }

    .accordion .accordion-item .accordion-header button {
        background-color: #FAC51D;
        color: #231f20;
    }

    .colouredContent .default {
        background-color: #FAC51D;
    }
    .colouredContent .default * {
        color: #231f20!important;
    }

    tx-powermail [type=radio]:checked::before,
    .tx-powermail [type=checkbox]:checked::before {
        background-color: #FAC51D;
    }
    .tx-powermail .powermail_submit {
        background-color: #FAC51D;
        color: #231f20;
    }
    .tx-powermail .powermail_tab_navigation .btn-primary,
    .tx-powermail .powermail_tab_navigation .btn-warning {
        background-color: #FAC51D;
        color: #231f20;
    }
    .tx-powermail .powermail_confirmation .btn-group .btn-primary, .tx-powermail .powermail_confirmation .btn-group .btn-default,
    .tx-powermail .powermail_confirmation .btn-group .btn-danger {
        background-color: #FAC51D;
        color: #231f20;
    }
}