.skintone {
    fill: #a0616a;
}

/*
 * RTI
 * ====================================
 * RTI blue:	#1E4F96 -> contrast: white;
 * teal:		#3EB1C8 -> contrast: black, navy;
 * light blue:  #00A3E0 -> contrast: black, navy;
 * navy: 		#002E5F -> contrast: white, teal, light blue;
 * grey:	 	#5B6770 -> contrast: white;
 **************************************/
.rti-colors a {
    color: #1e4f96;
}
.rti-colors a:hover, .rti-colors a:focus {
    color: #002e5f;
}
.rti-colors .btn {
    color: #fff;
    background-color: #1e4f96;
}
.rti-colors .btn:hover, .rti-colors .btn:focus {
    color: #002e5f;
    background-color: #3eb1c8;
    border-color: #3eb1c8;
}
.rti-colors input {
    border-color: #5b6770;
}
.rti-colors .overlay-lt {
    background-color: #00a3e0;
}
.rti-colors .overlay-dk {
    background-color: #002e5f;
}
.rti-colors .bg-primary {
    background-color: #1e4f96;
    color: #fff;
}
.rti-colors .bg-dk {
    background-color: #002e5f;
    color: #fff;
}
.rti-colors .bg-lt {
    background-color: #00a3e0;
    color: #000;
}
.rti-colors .bg-primary a,
.rti-colors .bg-dk a {
    color: #edeff0;
}
.rti-colors .bg-primary a:hover, .rti-colors .bg-primary a:focus,
.rti-colors .bg-dk a:hover, .rti-colors .bg-dk a:focus {
    color: #fff;
}
.rti-colors svg .dark {
    fill: #002e5f;
}
.rti-colors svg .light {
    fill: #00a3e0;
}
.rti-colors svg .accent {
    fill: #3eb1c8;
}
.rti-colors svg .dk-grey {
    fill: #394046;
}
/* Template-specific */
.one.rti-colors, .one.rti-colors .content-box .pin-entry {
    background-color: #f8f9f9;
}
.one.rti-colors .waves-bottom-center svg {
    fill: #f8f9f9;
}
.two.rti-colors #hero {
    background-color: rgba(0,163,224,0.2);
}
.two.rti-colors fieldset input {
    border-color: #1e4f96;
}
.three.rti-colors input:focus, .three.rti-colors input:focus-within, .three.rti-colors input:active {
    border-color: #1e4f96;
}

/*
 * PROFESSIONAL PURPLE
 * ====================================
 * dark purple:     #734567 -> contrast: white, grey, light purple, yellow;
 * light purple:    #d9ccd2 -> contrast: dark purple, brown, black;
 * blue:            #0476d9 -> contrast: white, black;
 * yellow:          #f2cd88 -> contrast: dark purple, brown, black;
 * brown:           #261003 -> contrast: white, grey, light purple, yellow;
 **************************************/
.professional-purple a {
    color: #734567;
}
.professional-purple a:hover, .professional-purple a:focus {
    color: #0476d9;
}
.professional-purple .btn {
    color: #fff;
    background-color: #0476d9;
}
.professional-purple .btn:hover, .professional-purple .btn:focus {
    color: #261003;
    background-color: #f2cd88;
    border-color: #f2cd88;
}
.professional-purple input {
    border-color: #734567;
}
.professional-purple .overlay-lt {
    background-color: #d9ccd2;
}
.professional-purple .overlay-dk {
    background-color: #734567;
}
.professional-purple .bg-primary {
    background-color: #734567;
    color: #fff;
}
.professional-purple .bg-dk {
    background-color: #261003;
    color: #fff;
}
.professional-purple .bg-lt {
    background-color: #d9ccd2;
    color: #261003;
}
.professional-purple .bg-primary a,
.professional-purple .bg-dk a {
    color: #d9ccd2;
}
.professional-purple .bg-primary a:hover, .professional-purple .bg-primary a:focus,
.professional-purple .bg-dk a:hover, .professional-purple .bg-dk a:focus {
    color: #fff;
}
.professional-purple svg .dark {
    fill: #734567;
}
.professional-purple svg .light {
    fill: #f2cd88;
}
.professional-purple #rocket svg .light {
    fill: #d9ccd2;
}
.professional-purple svg .accent {
    fill: #f2cd88;
}
.professional-purple svg .dk-grey {
    fill: #394046;
}
/* Template-specific */
.one.professional-purple, .one.professional-purple .content-box .pin-entry {
    background-color: #f8f9f9;
}
.one.professional-purple .waves-bottom-center svg {
    fill: #f8f9f9;
}
.two.professional-purple #hero {
    background-color: rgba(217,204,210,0.5);
}
.two.professional-purple fieldset input {
    border-color: #734567;
}
.three.professional-purple input:focus, .three.professional-purple input:focus-within, .three.professional-purple input:active {
    border-color: #734567;
}
.three.professional-purple .disclaimer.bg-primary {
    background-color: #261003;
}
.three.professional-purple img.hue {
    filter: saturate(50%) sepia(30%) hue-rotate(60deg);
}

/*
 * ECO GREEN
 * ====================================
 * darkest green:   #379683 -> contrast: black;
 * medium green:    #5cdb95 -> contrast: blue, black;
 * light green:     #8ee4af -> contrast: blue, black;
 * blue:            #05386b -> contrast: white, grey, medium green, light green, pale;
 * pale:            #edf5e1 -> contrast: blue, black;
 **************************************/
.eco-green a {
    color: #05386b;
}
.eco-green a:hover, .eco-green a:focus {
    color: #05386b;
    text-decoration: none;
}
.eco-green .btn {
    color: #000;
    background-color: #5cdb95;
}
.eco-green .btn:hover, .eco-green .btn:focus {
    color: #05386b;
    background-color: #edf5e1;
    border-color: #05386b;
}
.eco-green input {
    border-color: #379683;
}
.eco-green .overlay-lt {
    background-color: #5cdb95;
}
.eco-green .overlay-dk {
    background-color: #379683;
}
.eco-green .bg-primary {
    background-color: #05386b;
    color: #fff;
}
.eco-green .bg-dk {
    background-color: #05386b;
    color: #fff;
}
.eco-green .bg-lt {
    background-color: #8ee4af;
    color: #1b1b1b;
}
.eco-green .bg-primary a, .eco-green .bg-dk a {
    color: #edf5e1;
}
.eco-green .bg-primary a:hover, .eco-green .bg-primary a:focus, .eco-green .bg-dk a:hover, .eco-green .bg-dk a:focus {
    color: #fff;
    text-decoration: none;
}
.eco-green svg .dark {
    fill: #379683;
}
.eco-green svg .light {
    fill: #5cdb95;
}
.eco-green svg .accent {
    fill: #05386b;
}
.eco-green svg .dk-grey {
    fill: #394046;
}
/* Template-specific */
.one.eco-green .content-box .pin-entry {
    background-color: #ddf7e7;
}
.one.eco-green .waves-bottom-center svg {
    fill: #f8f9f9;
}
.two.eco-green #hero {
    background-color: rgba(55,150,131,0.3);
}
.two.eco-green fieldset input {
    border-color: #05386b;
}
.three.eco-green input:focus, .three.eco-green input:focus-within, .three.eco-green input:active {
    border-color: #05386b;
}
.three.eco-green .disclaimer.bg-primary {
    background-color: #05386b;
}
.three.eco-green img.hue {
    filter: brightness(1.5) saturate(0.6) hue-rotate(310deg);
}