:root {
	--wpra-red: #ef4f4f;
	--wpra-red-lighter: #fa5a5a;
	--wpra-red-darker: #ea4141;
}

.navbar .navbar-item.wpra-logo {
	font-weight: 700;
	text-transform: uppercase;
}
.navbar .navbar-item.wpra-logo:focus,
.navbar .navbar-item.wpra-logo:hover {
	color: inherit;
}

.navbar .navbar-item.wpra-logo img {
	margin-right: 10px;
}

a {
	color: var(--wpra-red);
}

.card-header a.card-header-icon,
.card-header a.card-header-icon:hover {
	color: #fff;
}

.tabs.is-toggle li.is-active a {
	background: var(--wpra-red);
	border-color: var(--wpra-red);
}

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .taginput .is-active.taginput-container.is-focusable, .taginput .is-focused.taginput-container.is-focusable, .taginput .taginput-container.is-focusable:active, .taginput .taginput-container.is-focusable:focus, .textarea:active, .textarea:focus {
	border-color: var(--wpra-red);
	box-shadow: 0 0 0 .125em rgba(255, 100, 100, .25);
}

.switch input[type="checkbox"]:checked + .check,
.switch:hover input[type="checkbox"]:checked + .check {
	background: var(--wpra-red);
}

.switch input[type="checkbox"]:active:checked + .check, .switch input[type="checkbox"]:focus:checked + .check {
	box-shadow: 0 0 .5em rgba(255, 100, 100, .7);
}

.b-radio.radio input[type="radio"]:checked + .check,
.b-radio.radio:hover input[type="radio"]:not(:disabled) + .check {
	border-color: var(--wpra-red);
}

.b-radio.radio input[type="radio"] + .check::before {
	background-color: var(--wpra-red);
}

.b-radio.radio input[type="radio"]:focus:checked + .check {
	box-shadow: 0 0 .5em rgba(255, 100, 100, .7);
}

.button.is-primary {
	background-color: var(--wpra-red);
}
.button.is-primary-focus,
.button.is-primary:hover {
	background-color: var(--wpra-red-lighter);
}
.button.is-primary:active {
	background-color: var(--wpra-red-darker);
}

.button.is-focused, .button:focus {
	border-color: var(--wpra-red);
}

.button.is-focused:not(:active), .button:focus:not(:active) {
	box-shadow: 0 0 0 .125em rgba(255, 100, 100, .25);
}