:root {
	
	--color--black: #000000; 
	
	--color--white: #ffffff; 
	
	--color--gray: #777777; 
	
	--color--lightgray: #f7f7f7; 
	
	--color--highlight: #a89f91; 
	
	--margin: 30px;
        --content-width: 1024px;
}

@font-face {
    font-family: 'fabiolsc';
    src: url('/assets/fonts/fabiolsc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fabiolornaments';
    src: url('/assets/fonts/fabiolorn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fabiol';
    src: url('/assets/fonts/fabiolreg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fabiol';
    src: url('/assets/fonts/fabiolita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'fabiol';
    src: url('/assets/fonts/fabiolbol-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

* {
        margin: 0;
        padding: 0;
        font-weight: normal;
        color: inherit;
        background: transparent;
        box-sizing: inherit;
        /* Add more properties here */
}

/* [2] tl;dr; Provide inheritable defaults (base case) */
html {
        box-sizing: border-box;
        font-size: 16px;
        font-family: "fabiol", serif !important;
        color: var(--color--black);
        line-height: 1.75;
        background: var(--color--white);
        /* provide defaults for properties in [1] (except margin & padding */
}



/* WuFoo-specific harder-core reset */

* {
	font-family: "fabiol", serif !important;
	color: var(--color--gray) !important;
}

#container,
html.embed {
	background-color: transparent !important;
}

.container {
	margin: 0 !important;
}

form.wufoo,
.wufoo li {
	padding: 0 !important;
	-webkit-transition: none;
	transition: none;
}

.wufoo li:not(.buttons) {
	margin-bottom: calc(var(--margin) / 2) !important;
}

/* Input Styling */

select,
input,
textarea {
	padding: calc(var(--margin) / 3) !important;
	accent-color: var(--color--highlight) !important;
}

select,
textarea,
input:not([type=submit]) {
	background: var(--color--white) !important;
	border: 1px solid var(--color--black) !important;
}

input[type="radio"] {
	cursor: pointer;
}

input[type=submit] {
	cursor: pointer;
	display: inline-block;
	border: none !important;
	background: var(--color--highlight) !important;
	color: var(--color--white) !important;
	text-align: center;
	text-transform: capitalize;
	box-sizing: border-box;
	cursor: pointer;
}

input[type=submit]:hover {
	background: var(--color--white) !important;
	color: var(--color--black) !important;
	border: 1px solid var(--color--black) !important;
}

/* Section Headers */

.wufoo .section h3 {
	border: none !important;
	padding: 0 !important;
	font-size: 125% !important;
	text-transform: uppercase !important;
}

/* "Required" asterisk */

form span.req {
	vertical-align: super;
	font-size: 0.5em;
	opacity: 0.5;
}

/* Hide the recaptcha text */

.recaptcha-text {
	display: none;
}

/* Hide the focused colors */

form li.focused,
.wufoo li.focused {
	background-color: transparent !important;
}

/* Pagination */

.paging-context {
	border: none !important;
}

.paging-context .t {
	width: fit-content !important;
	padding: 0 !important;
}

.paging-context .c var { /* the step numbers */
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}

.paging-context .t,
.paging-context .c {
	color: var(--color--gray);
}

.paging-context .t.selected,
.paging-context .c.selected {
	color: var(--color--highlight);
}