:root { --navy: #26365d;
--navy-40: #a9afbe;
--navy-10: #eaebef; --blue: #166ca7;
--blue-40: #a3c4dc;
--blue-10: #e7f1f7; --turquoise: #43bcdb;
--turquoise-40: #b3e4f1;
--turquoise-10: #edf9fc; --red: #e55e6c;
--red-40: #f5bfc4;
--red-10: #fdf0f1; --warning: #c00000;
--success: #bcd979;
} .has-navy-background-color h2,
.has-navy-background-color h3,
.has-navy-background-color h4,
.has-navy-background-color p {
color: white;
}
.has-turquoise-background-color h2,
.has-turquoise-background-color h3,
.has-turquoise-background-color h4,
.has-turquoise-background-color p {
color: black;
} .has-navy-color {
color: var( --navy ) !important;
}
.has-navy-color a {
color: var( --navy ) !important;
border-color: var( --navy-40 ) !important;
}
.has-navy-background-color {
background-color: var( --navy ) !important;
border-color: var( --navy ) !important;
}
.wp-block-button__link.has-navy-background-color:hover {
border-color: var( --navy-40 ) !important;
}
.has-navy-40-color {
color: var( --navy-40 ) !important;
}
.has-navy-40-color a {
color: var( --navy-40 ) !important;
border-color: var( --navy-10 ) !important;
}
.has-navy-40-background-color {
background-color: var( --navy-40 ) !important;
border-color: var( --navy-40 ) !important;
}
.wp-block-button__link.has-navy-40-background-color:hover {
border-color: var( --navy-10 ) !important;
}
.has-navy-10-color {
color: var( --navy-10 ) !important;
}
.has-navy-10-color a {
color: var( --navy-10 ) !important;
border-color: var( --navy-10 ) !important;
}
.has-navy-10-background-color {
background-color: var( --navy-10 ) !important;
border-color: var( --navy-10 ) !important;
}
.wp-block-button__link.has-navy-10-background-color:hover {
border-color: var( --navy-40 ) !important;
}
.has-blue-color {
color: var( --blue ) !important;
}
.has-blue-color a {
color: var( --blue ) !important;
border-color: var( --blue-40 ) !important;
}
.has-blue-background-color {
background-color: var( --blue ) !important;
border-color: var( --blue ) !important;
}
.wp-block-button__link.has-blue-background-color:hover {
border-color: var( --blue-40 ) !important;
}
.has-blue-40-color {
color: var( --blue-40 ) !important;
}
.has-blue-40-color a {
color: var( --blue-40 ) !important;
border-color: var( --blue-10 ) !important;
}
.has-blue-40-background-color {
background-color: var( --blue-40 ) !important;
border-color: var( --blue-40 ) !important;
}
.wp-block-button__link.has-blue-40-background-color:hover {
border-color: var( --blue-10 ) !important;
}
.has-blue-10-color {
color: var( --blue-10 ) !important;
}
.has-blue-10-color a {
color: var( --blue-10 ) !important;
border-color: var( --blue-10 ) !important;
}
.has-blue-10-background-color {
background-color: var( --blue-10 ) !important;
border-color: var( --blue-10 ) !important;
}
.wp-block-button__link.has-blue-10-background-color:hover {
border-color: var( --blue-40 ) !important;
}
.has-turquoise-color {
color: var( --turquoise ) !important;
}
.has-turquoise-color a {
color: var( --turquoise ) !important;
border-color: var( --turquoise-40 ) !important;
}
.has-turquoise-background-color {
background-color: var( --turquoise ) !important;
border-color: var( --turquoise ) !important;
}
.wp-block-button__link.has-turquoise-background-color:hover {
border-color: var( --turquoise-40 ) !important;
}
.has-turquoise-40-color {
color: var( --turquoise-40 ) !important;
}
.has-turquoise-40-color a {
color: var( --turquoise-40 ) !important;
border-color: var( --turquoise-10 ) !important;
}
.has-turquoise-40-background-color {
background-color: var( --turquoise-40 ) !important;
border-color: var( --turquoise-40 ) !important;
}
.wp-block-button__link.has-turquoise-40-background-color:hover {
border-color: var( --turquoise-10 ) !important;
}
.has-turquoise-10-color {
color: var( --turquoise-10 ) !important;
}
.has-turquoise-10-color a {
color: var( --turquoise-10 ) !important;
border-color: var( --turquoise-10 ) !important;
}
.has-turquoise-10-background-color {
background-color: var( --turquoise-10 ) !important;
border-color: var( --turquoise-10 ) !important;
}
.wp-block-button__link.has-turquoise-10-background-color:hover {
border-color: var( --turquoise-40 ) !important;
}
.has-red-color {
color: var( --red ) !important;
}
.has-red-color a {
color: var( --red ) !important;
border-color: var( --red-40 ) !important;
}
.has-red-background-color {
background-color: var( --red ) !important;
border-color: var( --red ) !important;
}
.wp-block-button__link.has-red-background-color:hover {
border-color: var( --red-40 ) !important;
}
.has-red-40-color {
color: var( --red-40 ) !important;
}
.has-red-40-color a {
color: var( --red-40 ) !important;
border-color: var( --red-10 ) !important;
}
.has-red-40-background-color {
background-color: var( --red-40 ) !important;
border-color: var( --red-40 ) !important;
}
.wp-block-button__link.has-red-40-background-color:hover {
border-color: var( --red-10 ) !important;
}
.has-red-10-color {
color: var( --red-10 ) !important;
}
.has-red-10-color a {
color: var( --red-10 ) !important;
border-color: var( --red-10 ) !important;
}
.has-red-10-background-color {
background-color: var( --red-10 ) !important;
border-color: var( --red-10 ) !important;
}
.wp-block-button__link.has-red-10-background-color:hover {
border-color: var( --red-40 ) !important;
}
.has-black-color {
color: rgb( 0, 0, 0 ) !important;
}
.has-black-color a {
color: rgb( 0, 0, 0 ) !important;
border-color: rgb( 102, 102, 102 ) !important;
}
.has-black-background-color {
background-color: rgb( 0, 0, 0 ) !important;
border-color: rgb( 0, 0, 0 ) !important;
}
.wp-block-button__link.has-black-background-color:hover {
border-color: var( --text-grey ) !important;
}
.has-white-color {
color: rgb( 255, 255, 255 ) !important;
}
.has-white-color a {
color: rgb( 255, 255, 255 ) !important;
border-color: white !important;
}
.has-white-background-color {
background-color: rgb( 255, 255, 255 ) !important;
border-color: rgb( 255, 255, 255 ) !important;
}
.wp-block-button__link.has-white-background-color:hover {
border-color: var( --text-grey ) !important;
}