/* roboto-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  /* COLORS */
  --veo-clr-bg: rgb(243, 243, 243);
  --veo-rgb-primary: 201, 0, 0; /* rgb() */
  --veo-clr-primary: rgb(201, 0, 0);
  --veo-clr-text: rgb(0, 0, 0, 0.87);
	--veo-clr-gray: #f3f4f6;
	--veo-clr-gray-400: #cccccc;
  --veo-clr-white: #fff;

  /* BORDERS */
  --veo-border: 1px solid var(--veo-clr-gray-400);
  --veo-border-radius: 4px;

  /* FONTS */
  --veo-ff: "roboto", sans-serif;
  --veo-fs-400: 14px;

  --veo-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
}

/* BUTTONS */
.pf-c-button.pf-m-control {
	border-top-right-radius: var(--veo-border-radius);
	border-bottom-right-radius: var(--veo-border-radius);
}
.pf-c-button::after {
	--pf-c-button--after--BorderWidth: 0;
}

/* Button containers */

/* Change password form */
#kc-form-buttons {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
}

.btn-default,
main button, 
#kc-form-buttons .pf-c-button.btn-default.btn-lg,
#kc-content input[type='submit'] {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	letter-spacing: 1.75px;
	text-transform: uppercase;
	padding: 12px 24px;
	cursor: pointer;
	border-radius: var(--veo-border-radius);
}

.pf-m-primary,
.pf-c-input-group .pf-c-button.pf-m-control {
	background-color: #C90000 !important;
}

#kc-form-buttons .pf-c-button.btn-default.btn-lg {
	background: var(--veo-clr-gray, #f3f4f6);
}

/* INPUTS */
#kc-content input[type='submit']:hover, #kc-content button:hover {
	opacity: 0.9;
}

.kc-form-options input[type="checkbox"]{
	background-color: red;
}

.pf-v5-c-button.pf-m-primary {
  background-color: var(--veo-clr-primary);
  font-size: inherit;
  color: var(--veo-clr-white);
  box-shadow: none;
}


.pf-v5-c-page__main input,
#kc-content input {
	background-image: none;
	background-color: var(--veo-clr-white);
	border: var(--veo-border);
	border-color: var(--veo-clr-gray-400);
	border-radius: var(--veo-border-radius);
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after {
	display: none;
}

/* UTILITIES */
.d-none {
  display: none;
}