/*Selectively overrides styles from the default Cognito theme*/

/*FONTS*/

/*Small / body / baseline text*/
.cog-1 {
    font-family: "source-serif-4-small-text" !important;
    font-size: 1rem !important;
}
/* Headings */
html .cog-cognito--styled .cog-header h1, :root:root:root:root:root .cog-cognito--styled .cog-header h1,
html .cog-cognito--styled .cog-body h1, html .cog-cognito--styled h2, html .cog-cognito--styled h3, html .cog-cognito--styled h4, html .cog-cognito--styled h5, html .cog-cognito--styled h6, :root:root:root:root:root .cog-cognito--styled .cog-body h1, :root:root:root:root:root .cog-cognito--styled h2, :root:root:root:root:root .cog-cognito--styled h3, :root:root:root:root:root .cog-cognito--styled h4, :root:root:root:root:root .cog-cognito--styled h5, :root:root:root:root:root .cog-cognito--styled h6 {
	font-family: "source-serif-4-small-text" !important;
    font-weight: 800 !important;
}
/* Field labels */
html .cog-label, :root:root:root:root:root .cog-label {
	font-family: "aktiv-grotesk-extended", sans-serif !important;
	font-weight: 600 !important;
}
/* Fields */
html .cog-cognito--styled textarea, html .cog-cognito--styled select, html .cog-cognito--styled input[type=text], html .cog-cognito--styled [type=tel], html .cog-cognito--styled [type=password], html .cog-cognito--styled [type=date], html .cog-cognito--styled [type=email], html .cog-cognito--styled [type=url], html .cog-cognito--styled [type=time], :root:root:root:root:root .cog-cognito--styled textarea, :root:root:root:root:root .cog-cognito--styled select, :root:root:root:root:root .cog-cognito--styled input[type=text], :root:root:root:root:root .cog-cognito--styled [type=tel], :root:root:root:root:root .cog-cognito--styled [type=password], :root:root:root:root:root .cog-cognito--styled [type=date], :root:root:root:root:root .cog-cognito--styled [type=email], :root:root:root:root:root .cog-cognito--styled [type=url], :root:root:root:root:root .cog-cognito--styled [type=time] {
    font-family: "aktiv-grotesk", sans-serif !important;
}
/* Button */
html .cog-cognito--styled .cog-button--secondary, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary,
html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary {
	font-family: "aktiv-grotesk-extended", sans-serif !important;
	font-weight: 600 !important;
}
/*Signature box (keep the original Cognito font)*/
html .cog-signature__keyboard-input, :root:root:root:root:root:root:root input.cog-signature__keyboard-input {
    font-family: "Mrs Saint Delafield", "Segoe Script", "Bradley Hand ITC", "Brush Script MT", cursive !important;
}
/*Help text*/
html .cog-helptext em, :root:root:root:root:root .cog-helptext em {
    color: #49182d;
    font-family: "aktiv-grotesk", sans-serif;
    font-style: italic;
    font-weight: 300;
}

/*OTHER NON-FONT FORMATTING*/

/*Remove the logo image from the form's header*/
html .cog-header img, :root:root:root:root:root .cog-header img { display: none; }

/*Basic inputs*/
html .cog-cognito--styled textarea, html .cog-cognito--styled select, html .cog-cognito--styled input[type=text], html .cog-cognito--styled [type=tel], html .cog-cognito--styled [type=password], html .cog-cognito--styled [type=date], html .cog-cognito--styled [type=email], html .cog-cognito--styled [type=url], html .cog-cognito--styled [type=time], :root:root:root:root:root .cog-cognito--styled textarea, :root:root:root:root:root .cog-cognito--styled select, :root:root:root:root:root .cog-cognito--styled input[type=text], :root:root:root:root:root .cog-cognito--styled [type=tel], :root:root:root:root:root .cog-cognito--styled [type=password], :root:root:root:root:root .cog-cognito--styled [type=date], :root:root:root:root:root .cog-cognito--styled [type=email], :root:root:root:root:root .cog-cognito--styled [type=url], :root:root:root:root:root .cog-cognito--styled [type=time] {
	border: 2px solid #979197 !important;
	border-radius: 1.6rem;
    padding: 0.5rem 1.5rem;
    line-height: 1.81;
    background-color: #fff;
}
/*Basic input focus state*/
html .cog-cognito--styled .el-input__inner:focus, html .cog-cognito--styled .el-input__inner.is-focus, html .cog-cognito--styled .el-input__inner.StripeElement--focus, html .cog-cognito--styled .el-input__inner.c-square-input--focus, html .cog-cognito--styled .el-textarea__inner:focus, html .cog-cognito--styled .el-textarea__inner.is-focus, html .cog-cognito--styled .el-textarea__inner.StripeElement--focus, html .cog-cognito--styled .el-textarea__inner.c-square-input--focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner:focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner.is-focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner.StripeElement--focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner.c-square-input--focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner:focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner.is-focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner.StripeElement--focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner.c-square-input--focus {
    border-color: #c8102e !important;
}
/*Expanded drop-down input*/
html .cog-picker .el-select--dropdown-bottom [aria-expanded=true], html .cog-input--icon .el-select--dropdown-bottom [aria-expanded=true], :root:root:root:root:root .cog-picker .el-select--dropdown-bottom [aria-expanded=true], :root:root:root:root:root .cog-input--icon .el-select--dropdown-bottom [aria-expanded=true],
html .cog-picker .el-select--dropdown-top [aria-expanded=true], html .cog-input--icon .el-select--dropdown-top [aria-expanded=true], :root:root:root:root:root .cog-picker .el-select--dropdown-top [aria-expanded=true], :root:root:root:root:root .cog-input--icon .el-select--dropdown-top [aria-expanded=true] {
	border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
	border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
}
/*Text area*/
html .cog-input .el-textarea__inner, :root:root:root:root:root .cog-input .el-textarea__inner {
    min-height: 7rem !important;
    border-radius: 1.25rem 1.25rem 0 1.25rem; /*Textareas from Cognito have a resizer handle (inline style resize: both;). The one corner with border-radius 0 is to accommodate those.*/
}

/*Signature box*/
html .cog-signature__pad, :root:root:root:root:root .cog-signature__pad {
	border: 2px solid #979197;
	border-radius: 1.6rem;
}
html .cog-signature__keyboard-input, :root:root:root:root:root:root:root input.cog-signature__keyboard-input {
    background-color: transparent !important;
    border: none !important;
}

/*Drop-down carrot icon*/
html .cog-picker .el-input__suffix, html .cog-input--icon .el-input__suffix, :root:root:root:root:root .cog-picker .el-input__suffix, :root:root:root:root:root .cog-input--icon .el-input__suffix {
	right: 1rem;
}

/*Button*/
html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary,
html .cog-cognito--styled .cog-button--secondary, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary {
	border-radius: 1.6rem;
    padding: 0.5rem 1.5rem !important;
    line-height: 1.81;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
    background-size: 200% 100% !important;
}
/*Button hover and focus*/
html .cog-cognito--styled .cog-button--primary:hover, :root:root:root:root:root .cog-cognito--styled .cog-button--primary:hover,
html .cog-cognito--styled .cog-button--secondary:hover, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary:hover,
html .cog-cognito--styled .cog-button--primary:focus, :root:root:root:root:root .cog-cognito--styled .cog-button--primary:focus,
html .cog-cognito--styled .cog-button--secondary:focus, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary:focus {
	background-position: left;
	box-shadow:none !important;
}
/*Primary button only*/
html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary {
	color: #fff;
    background: linear-gradient(to left, #C8102E 50%, #735990 50%) right;
	border: none !important;
}
html .cog-cognito--styled .cog-button--primary:hover, :root:root:root:root:root .cog-cognito--styled .cog-button--primary:hover,
html .cog-cognito--styled .cog-button--primary:focus, :root:root:root:root:root .cog-cognito--styled .cog-button--primary:focus {
	border: none !important;
}
/*Secondary button only*/
html .cog-cognito--styled .cog-button--secondary, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary {
	color: #000;
    background: linear-gradient(to left, #FFF 50%, #C8102E 50%) right;
	border: 2px solid #c8102e;
}
html .cog-cognito--styled .cog-button--secondary:hover, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary:hover,
html .cog-cognito--styled .cog-button--secondary:focus, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary:focus {
	color: #fff;
	border: 2px solid #c8102e !important;
}

/*Radio buttons and checkboxes*/
html .cog-cognito--styled .el-checkbox__inner, html .cog-cognito--styled .el-radio__inner, :root:root:root:root:root .cog-cognito--styled .el-checkbox__inner, :root:root:root:root:root .cog-cognito--styled .el-radio__inner {
	border: 2px solid #979197;
}
/*Checkboxes only*/
html .cog-cognito--styled .el-checkbox__inner, :root:root:root:root:root .cog-cognito--styled .el-checkbox__inner {
	border-radius: 0;
}

/*Checkable cards*/
html .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only),
:root:root:root:root:root .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only) {
	border: 2px solid #979197;
    border-radius: 1.6rem;
    background: linear-gradient(to left, #FFF 50%, #C8102E 50%) right;
    transition: border 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out;
    background-size: 201% 100% !important;
	box-shadow: none;
}
html .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only):hover,
:root:root:root:root:root .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only):hover,
html .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only):focus,
:root:root:root:root:root .cog-cognito--styled .cog-checkable--card .cog-checkable__item:not(.is-read-only):focus  {
	background-position: left;
	color: #fff;
	border-color: #c8102e;
	box-shadow: none;
}
html .cog-checkable--card .cog-checkable__item:not(.is-read-only):not(.is-checked):focus-within, :root:root:root:root:root .cog-checkable--card .cog-checkable__item:not(.is-read-only):not(.is-checked):focus-within {
	box-shadow: none;
	border-color: #c8102e;
}