/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
@import url("https://s3.amazonaws.com/tds-static/fonts/moregothic/1.0.0/More+Gothic+Bold.css");
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

body { font-family: 'Libre Franklin', sans-serif; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2 { margin-top: 0; }

h1, h2, h3, .btn { font-family: "More Gothic Bold", Impact, sans-serif; letter-spacing: 1px; }

p { line-height: 1.5; }

li { line-height: 1.75; }

img { max-width: 100%; }

.underline { text-decoration: underline; }

.italic { font-style: italic; }

header, #data-privacy-intro { background-color: #F2D970; background-image: url("/assets/img/faqs-background.jpg"); background-position: center; background-repeat: no-repeat; position: relative; background-size: cover; }

#faqs, #standalone-page { background-color: #F2D970; }

.container { max-width: 1100px; margin: auto; padding: 1em; }

.cta { text-align: center; display: flex; justify-content: space-between; }

.cta .btn { text-decoration: none; font-size: 1.25em; padding: .5em; background: #5B351F; color: white; display: block; }

.cta .btn:hover { background: #754529; }

.cta .btn.orange { background: orange; }

.cta .btn.orange:hover { background: #FFC04C; }

nav .nav-container { max-width: 1100px; margin: auto; padding: 1em; flex-direction: column; }

nav .nav-container .logo-container { text-align: center; }

nav .nav-container .logo-container a { display: inline-block; }

nav .nav-container .logo-container img { vertical-align: middle; }

nav .nav-container .menu { margin: 1em 0; text-transform: uppercase; text-align: center; }

nav .nav-container .menu a { color: black; text-decoration: none; border: 2px solid black; padding: .5em; display: block; margin: 1em 0; }

nav .nav-container .menu .lang-btn { background-color: #FBE174; }

nav .nav-container .menu .lang-btn:hover { background-color: #ecd059; }

header { background-image: url("/assets/img/header-background.jpg"); background-position: center; background-repeat: no-repeat; position: relative; background-size: cover; }

header .hero { margin-bottom: 2em; padding: 0 .7em; }

header .hero p { color: white; background: black; box-shadow: 0 0 0 10px black; padding: .5rem; width: 100%; position: relative; left: 50%; transform: translateX(-50%); }

#relief h2 { text-align: center; }

#are-you-worried { background-color: #ffde6f; text-align: center; }

#about { background-image: url("/assets/img/know-your-rights-background.jpg"); background-color: #5B351F; background-position: center; background-repeat: no-repeat; background-size: cover; color: white; }

#about a { color: white; }

#about .cta .btn { background: #ffde6f; color: black; }

#about .cta .btn:hover { background-color: #e8bf33; }

#contact-header { background-image: url(/assets/img/know-your-rights-background.jpg); /* background-color: #5B351F; */ background-position: top; background-repeat: no-repeat; background-size: 100vw; color: white; }

#how-it-works h2, #meetings h2 { text-align: center; background: black; color: white; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); }

#how-it-works .learn-more-item, #meetings .learn-more-item { background: #fffcf3; border-radius: 5px; border: 4px solid #ffde70; padding: 3em 2em 2em; margin: 7em 0 2em 0; position: relative; }

#how-it-works .learn-more-item img, #meetings .learn-more-item img { display: block; width: 150px; position: absolute; left: 0; right: 0; margin: auto; top: -6em; }

#how-it-works .learn-more-item .step-desc, #meetings .learn-more-item .step-desc { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

#how-it-works .learn-more-item .step-desc h3, #meetings .learn-more-item .step-desc h3 { text-align: center; }

#how-it-works .learn-more-item .step-desc b, #meetings .learn-more-item .step-desc b { text-align: center; }

#how-it-works .learn-more-item .step-desc a.btn, #meetings .learn-more-item .step-desc a.btn { margin: 0 0.5rem; }

#meetings .learn-more-item { margin: 2em 0 2em 0; }

#meetings p:last-of-type { margin-top: 0; }

#know-your-rights { position: relative; }

#know-your-rights .container .protest { display: none; }

.white-wrapper { background: white; box-shadow: 0px 0px 0px 0.5em white, 6px 6px 0px 8px rgba(0, 0, 0, 0.25); padding: .5em; margin: .5em 0; }

.white-wrapper p a, .white-wrapper li a { color: #0059ff; }

.forms-wrapper { text-align: center; }

.form { display: inline; }

.form a { display: block; }

.form a img { box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.15); }

.form a:hover img { box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.25); }

.form a:active img { box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.15); }

.form p { margin-top: .25em; }

#faqs ul.faqs-container { padding: 0; list-style: none; }

#faqs ul.faqs-container li.faq-entinty { border-bottom: 2px solid black; margin: 1.5em 0; }

#faqs ul.faqs-container li.faq-entinty a.question { color: black; text-decoration: none; font-weight: 700; }

#faqs ul.faqs-container li.faq-entinty:first-of-type { border-top: 2px solid black; padding-top: 1.5em; }

#faqs ul.faqs-container #question-nine h3 { margin: 1rem 0; }

#faqs ul.faqs-container #question-nine td { border-bottom: solid 2px #000; }

#faqs h2, #faqs h3 { margin: 0; line-height: 1; }

#disclaimer p { color: #999; }

#orgs { text-align: center; }

#orgs .logo-container { padding: 2em; }

#orgs .logo-container img { width: 200px; }

footer { background: #5B351F; color: white; text-align: center; }

footer p { display: inline-block; vertical-align: top; margin-left: 1em; }

footer p a { color: white; }

footer .photo-credits { border-top: 1px solid #9c7a66; padding-top: 1em; margin-top: 1em; }

footer .photo-credits p { margin: 0; display: block; }

/* Media Queries */
@media (max-width: 69em) and (min-width: 33em) { nav .nav-container .menu { display: grid; grid-template-columns: 48% 48%; column-gap: 4%; } nav .nav-container .menu a { margin: .5em 0; } }

@media (min-width: 33em) { h1 { font-size: 2.5em; } h2 { font-size: 2em; } h3 { font-size: 1.75em; } section p, section a.btn, section li, header p, header a.btn, header li { font-size: 20px; } .cta .btn { display: inline-block; font-size: 1.5em; } nav .nav-container .cta { display: block; } .container { padding: 2em; } header .hero p { display: flex; line-height: 1.75; } .white-wrapper { margin: 1em 0; } #orgs .company-logos { display: grid; grid-template-columns: 48% 48%; column-gap: 4%; } .form { display: inline-block; margin: 1em 1em 0 1em; } }

@media (min-width: 69em) { nav .nav-container .menu { grid-template-columns: auto auto auto auto; column-gap: 2%; } }

@media (min-width: 45em) { h1 { font-size: 3em; text-align: center; } h2 { font-size: 2.5em; } #faqs h2 { font-size: 2em; } h3 { font-size: 2.25em; } #faqs h3 { font-size: 1.5em; } .container { padding: 3em; } .hero { font-size: 1.2em; } .white-wrapper { box-shadow: 0px 0px 0px 2em white, 12px 12px 0px 31px rgba(0, 0, 0, 0.25); padding: 0; margin: 2em 0; } .center { text-align: center; } #how-it-works .grid, #meetings .grid { display: grid; grid-template-columns: 49% 49%; column-gap: 2%; } #how-it-works .learn-more-item, #meetings .learn-more-item { margin-bottom: 2em; } #how-it-works .learn-more-item h3, #meetings .learn-more-item h3 { margin: .5em 0 .5em; text-align: center; } #orgs .company-logos { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; column-gap: 0; } #orgs .company-logos .logo-container img { width: 300px; } .forms-wrapper { text-align: left; } .form { margin: 1em 1em 0 2.5em; text-align: center; } }

@media (min-width: 69em) { nav .nav-container { display: flex; align-items: center; } nav .nav-container .menu { flex-grow: 2; text-align: right; } nav .nav-container .menu a { display: inline; border: none; } }

@media (min-width: 69em) { h1 { font-size: 3.5em; } h2 { font-size: 3em; } h3 { font-size: 2.5em; } .container { padding: 4em; } #know-your-rights .container .pull-left, #about .container .pull-left { width: 50%; margin: initial; } #know-your-rights .container { position: relative; } #know-your-rights .container .protest { display: block; position: absolute; bottom: 0; right: 0; } #know-your-rights .container .protest img { vertical-align: bottom; } }

.images { display: flex; flex-direction: column; align-items: center; }

/*# sourceMappingURL=styles.css.map */