@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.4.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
.breadcrumbs {
font-size: 0.9rem;
line-height: 1.1rem;
margin-bottom: 45px;
}
@media only all and (max-width: 1024px) {
.breadcrumbs {
margin-bottom: 30px;
}
}
@media only all and (max-width: 576px) {
.breadcrumbs {
margin-bottom: 20px;
}
}
.breadcrumbs__current {
text-decoration: underline;
}
@media print, screen and (min-width: 40em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
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
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 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 */
}
/**
* Add the correct display in IE.
*/
main {
display: block;
}
/**
* 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 */
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 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 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* 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 style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* 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
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
*/
button {
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;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
button,
[type=button],
[type=reset],
[type=submit] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Show the overflow in Edge.
*/
input {
overflow: visible;
}
/**
* 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 and cancel buttons in Chrome and Safari on macOS.
*/
}
[type=search]::-webkit-search-cancel-button, [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 */
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 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 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
color: inherit; /* 2 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/*
* Add the correct display in IE 9-.
*/
menu {
display: block;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "myriad-pro", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 5px;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 5px;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
appearance: none;
border: 0;
border-radius: 5px;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.grid-container {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 75rem;
margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.fluid {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 100%;
margin: 0 auto;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto;
}
.grid-x {
display: flex;
flex-flow: row wrap;
}
.cell {
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%;
}
.cell.auto {
flex: 1 1 0px;
}
.cell.shrink {
flex: 0 0 auto;
}
.grid-x > .auto {
width: auto;
}
.grid-x > .shrink {
width: auto;
}
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
flex-basis: auto;
}
}
.grid-x > .small-1 {
width: 8.3333333333%;
}
.grid-x > .small-2 {
width: 16.6666666667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.3333333333%;
}
.grid-x > .small-5 {
width: 41.6666666667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.3333333333%;
}
.grid-x > .small-8 {
width: 66.6666666667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.3333333333%;
}
.grid-x > .small-11 {
width: 91.6666666667%;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .medium-1 {
width: 8.3333333333%;
}
.grid-x > .medium-2 {
width: 16.6666666667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.3333333333%;
}
.grid-x > .medium-5 {
width: 41.6666666667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.3333333333%;
}
.grid-x > .medium-8 {
width: 66.6666666667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.3333333333%;
}
.grid-x > .medium-11 {
width: 91.6666666667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-shrink {
flex: 0 0 auto;
width: auto;
}
.grid-x > .large-1 {
width: 8.3333333333%;
}
.grid-x > .large-2 {
width: 16.6666666667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.3333333333%;
}
.grid-x > .large-5 {
width: 41.6666666667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.3333333333%;
}
.grid-x > .large-8 {
width: 66.6666666667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.3333333333%;
}
.grid-x > .large-11 {
width: 91.6666666667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: - 0.625rem;
margin-right: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: - 0.9375rem;
margin-right: - 0.9375rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 1.25rem);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 1.875rem);
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .auto {
width: auto;
}
.grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.3333333333% - 1.875rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6666666667% - 1.875rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333333333% - 1.875rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6666666667% - 1.875rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333333333% - 1.875rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6666666667% - 1.875rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333333333% - 1.875rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6666666667% - 1.875rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 1.875rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 1.875rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 1.875rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 1.875rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 1.875rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 1.875rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 1.875rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 1.875rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .large-auto {
width: auto;
}
.grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.3333333333% - 1.875rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 1.875rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 1.875rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 1.875rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 1.875rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 1.875rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 1.875rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 1.875rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.875rem);
}
}
.grid-padding-x .grid-padding-x {
margin-right: - 0.625rem;
margin-left: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: - 0.9375rem;
margin-left: - 0.9375rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: - 0.625rem;
margin-left: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: - 0.9375rem;
margin-left: - 0.9375rem;
}
}
.grid-padding-x > .cell {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.3333333333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.6666666667%;
}
.small-up-7 > .cell {
width: 14.2857142857%;
}
.small-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.3333333333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.6666666667%;
}
.medium-up-7 > .cell {
width: 14.2857142857%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.3333333333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.6666666667%;
}
.large-up-7 > .cell {
width: 14.2857142857%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857142857% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 1.875rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 1.875rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 1.875rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 1.875rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 1.875rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 1.875rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
.small-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.small-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.small-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
.small-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
@media print, screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 0.9375rem);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 0.9375rem);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 0.9375rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 0.9375rem);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 0.9375rem);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 0.9375rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 0.9375rem);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 0.9375rem);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 0.9375rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 0.9375rem);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 0.9375rem);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 0.9375rem);
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 0.9375rem);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 0.9375rem);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 0.9375rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 0.9375rem);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 0.9375rem);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 0.9375rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 0.9375rem);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 0.9375rem);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 0.9375rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 0.9375rem);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 0.9375rem);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 0.9375rem);
}
}
.grid-y {
display: flex;
flex-flow: column nowrap;
}
.grid-y > .cell {
width: auto;
}
.grid-y > .auto {
height: auto;
}
.grid-y > .shrink {
height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
flex-basis: auto;
}
}
.grid-y > .small-1 {
height: 8.3333333333%;
}
.grid-y > .small-2 {
height: 16.6666666667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.3333333333%;
}
.grid-y > .small-5 {
height: 41.6666666667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.3333333333%;
}
.grid-y > .small-8 {
height: 66.6666666667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.3333333333%;
}
.grid-y > .small-11 {
height: 91.6666666667%;
}
.grid-y > .small-12 {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.3333333333%;
}
.grid-y > .medium-2 {
height: 16.6666666667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.3333333333%;
}
.grid-y > .medium-5 {
height: 41.6666666667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.3333333333%;
}
.grid-y > .medium-8 {
height: 66.6666666667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.3333333333%;
}
.grid-y > .medium-11 {
height: 91.6666666667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.3333333333%;
}
.grid-y > .large-2 {
height: 16.6666666667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.3333333333%;
}
.grid-y > .large-5 {
height: 41.6666666667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.3333333333%;
}
.grid-y > .large-8 {
height: 66.6666666667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.3333333333%;
}
.grid-y > .large-11 {
height: 91.6666666667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: - 0.625rem;
margin-bottom: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: - 0.9375rem;
margin-bottom: - 0.9375rem;
}
}
.grid-padding-y > .cell {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
.grid-margin-y {
margin-top: - 0.625rem;
margin-bottom: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: - 0.9375rem;
margin-bottom: - 0.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.medium-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
.large-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-stype: -ms-autohiding-scrollbar;
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
}
@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
}
}
@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
height: 100vh;
}
}
.cell .grid-y.grid-frame {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%;
}
}
.grid-margin-y {
margin-top: - 0.625rem;
margin-bottom: - 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: - 0.9375rem;
margin-bottom: - 0.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto;
}
.grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto;
}
.grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.3333333333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem);
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "myriad-pro", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #cacaca;
}
h1, .h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2, .h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h3, .h3 {
font-size: 1.9375rem;
}
h4, .h4 {
font-size: 1.5625rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #000000;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: black;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a;
}
cite:before {
content: "— ";
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
border-radius: 5px;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
box-shadow: none !important;
color: black !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 5px;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input::placeholder,
textarea::placeholder {
color: #cacaca;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
}
[type=submit],
[type=button] {
appearance: none;
border-radius: 5px;
}
input[type=search] {
box-sizing: border-box;
}
[type=file],
[type=checkbox],
[type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: flex;
width: 100%;
margin-bottom: 1rem;
align-items: stretch;
}
.input-group > :first-child {
border-radius: 5px 0 0 5px;
}
.input-group > :last-child > * {
border-radius: 0 5px 5px 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
align-items: center;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
height: auto;
min-width: 0;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: auto;
align-self: stretch;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
appearance: none;
border: 1px solid #cacaca;
border-radius: 5px;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,
Text to replace
example:
.element {
@include typography(200, 50, 'hello-world');
}
*/
/*
Icon
For using fontastic icons in pseudo elements
*/
/*
Colours
background, colour, etc. match up with colour map in _variables.scss
modify to suit per project
*/
/*
Misc
*/
/*
Fluid Property
http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx
HTML:
Text to replace
example:
h1 {
@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
}
output:
h1 {
font-size: calc(3.125vw + 40px); //This is the magic!
}
@media (max-width:320px){ //Clips the start to the min value
font-size:50px;
}
@media (min-width:1920px){ //Clips the end to the max value
font-size:100px;
}
*/
/*! normalize.css v6.0.0 | 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
* IE on Windows Phone and in iOS.
*/
* {
box-sizing: border-box;
}
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 22px;
font-size: 1.375rem;
margin: 0.67rem 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1rem 40px;
}
/**
* 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: 1rem; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 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 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* 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: 1rem; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* 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.25rem;
}
sup {
top: -0.5rem;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
/**
* 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;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* 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;
}
/**
* 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 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
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 and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[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 IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-itrem;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.color-grey {
color: rgb(150, 150, 150);
}
/* Main background */
/* Header navigation */
/* Breadcrumb */
/* Option A - C of participate */
/* Map - Electoral Division toggle switches */
/* Map - participate form tabs */
body {
font-family: "myriad-pro", sans-serif;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 30px;
vertical-align: middle;
}
.switch-outer {
padding: 2px;
width: 100%;
height: 100%;
position: absolute;
border-radius: 30px;
border: 2px solid #ddd;
}
.switch-inner {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
/* Hide default HTML checkbox */
.switch input {
display: none;
}
/* The slider */
.switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-transition: 0.2s;
transition: 0.2s;
height: 22px;
}
.switch-slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 0px;
bottom: 0px;
background-color: #ddd;
/* -webkit-transition: .4s;
transition: .4s; */
}
.switch-text {
position: relative;
bottom: 10px;
font-weight: bold;
vertical-align: middle;
}
.switch input:checked ~ .switch-text {
color: orange;
}
.switch input:checked + .switch-slider {
background-color: #0eb8ff;
}
.switch input:focus + .switch-slider {
box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .switch-slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
background-color: #0076a7;
}
/* Rounded sliders */
.switch-slider.round {
border-radius: 30px;
}
.switch-slider.round:before {
border-radius: 50%;
}
.uk-button.uk-button-inline-textbox {
padding: 0px 10px;
}
.button-text-link {
color: rgb(150, 150, 150);
font-size: 14px;
font-size: 0.875rem;
background-color: transparent;
background: none;
border: none;
text-transform: uppercase;
cursor: pointer;
}
.button.button-map-control {
color: rgb(255, 255, 255);
background: none;
text-transform: uppercase;
height: 80px;
width: 80px;
border-radius: 0px;
}
.button-refresh {
text-decoration: underline;
background: rgb(28, 28, 28);
}
.button-refresh:hover {
background: rgb(28, 28, 28);
}
.button.toggle-results {
padding: 10px 20px;
margin: 0px;
font-size: 14px;
font-size: 0.875rem;
background: rgb(28, 28, 28);
border-radius: 0px;
}
.button.button-map-control.undo {
border-left: 1px solid #0096ab;
}
.button.button-map-control.reset {
border-right: 1px solid #0096ab;
}
::-webkit-input-placeholder { /* Chrome */
color: rgb(100, 100, 100);
}
:-ms-input-placeholder { /* IE 10+ */
color: rgb(100, 100, 100);
}
::-moz-placeholder { /* Firefox 19+ */
color: rgb(100, 100, 100);
opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: rgb(100, 100, 100);
opacity: 1;
}
::-webkit-input-placeholder { /* Chrome */
color: rgb(150, 150, 150);
transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
color: rgb(150, 150, 150);
transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
color: rgb(150, 150, 150);
opacity: 1;
transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: rgb(150, 150, 150);
opacity: 1;
transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
opacity: 0.5;
}
/* screen readers only */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.hidden {
display: none;
}
/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.block-group {
*zoom: 1;
}
.block-group:before, .block-group:after {
display: table;
content: "";
line-height: 0;
}
.block-group:after {
clear: both;
}
.block-group {
list-style-type: none;
padding: 0;
margin: 0;
}
.block-group > .block-group {
clear: none;
float: left;
margin: 0 !important;
}
.block {
float: left;
width: 100%;
}
@font-face {
font-family: "icomoon";
src: url("../fonts/icomoon.eot?opj1jg");
src: url("../fonts/icomoon.eot?opj1jg#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?opj1jg") format("truetype"), url("../fonts/icomoon.woff?opj1jg") format("woff"), url("../fonts/icomoon.svg?opj1jg#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-wait:before {
content: "\e907";
}
.icon-help:before {
content: "\e906";
}
.icon-draw:before {
content: "\e905";
}
.icon-manitoba:before {
content: "\e908";
}
.icon-close:before {
content: "\e901";
}
.icon-close-circle:before {
content: "\e904";
}
.icon-about:before {
content: "\e900";
}
.icon-folding-map:before {
content: "\e902";
}
.icon-left-circle:before {
content: "\e903";
}
.icon-news:before {
content: "\e90c";
}
.icon-participate:before {
content: "\e90d";
}
.icon-redo:before {
content: "\e90e";
}
.icon-reports:before {
content: "\e90f";
}
.icon-right-circle:before {
content: "\e910";
}
.icon-switch:before {
content: "\e914";
}
.icon-undo:before {
content: "\e915";
}
.public-hearing-post {
overflow-x: hidden;
}
.public-hearing-post__page-wrapper {
display: flex;
align-items: flex-start;
}
.public-hearing-post__title {
text-transform: uppercase;
margin-bottom: 5px;
}
.public-hearing__address-wrapper {
margin-top: 20px;
}
.public-hearing-post__event-type {
background-color: rgb(181, 137, 63);
color: #fff;
text-transform: uppercase;
padding: 2px 8px;
font-size: 0.8rem;
line-height: 1rem;
border-radius: 5px;
margin-bottom: 30px;
display: inline-block;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.public-hearing-post__date {
margin-bottom: 10px;
}
.public-hearing-post__venue-name {
display: block;
}
.public-hearing-post__description {
margin: 20px 0 30px 0;
}
.public-hearing-post__add-to-calendar {
border: none;
margin-bottom: 50px;
display: inline-block !important;
}
.public-hearing-post__section-heading {
margin-bottom: 20px;
}
.public-hearing-post__audio-recording {
margin-bottom: 40px;
}
@media only all and (max-width: 360px) {
.public-hearing-post__audio-recording {
width: 100%;
}
}
.public-hearing-post__gallery-image {
height: 500px;
background-size: cover;
background-position: center;
}
@media only all and (max-width: 1024px) {
.public-hearing-post__gallery-image {
height: 450px;
}
}
@media only all and (max-width: 768px) {
.public-hearing-post__gallery-image {
height: 300px;
}
}
@media only all and (max-width: 576px) {
.public-hearing-post__gallery-image {
height: 250px;
}
}
@media only all and (max-width: 360px) {
.public-hearing-post__gallery-image {
height: 175px;
}
}
.public-hearing-post .slick-dots {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.public-hearing-post .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 2.5px;
padding: 0;
cursor: pointer;
}
.public-hearing-post .slick-dots li.slick-active button:before {
opacity: 0.85;
}
.public-hearing-post .slick-dots button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.public-hearing-post .slick-dots button:before {
font-family: "slick";
font-size: 1.5625rem;
line-height: 1.7625rem;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.submissions .submission {
border-top: 1px solid black;
padding: 25px 0;
}
.submissions .submission__title {
margin-bottom: 20px;
}
@media only all and (max-width: 1024px) {
.submissions .submission__title {
margin-bottom: 15px;
}
}
.submissions .submission__text {
margin-bottom: 20px;
}
@media only all and (max-width: 1024px) {
.submissions .submission__text {
margin-bottom: 15px;
}
}
.submissions .submission__text p {
display: none;
margin-bottom: 15px;
}
@media only all and (max-width: 1024px) {
.submissions .submission__text p {
margin-bottom: 10px;
}
}
.submissions .submission__text p:first-of-type {
display: block;
}
.submissions .submission__expander {
text-decoration: none !important;
cursor: pointer;
}
.submissions .submission__expander:hover .submission__expander--underline,
.submissions .submission__expander:hover .submission__expander--expand,
.submissions .submission__expander:hover .submission__expander--collapse {
text-decoration: underline;
}
.submissions .submission__expander:after {
content: "";
background-image: url("../images/icons/down-chevron-purple.png");
background-repeat: no-repeat;
background-position: center;
background-size: 7px;
width: 7px;
height: 8px;
display: inline-block;
margin-left: 5px;
}
.submissions .submission__expander.up:after {
transform: scaleY(-1);
}
.submissions .submission__expander.up .submission__expander--expand {
display: none;
}
.submissions .submission__expander.up .submission__expander--collapse {
display: inline-block;
}
.submissions .submission__expander.down .submission__expander--collapse {
display: none;
}
.news-list__header {
margin-bottom: 20px;
}
.news-list .news-post {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #696E6D;
padding-bottom: 40px;
margin-bottom: 40px;
}
@media only all and (max-width: 576px) {
.news-list .news-post {
flex-wrap: wrap;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.news-list .news-post:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
@media only all and (max-width: 576px) {
.news-list .news-post:last-of-type {
margin-bottom: 30px;
}
}
.news-list .news-post__featured-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 325px;
border: 1px solid #696E6D;
}
@media only all and (max-width: 576px) {
.news-list .news-post__featured-image {
width: 100%;
}
}
.news-list .news-post__featured-image:after {
display: block;
content: "";
padding-bottom: 60%;
}
.news-list .news-post__content {
width: calc(100% - 325px);
padding-left: 40px;
}
@media only all and (max-width: 576px) {
.news-list .news-post__content {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
}
.news-list .news-post__title {
font-size: 1.4rem;
line-height: 1.6rem;
margin-bottom: 10px;
}
.news-list .news-post__title--link {
color: black;
}
.news-list .news-post__title--link:hover {
color: #3F2074;
}
.news-list .news-post__date {
margin-bottom: 10px;
}
.news-list .news-post__summary {
font-size: 1rem;
line-height: 1.2rem;
margin-bottom: 20px;
}
.post__content-wrapper {
width: 100%;
padding-right: 0;
}
.post__title {
margin-bottom: 5px;
}
.post__date {
margin-bottom: 20px;
}
.post__content p {
margin-bottom: 15px;
}
.blank {
background-color: #F3F3F3;
}
.iacb {
display: flex;
align-items: flex-start;
border: 2px solid #696E6D;
padding: 2rem;
margin-top: 1rem;
margin-bottom: 2rem;
}
@media only all and (max-width: 1024px) {
.iacb {
padding: 1.5rem;
}
}
@media only all and (max-width: 576px) {
.iacb {
flex-wrap: wrap;
text-align: center;
}
}
.iacb__image {
margin-right: 2rem;
}
@media only all and (max-width: 1024px) {
.iacb__image {
margin-right: 1.5rem;
width: 20%;
}
}
@media only all and (max-width: 576px) {
.iacb__image {
width: 50%;
margin: 0 auto 1.5rem auto;
}
}
.iacb__title {
font-size: 1.4rem;
line-height: 1.6rem;
margin-bottom: 1rem;
}
.iacb__blurb {
line-height: 1.3rem;
margin-bottom: 1rem;
}
.iacb__blurb ul {
list-style: disc;
margin-left: 20px;
text-align: left;
}
.template {
position: relative;
margin: 0 auto;
max-width: 1200px;
padding: 280px 0 100px 0;
}
@media only all and (max-width: 1366px) {
.template {
padding: 280px 50px 100px 50px;
}
}
@media only all and (max-width: 1024px) {
.template {
padding: 160px 30px 60px 30px;
}
}
@media only all and (max-width: 576px) {
.template {
padding: 190px 25px 40px 25px;
}
}
.template__page-wrapper {
display: flex;
align-items: flex-start;
}
.template__content-wrapper {
padding-right: 45px;
width: calc(100% - 250px);
}
@media only all and (max-width: 1024px) {
.template__content-wrapper {
padding-right: 30px;
}
}
@media only all and (max-width: 576px) {
.template__content-wrapper {
padding-right: 0;
width: 100%;
}
}
.template__title {
font-size: 2rem;
line-height: 2.2rem;
margin-bottom: 15px;
}
.template__title-with-filters {
font-size: 1.6rem;
line-height: 1.8rem;
}
.template__header {
display: flex;
justify-content: space-between;
/*margin-bottom: 60px;*/
}
@media only all and (max-width: 1024px) {
.template__header {
margin-bottom: 50px;
}
}
@media only all and (max-width: 576px) {
.template__header {
flex-wrap: wrap;
margin-bottom: 40px;
}
}
@media only all and (max-width: 576px) {
.template__header-filters {
width: 100%;
}
}
.template__header-filter {
border: 1px solid #3F2074;
padding: 5px 7.5px;
margin-left: 20px;
}
@media only all and (max-width: 576px) {
.template__header-filter {
margin-left: 0;
margin-top: 15px;
}
}
.template__content > p {
font-size: 1rem;
line-height: 1.2rem;
margin-bottom: 15px;
}
.template__content > ul {
list-style: disc;
margin-left: 20px;
margin-bottom: 15px;
}
.template__content > ul li {
margin-bottom: 15px;
}
@media only all and (max-width: 576px) {
.template__content > ul li {
margin-bottom: 10px;
}
}
.template__content > ul li:last-of-type {
margin-bottom: 0;
}
.template__content a:not(.btn) {
color: #3F2074;
text-decoration: underline;
}
.atcb {
display: none;
}
.atcb_button_wrapper {
display: inline-block;
position: relative;
margin-left: 1rem;
}
.atcb_button {
background: #f5f5f5;
border: 1px solid #d2d2d2;
border-radius: 6px;
/* -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .4); */
/* box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, .4); */
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 10px auto;
max-width: 300px;
min-width: 150px;
padding: 10px 16px 11px 16px;
position: relative;
text-align: center;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
width: auto;
display: flex;
align-items: center;
font-size: 0.9rem !important;
letter-spacing: 2px;
line-height: 1;
text-align: left;
text-transform: uppercase;
padding: 9px 20px 11px;
transition: all 0.2s ease;
border-radius: 4px;
}
@media only screen and (max-width: 575px) {
.atcb_button {
font-size: 14px;
}
}
.atcb_button.active {
background: #fff;
border-radius: 6px 6px 3px 3px;
-webkit-box-shadow: 1px 5px 15px 0 rgba(0, 0, 0, 0.5);
box-shadow: 1px 5px 15px 0 rgba(0, 0, 0, 0.5);
margin: 7px auto 9px auto;
padding: 12px 20px 13px 20px;
z-index: 90;
}
.atcb_icon {
height: 16px;
display: inline-flex;
margin-bottom: 4px;
margin-right: 10px;
vertical-align: middle;
}
.atcb_icon svg {
height: 100%;
color: #333;
width: auto;
}
.atcb_list {
box-sizing: border-box;
color: #333;
display: block;
margin: -10px auto 0 auto;
max-width: 100%;
position: absolute;
padding: 0 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 80;
}
.atcb_list_item {
background: #fafafa;
border: 1px solid #d2d2d2;
border-top: 0;
-webkit-box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.3);
box-sizing: border-box;
cursor: pointer;
font-size: 16px;
left: 50%;
position: relative;
padding: 12px 18px;
text-align: left;
transform: translate(-50%);
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
.atcb_list_item:hover {
background: #fff;
-webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.4);
color: #000;
}
@media only screen and (max-width: 575px) {
.atcb_list_item {
font-size: 14px;
}
}
.atcb_list_item:first-child {
padding-top: 25px;
}
.atcb_list_item:last-child {
border-radius: 0 0 6px 6px;
}
.atcb_list_item .atcb_icon {
margin-right: 8px;
}
.atcb_bgoverlay {
background: rgba(20, 20, 20, 0.2);
backdrop-filter: blur(2px);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 70;
}
body {
font-family: sofia-pro, sans-serif;
color: rgb(110, 110, 110);
}
/* Skip to navigation / content links */
a.skip {
padding: 6px;
position: absolute;
top: -80px;
left: 0px;
color: white;
background: rgb(0, 105, 120);
border-bottom-right-radius: 5px;
-webkit-transition: top 0.5s ease-out, background 0.5s linear;
transition: top 0.5s ease-out, background 0.5s linear;
z-index: 100;
padding: 10px 20px;
text-decoration: none;
}
a.skip:focus {
top: 0px;
}
nav#language {
width: 100%;
color: #fff;
border-bottom: 1px solid #333;
padding: 0px 4px;
}
.language-wrapper {
width: 100%;
margin: auto;
text-align: right;
color: #fff;
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.language-wrapper {
padding-right: 0px;
}
}
.language-toggle {
padding: 10px;
}
.language-toggle a {
text-decoration: none;
color: rgb(255, 255, 255);
font-size: 12px;
font-size: 0.75rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.language-wrapper {
padding-right: 0px;
}
}
h1 {
font-size: 22px;
font-size: 1.375rem;
margin-top: 0px;
margin-bottom: 40px;
font-family: "jubilat";
line-height: 1.2;
color: rgb(110, 110, 110);
font-size: 3.75em;
}
@media (max-width: 1024px) {
h1 {
font-size: 3em;
}
}
@media (max-width: 480px) {
h1 {
font-size: 2.25em;
}
}
h2, .h2 {
font-size: 1.5em;
}
h2, aside h3 {
margin-bottom: 5px;
font-size: 1.75rem;
font-weight: bold;
line-height: normal;
margin-top: 30px;
}
h3, .h3 {
font-size: 1.5rem;
line-height: 1.3em;
font-weight: bold;
margin-top: 20px;
}
@media (max-width: 480px) {
h3, .h3 {
font-size: 1.4rem;
}
}
h2 a {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
h2 a:hover,
h2 a:active,
h2 a:focus {
color: #0096ab;
}
.button:hover, .button:focus, .button:active,
.button.primary:hover,
.button.primary:focus,
.button.primary:active {
background-color: #353535;
}
a,
a:link,
a:visited {
color: rgb(0, 154, 218);
text-decoration: underline;
}
a:hover {
color: rgb(181, 137, 63);
}
input.button,
button.button,
a.button {
text-decoration: none;
}
input.button .icon,
button.button .icon,
a.button .icon {
font-size: 1.5em;
vertical-align: middle;
}
p, li {
font-size: 1.25em;
}
.wp-block-list li {
line-height: 1.3em;
margin-bottom: 10px;
}
[type=radio] + label,
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}
[type=radio]:checked, [type=radio]:not(:checked) {
content: "";
/* position: absolute; */
/* left: -9999px; */
width: 1px;
heigth: 1px;
opacity: 0;
}
.ginput_container_radio [type=radio]:checked, .ginput_container_radio [type=radio]:not(:checked) {
content: "";
width: 1px;
heigth: 1px;
opacity: 0;
}
.ginput_container_radio input:focus-visible + label {
outline: 2px solid;
outline-offset: 2px;
}
[type=radio]:checked + label:after {
content: "";
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
[type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid rgb(204, 204, 204);
border-radius: 100%;
background: rgb(255, 255, 255);
}
[type=radio] + label:after {
content: "";
position: absolute;
top: 8px;
left: 8px;
width: 0;
height: 0;
background: transparent;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type=radio]:checked + label:after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
background: rgb(0, 105, 120);
border-radius: 100%;
}
.gform_wrapper .gchoice {
display: flex;
align-items: start;
}
.gform_wrapper .gchoice .gfield-choice-input {
margin-bottom: 0;
margin-top: 12px;
display: inline-block;
scale: 1.3;
}
.gform_wrapper .top_label label.gform-field-label,
.gform_wrapper .top_label legend.gform-field-label {
font-size: 1.25em;
color: rgb(110, 110, 110);
}
[type=submit] {
font-size: 1em;
text-transform: uppercase;
letter-spacing: 2px;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-size: 1em;
}
.gform_wrapper.gravity-theme .gform_drop_area {
padding: 8px;
}
aside h3 {
border-top: 1px solid rgb(232, 232, 232);
padding: 20px 0 10px;
}
aside h4 {
font-size: 1em;
font-weight: bold;
margin: 0;
}
aside h3 > span.icon {
float: left;
}
aside h3 span.icon {
margin-top: -7px;
margin-right: 10px;
}
aside span.icon {
font-size: 2em;
vertical-align: middle;
margin-left: -10px;
}
aside a span.icon {
margin-left: 4px;
font-size: inherit;
font-size: 1.1em;
}
.template__content a:not(.btn) {
color: rgb(0, 154, 218);
transition: all 0.2s ease;
}
.template__content a:not(.btn):hover {
color: rgb(181, 137, 63);
}
.template__content > p,
.template__content li {
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (max-width: 768px) {
.template__page-wrapper.no-sidebar .template__content-wrapper {
width: 100%;
}
}
.social-links {
list-style: none;
}
.social-links li {
display: inline-block;
margin-right: 5px;
}
.social-links .icon {
border-radius: 50%;
height: 24px;
width: 24px;
display: block;
background: rgb(0, 154, 218);
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
}
.social-links .icon:hover {
background-color: rgb(181, 137, 63);
}
.social-links .twitter {
background-image: url(/wp-content/themes/boundaries/static/images/icons/x-twitter-white.svg);
}
.social-links .facebook {
background-image: url(/wp-content/themes/boundaries/static/images/icons/facebook-white.svg);
}
.social-links .linkedin {
background-image: url(/wp-content/themes/boundaries/static/images/icons/linkedin-white.svg);
}
.social-links .instagram {
background-image: url(/wp-content/themes/boundaries/static/images/icons/instagram-white.svg);
}
.social-links .youtube {
background-image: url(/wp-content/themes/boundaries/static/images/icons/youtube-white.svg);
}
.tool-pagination ul {
display: inline-block;
margin-left: 0;
}
.tool-pagination li {
display: inline-block;
padding: 5px;
}
#mega-menu-wrap-primary-navigation-mobile .mega-menu-toggle .mega-toggle-block-1:after {
font-size: 2.1em;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item ul.mega-sub-menu {
width: 200px !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.2em;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link {
color: rgb(255, 255, 255) !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link:focus {
background-color: rgb(241, 241, 241);
}
.top-bg {
width: 100%;
height: 300px;
background-image: url(/wp-content/themes/boundaries/static/images/common/top-grey-bg@2x.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 120% 143px;
position: absolute;
z-index: -1;
}
@media (max-width: 768px) {
.top-bg {
height: 200px;
top: 170px;
background-size: cover;
}
}
#content .content-wrapper {
position: relative;
padding-top: 70px;
}
@media (max-width: 768px) {
#content .content-wrapper {
padding-top: 40px;
}
}
#content .content-wrapper:before {
content: "";
width: 100%;
height: calc(100% - 300px);
position: absolute;
background: #f1f1f1;
z-index: -1;
top: 300px;
box-sizing: content-box;
}
#content .content-wrapper:after {
background-image: url(/wp-content/themes/boundaries/static/images/common/footer-top-grey-bg@2x.png);
background-size: 120%;
background-repeat: no-repeat;
background-position: center bottom;
content: "";
display: block;
width: 100%;
height: 50px;
transform: translateY(100%) rotate(180deg);
position: relative;
z-index: -1;
}
@media (max-width: 768px) {
#content .content-wrapper:after {
background-size: cover;
}
}
footer {
margin-top: 120px;
}
footer:before {
content: "";
width: 100%;
height: 50px;
background-image: url(/wp-content/themes/boundaries/static/images/common/footer-top-grey-bg@2x.png);
display: block;
background-size: 120%;
background-repeat: no-repeat;
background-position: center bottom;
margin-top: -50px;
}
footer:after {
content: "";
width: 100%;
height: 60px;
display: block;
position: absolute;
background-image: url(/wp-content/themes/boundaries/static/images/common/footer-bottom-grey-bg-nr@2x.svg);
background-size: cover;
background-color: rgb(241, 241, 241);
}
.has-gold-color {
color: rgb(181, 137, 63);
}
.has-blue-color {
color: rgb(0, 154, 218);
}
.has-grey-color {
color: rgb(110, 110, 110);
}
.has-black-color {
color: #000;
}
.has-white-color {
color: #fff;
}
.has-blue-background-color,
a.has-blue-background-color {
color: #fff;
background-color: rgb(0, 154, 218);
text-decoration: none;
}
.wp-block-button__link.has-blue-background-color:hover,
.wp-block-button__link.has-blue-background-color:focus {
background-color: rgb(181, 137, 63);
color: #fff;
}
.has-grey-background-color,
a.has-grey-background-color {
color: #fff;
background-color: rgb(110, 110, 110);
text-decoration: none;
}
.wp-block-button__link.has-grey-background-color:hover,
.wp-block-button__link.has-grey-background-color:focus {
background-color: #000;
color: #fff;
}
.has-black-background-color,
a.has-black-background-color {
color: #fff;
background-color: #000;
text-decoration: none;
}
.wp-block-button__link.has-black-background-color:hover,
.wp-block-button__link.has-black-background-color:focus {
background-color: #fff;
color: #000;
}
.has-white-background-color,
a.has-white-background-color {
color: #6e6e6e;
background-color: #fff;
text-decoration: none;
}
.wp-block-button__link.has-white-background-color:hover,
.wp-block-button__link.has-white-background-color:focus {
background-color: #000;
color: #fff;
}
.wp-block-button__link {
display: flex;
align-items: center;
font-size: 0.9rem !important;
letter-spacing: 2px;
line-height: 1;
text-align: left;
text-transform: uppercase;
padding: 9px 20px 11px;
transition: all 0.2s ease;
border-radius: 4px;
}
.wp-block-button__link:after {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/icons/circle-arrow-right-white.svg);
width: 22px;
height: 22px;
margin-left: 10px;
display: inline-block;
position: relative;
top: 1px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
div.rev_slider_wrapper {
overflow: hidden !important;
}
.content-wrapper > .wrapper.container:after {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/common/lines-white-nr.svg);
background-size: cover;
height: 100px;
width: 100%;
position: absolute;
left: 0;
}
@media (max-width: 768px) {
.content-wrapper > .wrapper.container:after {
background-size: cover;
}
}
.container {
width: 100%;
max-width: 1480px;
padding: 0 20px;
margin: auto;
clear: both;
}
.alignright,
.align-right {
float: right;
}
.alignleft {
float: left;
padding: 5px 10px 0 0;
}
.color-teal {
color: #0096ab;
}
.bg-teal {
background-color: rgb(0, 105, 120);
}
.tp-shadow6 {
box-shadow: 0 5px 15px -6px black;
}
.tp-caption.slide-title, .slide-title {
text-shadow: 0px 0px 5px #000;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
}
.tp-caption.slide-title .icon.icon-folding-map, .slide-title .icon.icon-folding-map {
-webkit-text-stroke-width: 0 !important;
-webkit-text-stroke-color: initial !important;
}
.home .article-body > div {
max-width: 1480px;
padding: 0 20px;
margin: auto;
}
.find-my-electoral-division {
padding: 15px 10px;
}
.find-my-electoral-division .button {
margin: 0 0 0 20px;
}
.find-my-electoral-division .icon {
color: teal;
font-size: 1.7em;
vertical-align: middle;
margin-left: 8px;
}
@media (max-width: 1024px) {
.home-main-content > .wp-block-column:nth-of-type(1) .wp-block-columns {
flex-wrap: wrap !important;
}
.home-main-content > .wp-block-column:nth-of-type(1) .wp-block-columns .wp-block-column {
width: 100%;
flex-basis: auto;
}
}
.home-main-content > .wp-block-column:nth-of-type(2) {
min-width: 315px;
max-width: 330px;
}
@media (max-width: 781px) {
.home-main-content > .wp-block-column:nth-of-type(2) {
margin: -20px auto 40px;
}
}
@media (max-width: 360px) {
.home-main-content > .wp-block-column:nth-of-type(2) {
min-width: 0;
}
}
/* when submissions cannot be made, we are hiding the text on the home page next to the button */
body.in-review .find-my-electoral-division .button {
margin: 0px;
}
@media screen and (max-width: 1024px) {
.page-template-page-participate .leaflet-draw-tooltip {
display: none;
}
}
.page-template-page-participate .edit-map-results-container .results-refresh button[disabled] {
opacity: 1;
color: #798b8e;
background-color: #0b4b54;
}
.page-template-page-participate .edit-map-results-container .results-refresh button[disabled].animate i {
color: #fff;
}
.post-type-archive-ed_submission #content .container {
max-width: 680px;
}
.post-type-archive-ed_submission form#sumbissions_filter {
margin-bottom: 10px;
}
.post-type-archive-ed_submission select {
display: inline-block;
max-width: 79%;
width: auto;
margin-right: 1%;
margin-bottom: 10px;
}
.post-type-archive-ed_submission input[type=submit] {
vertical-align: middle;
display: inline-block;
padding: 12px;
margin: 0 0 6px 0;
}
.post-type-archive-ed_submission .submission-tabs {
margin-bottom: 20px;
border-bottom: 1px solid #cacaca;
}
.post-type-archive-ed_submission .submission-tabs .division_type_button {
display: inline-block;
padding: 10px 40px;
margin-bottom: -1px;
margin-left: -4px;
background-color: #f8f8f8;
border: 1px solid #cacaca;
text-decoration: none;
border-radius: 0;
cursor: pointer;
}
.post-type-archive-ed_submission .submission-tabs .division_type_button.active {
color: #fff;
background-color: #006978;
border-color: #006978;
}
.post-type-archive-ed_submission .tease-ed_submission {
padding: 10px;
-webkit-transition: backgroundColor 0.3s ease;
transition: backgroundColor 0.3s ease;
}
.post-type-archive-ed_submission .tease-ed_submission:nth-of-type(2n-1) {
background-color: #f8f8f8;
}
.post-type-archive-ed_submission .submission-options {
float: right;
}
.post-type-archive-ed_submission .button {
font-size: 0.8em;
}
.post-type-archive-ed_submission .submission-name,
.post-type-archive-ed_submission .submission-reference-id {
vertical-align: middle;
}
.post-type-archive-ed_submission .submission-reference-id {
font-size: 0.8em;
}
.post-type-archive-ed_submission .submission-count span {
color: rgb(0, 105, 120);
font-weight: bold;
}
.post-type-archive-ed_submission .tool-pagination .next, .post-type-archive-ed_submission .tool-pagination .prev {
text-decoration: none;
background-color: #006978;
border-radius: 5px;
color: #fefefe;
padding: 5px 10px;
font-size: 13px;
font-size: 0.8125rem;
}
.post-type-archive-ed_submission .tool-pagination .next:hover, .post-type-archive-ed_submission .tool-pagination .next:active, .post-type-archive-ed_submission .tool-pagination .next:focus, .post-type-archive-ed_submission .tool-pagination .prev:hover, .post-type-archive-ed_submission .tool-pagination .prev:active, .post-type-archive-ed_submission .tool-pagination .prev:focus {
text-decoration: none;
background-color: #005460;
}
.post-type-archive-ed_submission .tool-pagination .page-number {
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
font-size: 13px;
font-size: 0.8125rem;
}
.post-type-archive-ed_submission .tool-pagination .page-number.current {
color: #000;
background-color: #ededed;
text-decoration: none;
}
.post-type-archive-ed_submission .tool-pagination .page-number.current:hover, .post-type-archive-ed_submission .tool-pagination .page-number.current:active, .post-type-archive-ed_submission .tool-pagination .page-number.current:focus {
text-decoration: none;
background-color: #ededed;
}
.post-type-archive-ed_submission .tool-pagination .page-number:hover, .post-type-archive-ed_submission .tool-pagination .page-number:active, .post-type-archive-ed_submission .tool-pagination .page-number:focus {
text-decoration: underline;
}
.gfield.agreement .gfield_label {
display: none;
}
.post-type-archive-public_hearings #content div.content-wrapper {
float: left;
clear: none;
text-align: inherit;
width: 58.8%;
margin-left: 0%;
margin-right: 3%;
}
.post-type-archive-public_hearings #content div.content-wrapper::after {
content: "";
display: table;
clear: both;
}
.post-type-archive-public_hearings #content div.content-wrapper:last-child {
margin-right: 0%;
}
.post-type-archive-public_hearings #content div.content-wrapper:last-child {
margin-right: 3%;
}
.post-type-archive-public_hearings .tease-public_hearings {
padding: 10px 0;
border-top: 1px solid rgb(232, 232, 232);
}
.post-type-archive-public_hearings aside {
float: left;
clear: none;
text-align: inherit;
width: 38.2%;
margin-left: 0%;
margin-right: 3%;
}
.post-type-archive-public_hearings aside::after {
content: "";
display: table;
clear: both;
}
.post-type-archive-public_hearings aside:last-child {
margin-right: 0%;
}
.post-type-archive-public_hearings aside h4 {
border-top: 1px solid rgb(232, 232, 232);
padding: 10px 0;
}
.post-type-archive-public_hearings p a {
text-decoration: underline;
}
.post-type-archive-public_hearings .ph-time {
font-weight: bold;
}
.post-type-archive-public_hearings .ph-details {
margin: 0;
}
.post-type-archive-public_hearings .ph-detail-label {
font-weight: bold;
}
.post-type-archive-public_hearings .block.ph-details {
width: 60%;
}
.post-type-archive-public_hearings .block.ph-register {
width: 40%;
padding-top: 8px;
text-align: right;
}
.single-public_hearings .gform_wrapper ul.gform_fields li.gfield:first-of-type {
margin-top: 0;
}
.single-public_hearings .ph-details,
.single-public_hearings .ph-rsvp-form {
float: left;
clear: none;
text-align: inherit;
width: 48.5%;
margin-left: 0%;
margin-right: 3%;
}
.single-public_hearings .ph-details::after,
.single-public_hearings .ph-rsvp-form::after {
content: "";
display: table;
clear: both;
}
.single-public_hearings .ph-details:last-child,
.single-public_hearings .ph-rsvp-form:last-child {
margin-right: 0%;
}
.single-public_hearings .ph-detail:first-of-type .ph-detail-label {
margin-top: 0;
}
.single-public_hearings .ph-detail {
margin: 0;
}
.single-public_hearings .ph-detail-label {
display: block;
margin-top: 10px;
font-weight: bold;
}
.single-public_hearings .gform_wrapper {
margin: 0;
}
.single-public_hearings .gform_wrapper textarea {
resize: auto;
}
.single-public_hearings .gform_wrapper .gform_footer {
margin: 10px 0;
padding: 10px 0;
}
.single-public_hearings .ph-time {
font-weight: bold;
}
.gform_confirmation_wrapper {
margin-bottom: 20px;
color: #006a71;
font-weight: bold;
}
aside .widget-public_hearings li {
display: inline-block;
width: 100%;
padding: 10px 0;
border-top: 1px solid rgb(232, 232, 232);
}
aside .widget-public_hearings li a.button {
font-size: 0.75em;
padding: 7px 13px;
text-decoration: none;
}
aside .widget-public_hearings li a.button span {
color: #0096ab;
font-size: 1.5em;
}
aside .widget-public_hearings h3 a {
color: rgb(89, 89, 89);
text-decoration: none;
margin-top: -2px;
}
aside .widget-public_hearings h3 a span {
vertical-align: middle;
}
aside .ph-details {
width: 60%;
display: inline-block;
}
.template__page-wrapper {
flex-wrap: wrap;
}
.template__page-wrapper #gform_submit_button_21 {
max-width: none;
width: auto;
}
@media (max-width: 768px) {
.template__page-wrapper .article-content {
width: 100%;
padding-right: 0;
}
}
.template__page-wrapper .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b {
top: 0;
}
.sidebar {
background: #fff;
padding: 20px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1607843137);
margin-top: 20px;
}
@media (max-width: 768px) {
.sidebar {
width: 100%;
margin-top: 60px;
}
}
.sidebar img {
display: block;
width: 100px;
margin: -55px auto 15px;
}
@media (max-width: 768px) {
.sidebar img {
margin-left: 0;
}
}
.sidebar h2 {
font-family: jubilat;
font-size: 2em;
font-weight: 500;
color: #7f7f7f;
margin-top: -20px;
margin-top: 0;
}
.gf_browser_ie.gform_wrapper .gform_footer input.button {
padding: 10px;
}
@media (max-width: 768px) {
#mega-menu-wrap-primary-navigation {
margin-top: -1px;
}
.single-public_hearings .ph-details,
.single-public_hearings .ph-rsvp-form {
width: 100%;
}
.find-my-electoral-division .container > span {
display: block;
}
.find-my-electoral-division .button {
margin: 10px 0 0 0;
}
}
/* Edit Post Link */
.edit-post-link {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 2;
opacity: 0.4;
padding: 10px;
}
.edit-post-link a {
text-decoration: none;
}
/* How is Review Done - step 3 */
.block.review-step {
width: 50%;
padding-right: 10px;
max-width: 570px;
}
@media screen and (max-width: 500px) {
.block.review-step {
padding-right: 0px;
width: 100%;
}
}
.block.review-callout {
width: 50%;
max-width: 370px;
}
@media screen and (max-width: 500px) {
.block.review-callout {
width: 100%;
}
}
.block.review-callout .callout {
max-width: 500px;
float: right;
margin-top: 35px;
}
@media screen and (max-width: 500px) {
.block.review-callout .callout {
width: 100%;
}
}
/* Public Hearings */
.post-type-archive-public_hearings .public-hearing-callout {
padding: 20px;
margin: 0px;
line-height: 1rem;
font-size: 1rem;
background: #e8e8e8;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
.tp-gradient-overlay {
position: absolute;
height: 100%;
width: 100%;
display: block;
background: #fff;
z-index: 9;
top: 0px;
left: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,1c1c1c+100&0+43,1+100 */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(157, 157, 157, 0) 43%, rgb(28, 28, 28) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(157, 157, 157, 0) 43%, rgb(28, 28, 28) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(157, 157, 157, 0) 43%, rgb(28, 28, 28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#1c1c1c",GradientType=0 ); /* IE6-9 */
}
/* Terms and Conditions Popup */
.terms-conditions-popup {
max-height: 300px;
overflow: hidden;
overflow-y: scroll;
padding: 0px 10px 0px 0px;
}
.front-call-to-actions {
max-width: 100% !important;
padding: 20px !important;
margin-top: 100px !important;
background-color: #7e7e7e;
position: relative;
}
.front-call-to-actions:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 40px;
background-image: url(/wp-content/themes/boundaries/static/images/common/call-to-action-top@2x.png);
background-repeat: no-repeat;
background-position: bottom center;
transform: translateY(-98%);
background-size: 100% 22px;
}
@media (max-width: 781px) {
.front-call-to-actions:before {
background-size: 100% 11px;
}
}
@media (max-width: 480px) {
.front-call-to-actions:before {
background-size: cover;
}
}
.front-call-to-actions:after {
background-image: url(/wp-content/themes/boundaries/static/images/common/call-to-action-bottom-bg@2x.png);
content: "";
width: 100%;
height: 120px;
background-position: center top;
position: absolute;
background-repeat: no-repeat;
left: 0;
background-size: 100% 100px;
}
@media (max-width: 1200px) {
.front-call-to-actions:after {
background-size: 120%;
}
}
@media (max-width: 781px) {
.front-call-to-actions:after {
background-size: cover;
}
}
.front-call-to-actions h2, .front-call-to-actions h3, .front-call-to-actions h4 {
font-family: jubilat, serif;
font-weight: 500;
color: rgb(110, 110, 110);
text-transform: none;
line-height: 1.1;
padding-bottom: 15px;
margin: 0;
}
.front-call-to-actions h2 {
font-size: 1.8em;
}
.front-call-to-actions p, .front-call-to-actions li {
line-height: 1.2;
font-size: 1.125em;
}
.front-call-to-actions p.has-gold-color {
letter-spacing: 2px;
}
.front-call-to-actions .wp-block-buttons {
margin-top: 10px;
flex-grow: 1;
display: flex;
align-items: end;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns {
max-width: 1480px;
margin: auto;
gap: 0.6em;
}
@media (max-width: 1200px) {
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns {
flex-wrap: wrap !important;
}
}
@media (max-width: 768px) {
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns .wp-block-columns {
gap: 0;
}
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
background-color: #fff;
padding: 20px 30px 30px;
margin-top: -80px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.0784313725);
display: flex;
flex-direction: column;
}
@media (max-width: 1200px) and (min-width: 781px) {
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
flex-basis: calc(50% - 0.3em) !important;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(3), .front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(4) {
margin-top: 20px;
}
}
@media (max-width: 781px) {
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
margin-top: 30px;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-of-type {
margin-top: -40px;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type {
margin-top: 10px;
}
}
.front-call-to-actions figure {
margin: -40px 0 20px;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
box-shadow: none;
}
.front-call-to-actions > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type figure {
margin: 0;
}
.public-hearings__hearing-wrapper {
max-width: 100% !important;
padding: 20px !important;
/* margin-top: 100px !important;*/
position: relative;
}
.public-hearings__hearing-wrapper .btn {
border-radius: 4px;
}
.public-hearings__hearing-wrapper h2, .public-hearings__hearing-wrapper h3, .public-hearings__hearing-wrapper h4 {
font-family: jubilat, serif;
font-weight: 500;
color: rgb(110, 110, 110);
text-transform: none;
line-height: 1.1;
padding-bottom: 15px;
margin: 0;
}
.public-hearings__hearing-wrapper h2 {
font-size: 1.8em;
}
.public-hearings__hearing-wrapper p, .public-hearings__hearing-wrapper li {
line-height: 1.2;
font-size: 1.125em;
}
.public-hearings__hearing-wrapper p.has-gold-color {
letter-spacing: 2px;
}
.public-hearings__hearing-wrapper .wp-block-buttons {
margin-top: 10px;
flex-grow: 1;
display: flex;
align-items: end;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns {
max-width: 1480px;
margin: auto;
gap: 0.6em;
}
@media (max-width: 1200px) {
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns {
flex-wrap: wrap !important;
}
}
@media (max-width: 768px) {
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns .wp-block-columns {
gap: 0;
}
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
background-color: #fff;
padding: 20px 30px 30px;
margin-top: -80px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.0784313725);
display: flex;
flex-direction: column;
}
@media (max-width: 1200px) and (min-width: 781px) {
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
flex-basis: calc(50% - 0.3em) !important;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(3), .public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:nth-of-type(4) {
margin-top: 20px;
}
}
@media (max-width: 781px) {
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
margin-top: 30px;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-of-type {
margin-top: -40px;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type {
margin-top: 10px;
}
}
.public-hearings__hearing-wrapper figure {
margin: -25px 20px 20px;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
box-shadow: none;
}
.public-hearings__hearing-wrapper > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-of-type figure {
margin: 0;
}
/* Biography of Commission Members */
.block-group.biography {
margin-top: 10px;
border-top: 1px solid #eee;
padding-top: 20px;
}
.block-group.biography:first-child {
padding-top: 0px;
border-top: 0px;
margin-top: 0px;
}
.block-group.biography .block.titles {
padding-left: 10px;
margin-top: 0px;
}
@media screen and (min-width: 1024px) {
.block-group.biography .block.titles {
width: 800px;
}
}
@media screen and (min-width: 10px) and (max-width: 319px) {
.block-group.biography .block.titles {
width: 120px;
}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
.block-group.biography .block.titles {
width: 160px;
}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
.block-group.biography .block.titles {
padding-left: 0px;
width: 300px;
}
}
@media screen and (min-width: 601px) and (max-width: 767px) {
.block-group.biography .block.titles {
padding-left: 0px;
width: 300px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.block-group.biography .block.titles {
width: 600px;
}
}
.block-group.biography .block.bio {
padding-left: 10px; /* */
}
@media screen and (min-width: 1024px) {
.block-group.biography .block.bio {
width: 800px;
}
}
@media screen and (max-width: 479px) {
.block-group.biography .block.bio {
padding-top: 10px;
padding-left: 0px;
}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
.block-group.biography .block.bio {
padding-left: 0px;
width: 300px;
}
}
@media screen and (min-width: 601px) and (max-width: 767px) {
.block-group.biography .block.bio {
padding-left: 0px;
width: 400px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.block-group.biography .block.bio {
width: 600px;
}
}
.block-group.biography .block.photo {
width: 120px;
}
@media screen and (max-width: 400px) {
.block-group.biography .block.photo {
width: 110px;
}
}
.block-group.biography .block.photo img {
max-width: 110px;
width: 100%;
}
.block-group.biography p {
padding-bottom: 10px;
}
.block-group.biography img {
border: 1px solid rgb(0, 105, 120);
}
.block-group.biography h2 {
font-size: 20px;
font-size: 1.25rem;
font-family: "myriad-pro-condensed", arial, sans-serif;
font-size: 20px;
font-weight: bold;
}
.block-group.biography h3 {
font-size: 16px;
font-size: 1rem;
}
.breadcrumbs-wrapper {
background-color: #006977;
color: rgb(255, 255, 255);
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c464c+0,006978+42 */
background: rgb(0, 154, 218); /* Old browsers */
background: -moz-linear-gradient(top, #027aac 0%, #009ada 42%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #027aac 0%, #009ada 42%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #027aac 0%, #009ada 42%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 767px) {
.breadcrumbs-wrapper {
display: none;
}
}
.breadcrumbs {
padding: 0px;
margin: 0px;
width: 100%;
max-width: 1480px;
padding: 5px 20px;
margin-left: auto;
margin-right: auto;
}
.breadcrumbs li {
display: inline-block;
font-size: 0.875em;
text-transform: initial;
font-size: 14px;
font-size: 0.875rem;
}
.breadcrumbs li a,
.breadcrumbs li span {
color: rgb(255, 255, 255);
text-decoration: none;
padding: 3px 0px;
display: block;
margin-right: 5px;
}
/*
down: \25bc
up: \25b2
*/
.breadcrumbs li a {
display: inline-block;
}
.breadcrumbs li .breadcrumb-text-wrapper {
display: inline-block;
padding-top: 3px;
}
.breadcrumbs li a:before,
.breadcrumbs li .breadcrumb-text-wrapper:before {
content: "▸";
padding-top: 3px;
padding-right: 10px;
color: #fff;
font-size: 1.1rem;
display: inline-block;
vertical-align: top;
height: 13px;
}
.breadcrumbs li.home a:before {
padding-right: 0px;
}
.breadcrumbs .span.icon {
display: inline-block;
}
.breadcrumbs li.home a:before {
content: "";
}
.breadcrumbs li:not(:last-child)::after {
content: "";
content: unset;
display: none;
visibility: none;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a span.breadcrumb-text:hover,
.breadcrumbs a span.breadcrumb-link-text:hover {
text-decoration: underline;
}
.breadcrumbs a:hover {
text-decoration: none;
}
.breadcrumbs li span {
display: inherit;
}
/* Start Over link for /participate/ */
.breadcrumbs li.start-over a {
font-family: "myriad-pro-semi-condensed", arial, sans-serif;
border-right: 1px solid #1A5654;
padding-right: 10px;
}
.breadcrumbs li.start-over .icon {
font-size: 1.1rem;
margin-top: -2px;
vertical-align: middle;
}
.breadcrumbs li.start-over a:before {
content: unset;
}
/* Participate in the process */
.participate.map-only {
height: 1024px !important;
width: 1024px !important;
position: relative !important;
overflow: hidden !important;
}
.participate.map-only #map {
height: 1024px !important;
width: 1024px !important;
position: relative !important;
overflow: hidden !important;
}
.participate.map-only .map-wrapper-participate {
height: 1024px !important;
width: 1024px !important;
position: relative !important;
overflow: hidden !important;
}
.participate .boundary textarea.large {
height: 2rem;
}
.participate .find-my-ed label {
font-size: 1em;
line-height: 1.2;
}
.participate .find-my-ed-content {
width: 100%;
max-width: 980px;
padding: 0 20px;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.participate .find-my-ed-content .body-text {
padding: 0px 0px 10px;
}
.participate .find-my-ed-content #by-ed-form {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 600px) {
.participate .find-my-ed-content #by-ed-form {
flex-wrap: nowrap;
}
}
.participate .find-my-ed-content button.find-ed {
vertical-align: inherit;
justify-content: space-between;
padding: 8px 20px 9px;
margin-right: 0%;
text-align: center;
}
@media screen and (min-width: 600px) {
.participate .find-my-ed-content button.find-ed {
float: left;
clear: none;
text-align: inherit;
width: 33.05%;
margin-left: 0%;
margin-right: 3%;
width: 210px;
margin-right: 0%;
text-align: center;
}
.participate .find-my-ed-content button.find-ed::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content button.find-ed:last-child {
margin-right: 0%;
}
}
.participate .find-my-ed-content .find-fields {
width: 100%;
}
@media screen and (min-width: 10px) and (max-width: 767px) {
.participate .find-my-ed-content .find-fields {
width: 100%;
}
}
.participate .find-my-ed-content label.city {
display: inline-block;
}
@media screen and (min-width: 600px) {
.participate .find-my-ed-content input.street-number {
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
}
.participate .find-my-ed-content input.street-number::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.street-number:last-child {
margin-right: 0%;
}
}
@media screen and (max-width: 559px) {
.participate .find-my-ed-content input.street-number {
float: left;
clear: none;
text-align: inherit;
width: 27.9%;
margin-left: 0%;
margin-right: 3%;
}
.participate .find-my-ed-content input.street-number::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.street-number:last-child {
margin-right: 0%;
}
}
@media screen and (min-width: 600px) {
.participate .find-my-ed-content input.street-name {
float: left;
clear: none;
text-align: inherit;
width: 43.35%;
margin-left: 0%;
margin-right: 3%;
}
.participate .find-my-ed-content input.street-name::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.street-name:last-child {
margin-right: 0%;
}
}
@media screen and (max-width: 559px) {
.participate .find-my-ed-content input.street-name {
float: left;
clear: none;
text-align: inherit;
width: 70%;
margin-left: 0%;
margin-right: 0%;
}
.participate .find-my-ed-content input.street-name::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.street-name:last-child {
margin-right: 0%;
}
}
@media screen and (min-width: 600px) {
.participate .find-my-ed-content input.area {
float: left;
clear: none;
text-align: inherit;
width: 63.95%;
margin-left: 0%;
margin-right: 3%;
}
.participate .find-my-ed-content input.area::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.area:last-child {
margin-right: 0%;
}
}
@media screen and (max-width: 559px) {
.participate .find-my-ed-content input.area {
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
}
.participate .find-my-ed-content input.area::after {
content: "";
display: table;
clear: both;
}
.participate .find-my-ed-content input.area:last-child {
margin-right: 0%;
}
}
.participate .find-my-ed-content .intro-title {
font-weight: bold;
color: #000000;
}
.participate .find-my-ed-content .intro-body {
padding-right: 10px;
width: 100%;
}
@media screen and (min-width: 10px) and (max-width: 767px) {
.participate .find-my-ed-content .intro-body {
width: 100%;
padding-bottom: 20px;
}
}
.participate .find-my-ed-content .intro-body p {
margin-top: 0px;
}
.participate .find-my-ed-content .option-text {
width: 20%;
min-width: 80px;
color: rgb(181, 137, 63);
text-transform: uppercase;
font-weight: normal;
font-size: 1.25rem;
letter-spacing: 1px;
border-top: 1px solid #d5d5d5;
padding: 10px 10px 10px 0px;
}
@media (max-width: 787px) {
.participate .find-my-ed-content .option-text {
width: 80px;
text-transform: none;
letter-spacing: 0px;
font-size: 17px;
font-size: 1.0625rem;
}
}
.participate .find-my-ed-content .find-by-address,
.participate .find-my-ed-content .find-by-ed,
.participate .find-my-ed-content .all-ed {
display: flex;
}
.participate .find-my-ed-content .find-by-ed {
flex-wrap: wrap;
}
.participate .find-my-ed-content .title-text {
width: 80%;
font-size: 1.25rem;
padding: 10px 0px 10px 10px;
border-left: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
font-weight: bold;
}
@media (max-width: 787px) {
.participate .find-my-ed-content .title-text {
width: calc(100% - 80px);
font-size: 17px;
font-size: 1.0625rem;
}
}
.participate .reasons textarea {
min-height: 10rem;
}
.participate select#ed {
font: inherit;
line-height: 1;
}
@media screen and (min-width: 600px) {
.participate select#ed {
float: left;
clear: none;
text-align: inherit;
width: 63.95%;
margin-left: 0%;
margin-right: 3%;
width: calc(100% - 220px);
}
.participate select#ed::after {
content: "";
display: table;
clear: both;
}
.participate select#ed:last-child {
margin-right: 0%;
}
}
@media screen and (max-width: 600px) {
.participate select#ed {
margin-bottom: 10px;
width: 100%;
}
}
@media screen and (max-width: 559px) {
.participate select#ed {
float: left;
clear: none;
text-align: inherit;
width: 100%;
margin-left: 0%;
margin-right: 3%;
}
.participate select#ed::after {
content: "";
display: table;
clear: both;
}
.participate select#ed:last-child {
margin-right: 0%;
}
}
.participate .terms-conditions-popup {
max-height: 300px;
overflow: hidden;
overflow-y: scroll;
padding: 0px 10px 0px 0px;
}
.find-ed-results {
font-size: 0.938rem;
margin: 0px;
padding: 20px;
background: #d5d5d5;
border-radius: 5px;
}
.find-ed-results .results-action {
padding-top: 20px;
padding-bottom: 5px;
}
.find-ed-results .results-click {
padding-top: 40px;
padding-bottom: 5px;
}
.find-ed-results .results-deviation span {
color: #000000;
font-weight: bold;
}
.find-ed-results .results-entry {
width: 50%;
}
@media screen and (max-width: 767px) {
.find-ed-results .results-entry {
width: 100%;
}
}
.find-ed-results .results-label {
color: #006978;
font-weight: bold;
font-size: 17px;
font-size: 1.0625rem;
}
.find-ed-results .results-name {
color: #000000;
font-size: 1.375rem;
padding-top: 20px;
}
.find-ed-results .results-population {
padding-top: 10px;
}
.find-ed-results .results-population span {
color: #000000;
font-weight: bold;
}
/* Save and Continue Later */
.gform_wrapper .form_saved_message {
text-align: left;
border: none;
background: none;
padding: 0px;
}
.gform_wrapper .form_saved_message span:first-child {
padding: 0px;
}
.form_saved_message_emailform {
text-align: left;
}
.form_saved_message_emailform input[type=submit] {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 1rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #000000;
color: #fefefe;
margin: 10px 0px;
}
[data-whatinput=mouse] .form_saved_message_emailform input[type=submit] {
outline: 0;
}
.form_saved_message_emailform input[type=submit]:hover, .form_saved_message_emailform input[type=submit]:focus {
background-color: black;
color: #fefefe;
}
#gform_1 .field_description_below .gfield_description,
#gform_4 .field_description_below .gfield_description {
padding-top: 0px !important;
padding-bottom: 0px !important;
background: #990000;
color: #fff !important;
padding: 5px !important;
}
#gform_4 .field_description_below .gfield_description:last-child,
#gform_1 .field_description_below .gfield_description:last-child {
padding-bottom: 10px !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background: none;
}
#gform_1,
#gform_4 {
/* Error fields */
}
#gform_1 li.gfield,
#gform_4 li.gfield {
margin-top: 0px;
}
#gform_1 .gfield_error,
#gform_4 .gfield_error {
vertical-align: top;
width: 100% !important;
margin: 0px !important;
margin-bottom: 0px;
border: 0px !important;
}
#gform_1 .gfield_error .validation_message,
#gform_4 .gfield_error .validation_message {
margin: 0px;
padding: 0px;
}
#gform_1 .gfield_error input[type=text],
#gform_4 .gfield_error input[type=text] {
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
#gform_1 .gfield.postal-code,
#gform_4 .gfield.postal-code {
padding-left: 10px;
}
}
#gform_1 .field_description_below .gfield_description,
#gform_4 .field_description_below .gfield_description {
padding-top: 16px;
padding-bottom: 16px;
}
#gform_1 .gfield.edit-map-boundaries .gfield_label,
#gform_4 .gfield.edit-map-boundaries .gfield_label {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
clear: both;
font-weight: 700;
}
#gform_1 .gfield_captcha_input_container,
#gform_4 .gfield_captcha_input_container {
display: inline-block;
}
#gform_confirmation_message_1,
#gform_confirmation_message_4 {
font-weight: normal;
}
/* Gravity Forms Steps */
.gform_wrapper div.validation_error {
border: none;
padding: 0;
margin-bottom: 10px;
}
.gform_wrapper .ginput_container_phone .instruction.validation_message {
display: none;
}
.gform_wrapper li.gfield.gfield_error {
background-color: transparent;
border: none;
}
.gform_wrapper .gfield_description.validation_message {
font-size: normal;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
background-color: #ffefef;
}
.gform_wrapper .gf_step span.gf_step_number {
display: none;
}
#extensions_message_4_56 {
display: none;
}
.gform_wrapper .gf_step {
margin: 0px;
opacity: 1;
height: auto;
display: inline-block;
}
#gf_step_1_1,
#gf_step_4_1 {
width: 22%;
}
#gf_step_1_2,
#gf_step_4_2 {
width: 22%;
}
#gf_step_1_3,
#gf_step_4_3 {
width: 22%;
}
#gf_step_1_4,
#gf_step_4_4 {
width: 34%;
}
.gform_wrapper .gf_step .gf_step_label {
border-top: 3px solid rgb(204, 204, 204);
border-bottom: 1px solid rgb(204, 204, 204);
color: rgb(150, 150, 150);
padding: 3px 0px 7px 0px;
width: 100%;
}
.gf_step_label {
font-size: 11px;
font-size: 0.6875rem;
font-weight: bold;
}
.gform_wrapper .gf_step.gf_step_active .gf_step_label {
color: rgb(0, 0, 0);
border-top: 3px solid rgb(0, 105, 120);
}
.gform_wrapper .gf_step {
border-right: 1px solid rgba(255, 255, 255, 0);
}
#field_1_35,
#field_4_35 {
padding-top: 4px;
}
#field_1_35 .gfield_label,
#field_4_35 .gfield_label {
display: none;
}
.gform_wrapper .gf_step.gf_step_last .gf_step_label {
border-right: none;
}
.gfield_checkbox a {
text-decoration: underline;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] {
vertical-align: middle;
margin: 0;
}
.gform_wrapper ul.gfield_checkbox li label {
vertical-align: middle;
padding-left: 5px;
}
.gform_wrapper .gf_step.gf_step_completed .gf_step_label,
.gform_wrapper .gf_step.gf_step_active .gf_step_label,
.gform_wrapper .gf_step.gf_step_previous .gf_step_label {
border-top: 3px solid rgb(0, 105, 120);
}
#gform_page_1_3,
#gform_page_4_3 {
padding-bottom: 20px;
}
.gform_wrapper .gf_page_steps {
border-bottom: none;
margin: 0px;
padding: 0px;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
font-size: 14px;
font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
width: 50%;
max-width: 120px;
margin: 0px 10px 0px 0px;
}
}
@media screen and (max-width: 767px) {
.gform_wrapper .gform_page_footer .button.gform_next_button {
width: 50%;
max-width: 120px;
margin: 0px;
}
}
@media screen and (max-width: 767px) {
.gform_wrapper .gform_page_footer .button.gform_previous_button {
width: 50%;
max-width: 120px;
margin: 0px 10px 0px 0px;
}
}
#gform_1 .gfield.postal-code,
#gform_4 .gfield.postal-code {
display: inline-block;
width: 50%;
}
#gform_1 .gfield.city,
#gform_4 .gfield.city {
display: inline-block;
width: 50%;
}
#gform_1 .gfield.phone,
#gform_4 .gfield.phone {
display: inline-block;
width: 100%;
}
#gform_1 .gfield.name,
#gform_4 .gfield.name {
display: inline-block;
width: 100%;
}
#gform_1 .gfield.name label,
#gform_4 .gfield.name label {
margin-top: 0;
}
#gform_1 .gfield.name input,
#gform_4 .gfield.name input {
margin-bottom: 15px;
}
#gform_wrapper_1,
#gform_wrapper_4 {
margin-top: 0px;
}
.gwmpn-page-link {
text-decoration: none;
}
.gfield.boundary {
display: none;
}
.gfield.population {
display: none;
}
.gfield.deviation-quotient {
display: none;
}
/* don't show the last page button */
.gform_last_page_button {
display: none;
}
/* save and continue */
.gform_save_link,
.gform_wrapper .gform_page_footer a.gform_save_link {
margin-left: 0px;
margin-top: 5px;
text-decoration: underline;
color: rgb(150, 150, 150);
}
.edit-map-results-container {
display: none;
z-index: 1005;
position: fixed;
right: 0px;
left: 0px;
background: rgb(28, 28, 28);
color: rgb(255, 255, 255);
height: 80px;
bottom: 0px;
text-align: center;
-webkit-transition: bottom 1s; /* Safari */
transition: bottom 1s;
}
@media screen and (max-width: 767px) {
.edit-map-results-container {
height: 50px;
}
}
.edit-map-results-container.opened {
bottom: 80px;
-webkit-transition: bottom 1s; /* Safari */
transition: bottom 1s;
}
.edit-map-results {
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.easy-button-container.introjs-fixParent .easy-button-button {
z-index: 9999999 !important;
position: relative;
}
.map-help-container {
position: relative;
left: 0px;
top: 0px;
width: 200px;
height: 400px;
background: #fff;
border-radius: 5px;
}
#firstEditToast {
border-radius: 5px;
position: absolute;
bottom: 100px;
width: 100%;
padding: 10px;
background-color: rgb(28, 28, 28);
opacity: 0;
overflow: auto;
-webkit-transition: bottom 0.6s ease, opacity 0.6s ease;
transition: bottom 0.6s ease, opacity 0.6s ease;
}
#firstEditToast a {
color: rgb(255, 255, 255);
}
#firstEditToast button#close_firstEditToast {
float: right;
margin-top: -3px;
margin-right: -3px;
padding: 2px 4px 3px 5px;
margin-left: 5px;
cursor: pointer;
}
#firstEditToast .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
color: rgb(255, 255, 255);
display: block;
width: 15px;
height: 15px;
margin: auto;
font-size: 1rem;
font-weight: bold;
}
#firstEditToast .icon-right-circle {
font-size: 2rem;
margin-bottom: 20px;
}
#firstEditToast.active {
bottom: 85px;
opacity: 1;
}
.edit-map-controls {
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.edit-map-controls .undo[disabled],
.edit-map-controls .redo[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.edit-map-results-container .results-population {
width: 33%;
}
.edit-map-results-container .results-quotient {
width: 50%;
}
.edit-map-results-container .results-population-value,
.edit-map-results-container .results-quotient-value {
font-size: 30px;
font-size: 1.875rem;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
.edit-map-results-container .results-population-value,
.edit-map-results-container .results-quotient-value {
font-size: 16px;
font-size: 1rem;
}
}
.edit-map-results-container .results-population-label,
.edit-map-results-container .results-quotient-label {
color: rgb(150, 150, 150);
font-size: 16px;
font-size: 1rem;
}
.edit-map-controls-container {
z-index: 1001 !important;
position: absolute;
right: 0px;
display: none;
width: 100%;
background: #006978;
border-top: 1px solid #1C7E85;
left: 0px;
}
@media screen and (max-width: 767px) {
.edit-map-controls-container {
bottom: 50px;
}
}
@media screen and (min-width: 768px) {
.edit-map-controls-container {
bottom: 80px;
}
}
.edit-map-controls .button-map-control {
color: #ffffff;
text-transform: uppercase;
height: auto;
width: auto;
border-radius: 0px;
display: inline-block;
margin-right: 0px;
font-size: 12px;
opacity: 0.8;
padding: 15px 20px;
border-right: 1px solid #1C7E85;
}
.edit-map-controls .button-map-control:last-child {
border-right: none;
}
@media screen and (max-width: 767px) {
.edit-map-controls .button-map-control {
padding: 15px;
}
}
.edit-map-controls .button-map-control i {
font-size: 24px;
font-size: 1.5rem;
}
.edit-map-controls .button-map-control span {
display: block;
padding-top: 4px;
}
.edit-map-controls .button-map-control:hover {
background: #003c45;
}
.edit-map-controls .button-map-control.freehand-cancel {
background: #003c45;
}
.edit-map-controls .button-map-control.freehand-finish {
background: #003c45;
}
.edit-map-results-container .results-refresh .icon {
display: inline-block;
padding: 0px 0 0px 8px;
margin-top: -3px;
vertical-align: middle;
font-size: 1.2rem;
}
.edit-map-results-container .results-refresh button,
.edit-map-results-container .results-refresh button:focus {
margin-top: 15px;
text-decoration: none;
background-color: rgb(0, 105, 120);
}
@media screen and (max-width: 767px) {
.edit-map-results-container .results-refresh button,
.edit-map-results-container .results-refresh button:focus {
font-size: 1rem;
padding: 5px 10px;
margin-top: 10px;
}
}
.edit-map-results-container .results-refresh button:hover,
.edit-map-results-container .results-refresh button:active {
background-color: #0096ab;
}
.edit-map-results-container .results-refresh button.animate .icon:before {
-webkit-animation: 1s linear infinite spinner;
animation: 1s linear infinite spinner;
display: inline-block;
}
@-webkit-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.gform_wrapper .gform_ajax_spinner {
width: 40px !important;
height: 40px !important;
}
.edit-map-results-container .results-close {
position: absolute;
right: 100px;
top: -20px;
}
.submission-pane-toggle {
font-size: 25px;
font-size: 1.5625rem;
float: right;
width: 31px;
height: 31px;
margin-top: 10px;
cursor: pointer;
}
.submission-pane-toggle img {
width: 31px;
height: 31px;
}
.map-wrapper-participate.gf_step_1_3,
.map-wrapper-participate.gf_step_4_3 {
margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
.participate-start .submission-wrapper .hide_show_proposals {
display: none;
}
}
.submission-wrapper h1 {
font-size: 20px;
font-size: 1.25rem;
color: rgb(0, 105, 120);
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}
.submission-wrapper h1 span {
color: rgb(0, 0, 0);
display: block;
}
.page-template-page-participate .breadcrumbs li.home a:before {
padding-right: 10px;
}
/* Always force the submission form to be showing when 768px or wider */
@media screen and (min-width: 768px) {
.page-template-page-participate .starting-submission input.hide_show_proposals:checked + .submission-wrapper {
left: 0px !important;
padding-top: 10px !important;
}
}
/* final step, download pdf button and status */
.download-pdf-wrapper #building-pdf {
position: relative;
padding-top: 10px;
}
.download-pdf-wrapper #building-pdf div.fake-button {
background: #eee;
padding: 10px;
border-radius: 5px;
max-width: 250px;
margin: auto;
}
.download-pdf-wrapper #building-pdf div.fake-button img {
width: 25px;
margin-right: 10px;
}
.download-pdf-wrapper #building-pdf .download-button-wrapper {
text-align: center;
color: #006a71;
}
.download-pdf-wrapper #building-pdf a.button {
text-align: left;
}
.download-pdf-wrapper #building-pdf i {
font-size: 1.5rem;
margin-right: 5px;
}
.download-pdf-wrapper #building-pdf span {
font-weight: bold;
font-size: 14px;
position: absolute;
top: 23px;
}
.leaflet-draw.leaflet-control {
display: none !important;
}
a.leaflet-control-zoom-in {
text-decoration: none;
}
a.leaflet-control-zoom-out {
text-decoration: none;
}
.leaflet-bar {
box-shadow: none;
}
.leaflet-bar button, .leaflet-bar button:hover {
border-radius: 50%;
color: #595959;
margin-top: 20px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
padding: 12px 14px;
height: 40px;
width: 40px;
line-height: 0;
}
.leaflet-bar button:first-of-type {
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.leaflet-bar button:last-of-type {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom: none;
}
.map-wrapper {
position: absolute;
width: 100%;
left: 0px;
right: 0px;
bottom: 0px;
top: 141px;
}
.map-wrapper-participate {
position: absolute;
width: 100%;
left: 0px;
right: 0;
bottom: 0px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.map-wrapper-participate form {
display: table;
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.map-wrapper-participate {
top: 110px;
}
}
@media screen and (max-width: 767px) {
.map-wrapper-participate {
top: 50px;
}
}
@media screen and (min-width: 1025px) {
.map-wrapper-participate {
top: 160px;
}
}
.page-template-page-participate .submission-shadow-wrap.pre-submission {
margin-top: -10px;
margin-left: -10px;
}
body {
margin: 0;
padding: 0;
}
@media screen and (min-width: 767px) {
#map {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
}
.map-wrapper #map {
position: absolute;
top: 58px;
bottom: 0;
right: 0;
left: 360px;
}
.map-wrapper-participate #map {
position: absolute;
top: 64px;
bottom: 0;
right: 0;
left: 360px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
.map-wrapper-participate #map {
top: 46px;
}
}
@media screen and (max-width: 767px) {
.map-wrapper-participate #map {
top: 31px;
left: 0px;
height: 50%;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.map-wrapper-participate #map {
top: 0px;
}
}
.participate-start .map-wrapper-participate #map {
position: absolute;
top: 0px;
bottom: 0;
right: 0;
left: 360px;
}
@media screen and (max-width: 767px) {
.participate-start .map-wrapper-participate #map {
left: 0px;
top: 0px;
height: 50%;
}
}
@media screen and (min-width: 768px) and (max-width: 768px) {
.participate-start .map-wrapper-participate #map {
top: 0px;
}
}
/* submission map-only */
.participate-start .map-wrapper-participate.map-only {
top: 0px;
}
.participate-start .map-wrapper-participate.map-only #map {
position: absolute;
top: 0px;
bottom: 0;
right: 0;
left: 0px;
}
.participate-start .map-wrapper-participate.map-only .leaflet-control-container {
display: none;
}
.participate-start .submission-wrapper .submission-content-wrap {
margin-top: 0;
}
.map-container {
-webkit-box-shadow: inset 0px 0px 89px -47px rgba(0, 0, 0, 0.19);
-moz-box-shadow: inset 0px 0px 89px -47px rgba(0, 0, 0, 0.19);
box-shadow: inset 0px 0px 89px -47px rgba(0, 0, 0, 0.19);
}
#map:last-child:after {
content: "";
position: absolute;
-moz-box-shadow: inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow: inset 0 0 5px #000000;
width: 100%;
height: 100%;
display: block;
pointer-events: none;
}
.leaflet-map-pane {
z-index: 2 !important;
}
/*
/* zoom controls */
.leaflet-touch .leaflet-bar,
.leaflet-control-zoom {
box-shadow: none;
}
.leaflet-touch .leaflet-bar a,
.leaflet-control-zoom a {
border-radius: 50%;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
padding: 20px 10px;
height: 40px;
width: 40px;
line-height: 0;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
border: none;
}
.leaflet-touch .leaflet-bar a:hover,
.leaflet-control-zoom a:hover {
height: 40px;
width: 40px;
line-height: 0;
color: #333;
}
.leaflet-touch .leaflet-bar a:first-child,
.leaflet-control-zoom a:first-child {
border-radius: 50%;
color: #595959;
z-index: 999999;
}
.leaflet-touch .leaflet-bar a:last-child,
.leaflet-control-zoom a:last-child {
border-radius: 50%;
margin-top: 20px;
color: #595959;
z-index: 999999;
}
.leaflet-google-layer {
z-index: 1 !important;
}
.leaflet-layer {
z-index: 1 !important;
}
.map-wrapper .division-controls {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 1000;
background: #fff;
}
.map-wrapper .division-controls label {
height: 50px;
padding: 10px 20px;
display: inline-block;
border-right: 1px solid #ddd;
}
.map-wrapper .division-controls label:last-child {
border-right: none;
}
.map-wrapper-participate .division-controls {
position: absolute;
top: 0px;
left: 360px;
right: 0px;
z-index: 1000;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
.map-wrapper-participate .division-controls {
text-align: right;
}
.map-wrapper-participate .division-controls label {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.map-wrapper-participate .division-controls {
width: 100%;
left: 0;
}
}
.map-wrapper-participate .division-controls label {
display: inline-block;
padding: 14px 20px;
border-right: 1px solid #ddd;
}
.map-wrapper-participate .division-controls label .switch {
margin-right: 10px;
}
.map-wrapper-participate .division-controls label .switch-slider.round:before {
transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
.map-wrapper-participate .division-controls label {
padding: 9px;
}
.map-wrapper-participate .division-controls label .switch {
width: 25px;
height: 18px;
margin: -4px 2px 0 3px;
font-size: 0em;
}
.map-wrapper-participate .division-controls label .switch .switch-slider {
height: 11px;
}
.map-wrapper-participate .division-controls label .switch .switch-slider.round:before {
width: 11px;
height: 11px;
}
.map-wrapper-participate .division-controls label .switch input:checked + .switch-slider.round:before {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
.map-wrapper-participate .division-controls label .switch-text {
text-transform: uppercase;
font-size: 0.875rem;
}
.map-wrapper-participate .division-controls label .switch-text .switch-text {
padding-left: 4px;
}
}
@media screen and (max-width: 767px) {
.map-wrapper-participate .division-controls label {
display: table-cell;
padding: 3px 0;
text-align: center;
}
.map-wrapper-participate .division-controls label .switch {
text-align: left;
}
.map-wrapper-participate .division-controls label .switch-text {
font-size: 0.875em;
padding: 0px 3px 3px;
top: -2px;
text-transform: uppercase;
}
.map-wrapper-participate .division-controls label .switch-text span.no-mobile {
display: none;
}
}
.map-wrapper-participate .division-controls label:last-child {
border-right: none;
}
.switch-text {
text-transform: uppercase;
}
.selected-ed-title {
display: inline-block;
}
input.hide_show_proposals {
position: absolute;
top: -9999px;
opacity: 0;
}
input.hide_show_proposals:checked + .submission-wrapper #hide_proposals {
display: none;
}
input.hide_show_proposals:checked + .submission-wrapper #show_proposals {
display: inline-block;
}
@media screen and (min-width: 768px) {
input.hide_show_proposals:checked + .submission-wrapper {
left: -360px;
padding-top: 61px;
}
input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
z-index: 1;
position: fixed;
overflow: visible;
left: 10px;
margin: 10px 0 15px;
}
input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals .icon {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@media screen and (min-width: 1024px) {
input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
margin: 20px 0 15px;
}
}
@media screen and (max-width: 767px) {
input.hide_show_proposals:checked + .submission-wrapper {
top: 100%;
height: 0;
}
input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
z-index: 1;
min-height: 46px;
position: fixed;
left: auto;
margin: -48px 0 15px;
}
input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
input.hide_show_proposals:checked ~ #map {
-webkit-transition: none;
transition: none;
}
@media screen and (min-width: 768px) {
input.hide_show_proposals:checked ~ #map {
left: 0;
}
}
@media screen and (max-width: 767px) {
input.hide_show_proposals:checked ~ #map {
height: auto;
bottom: 0px;
}
}
@media screen and (min-width: 768px) {
input.hide_show_proposals:checked ~ .division-controls {
left: 0;
padding-left: 40px;
}
}
@media screen and (max-width: 767px) {
.gf_step_1_3 input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
margin: -88px 0 15px;
}
}
@media screen and (max-width: 767px) {
.submission-content {
margin-top: 10px;
padding-bottom: 10px;
}
}
label.hide_show_proposals {
margin: 0 0 15px;
padding-right: 10px;
float: right;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
label.hide_show_proposals {
position: fixed;
right: 0;
padding: 10px 10px;
margin-top: -46px;
border-radius: 5px 0 0 0;
text-align: right;
background: rgb(255, 255, 255);
}
}
label.hide_show_proposals #show_proposals {
padding: 0 10px;
display: none;
}
label.hide_show_proposals #hide_proposals {
padding: 0 10px;
display: inline-block;
}
label.hide_show_proposals .icon {
display: inline-block;
font-size: 1.5rem;
vertical-align: middle;
color: rgb(0, 154, 218);
-webkit-transition: all 0.3s 0.3s ease;
transition: all 0.3s 0.3s ease;
}
@media screen and (min-width: 768px) {
label.hide_show_proposals .icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@media screen and (max-width: 767px) {
label.hide_show_proposals .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
label.hide_show_proposals + * {
clear: both;
}
.submission-wrapper {
overflow-y: scroll;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
min-width: 320px;
bottom: 0px;
height: 100%;
z-index: 1001;
background: #fff;
padding-right: 14px;
padding-left: 14px;
padding-top: 10px;
border-right: 1px solid #ddd;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
/* list of eds */
}
.submission-wrapper .submission-shadow-wrap {
display: none;
}
@media screen and (max-width: 767px) {
.submission-wrapper .submission-shadow-wrap {
display: block;
position: absolute;
z-index: 999;
width: 100%;
height: 15px;
pointer-events: none;
overflow: hidden;
}
.submission-wrapper .submission-shadow-wrap .shadow-1 {
position: absolute;
background: transparent;
width: 100%;
height: 1px;
margin-top: -5px;
z-index: 997;
pointer-events: none;
box-shadow: 2px 0 5px 6px #fff;
}
.submission-wrapper .submission-shadow-wrap .shadow-2 {
position: absolute;
background: transparent;
width: 100%;
height: 1px;
margin-top: -1px;
z-index: 999;
pointer-events: none;
box-shadow: 0px 0 9px 0px #000;
}
}
.submission-wrapper .accordion-content {
padding: 0px;
}
.submission-wrapper .accordion-content p {
padding: 10px;
}
.submission-wrapper .accordion-content table {
margin-left: 0px;
}
.submission-wrapper .accordion-content td {
padding: 5px;
}
.submission-wrapper .accordion-content td:first-child {
padding-left: 10px;
}
.submission-wrapper .accordion-title {
text-transform: uppercase;
text-decoration: none;
}
.submission-wrapper .accordion-title::before {
content: "▸";
font-size: 1.5rem;
margin-top: -12px;
margin-right: -4px;
}
.submission-wrapper .is-active > .accordion-title::before {
margin: -5px 0 0 0;
}
.submission-wrapper > ul > li > div > table {
margin-left: -10px;
}
@media screen and (max-width: 767px) {
.submission-wrapper {
top: 40%;
height: 60%;
padding: 0;
overflow: visible;
background-color: #fff;
}
.submission-wrapper .submission-content-wrap {
width: 100%;
height: 100%;
background-color: #fff;
padding: 10px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
}
}
@media screen and (min-width: 768px) {
.submission-wrapper {
-webkit-transition: all 0.3s ease, padding 0s;
transition: all 0.3s ease, padding 0s;
max-width: 360px;
}
.submission-wrapper .submission-content-wrap {
margin-top: 46px;
}
}
.submission-wrapper .eds-table tr td a {
display: block;
}
.submission-wrapper .eds-table tr.active {
background: rgb(0, 154, 218);
color: #fff;
}
.submission-wrapper .eds-table tr.active a {
color: #fff;
}
@media screen and (min-width: 768px) {
body.page-template-page-participate:not(.participate-start) .submission-wrapper .submission-content-wrap {
margin-top: 36px;
}
body.page-template-page-participate:not(.participate-start) input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
margin-top: -50px;
}
}
body.map-data .accordion-item:first-child > :first-child {
border-radius: 0px;
}
body.map-data :last-child:not(.is-active) > .accordion-title {
border-bottom: 0px;
border-radius: 0px;
}
body.map-data .submission-wrapper {
padding: 0px !important;
}
.submission-wrapper .button {
font-size: 0.875rem;
}
.block.confirm-label {
font-weight: bold;
width: 80%;
}
.block.confirm-edit {
width: 20%;
text-align: right;
}
.block.skip-map-edits {
border-top: 1px solid #eeeeee;
margin-top: 20px;
padding-top: 14px;
width: 40%;
}
.block.save-changes {
border-top: 1px solid #eeeeee;
padding-top: 14px;
margin-top: 20px;
width: 60%;
text-align: right;
}
.block.next {
padding-top: 20px;
width: 60%;
text-align: right;
}
.block.next-only {
padding-top: 20px;
text-align: right;
}
.block.previous {
padding-top: 20px;
width: 40%;
}
.block.confirm-change-info,
.block.confirm-edit-map,
.block.confirm-change-reason {
font-size: 0.875rem;
}
.block.confirm-change-info a,
.block.confirm-edit-map a,
.block.confirm-change-reason a {
text-decoration: none;
color: #999999;
}
.block.confirm-email,
.block.confirm-postal-code {
padding-bottom: 14px;
}
.block.confirm-email:empty,
.block.confirm-postal-code:empty {
padding-bottom: 0;
}
.block.confirm-population span,
.block.confirm-quotient span {
font-weight: bold;
padding-left: 10px;
}
.popup-name-wrapper {
line-height: 1rem;
padding-top: 3px;
}
.popup-entry.proposed .popup-name-wrapper.no-location,
.popup-entry.alt-proposed .popup-name-wrapper.no-location,
.popup-entry.existing .popup-name-wrapper.no-location {
min-height: 40px;
position: relative;
padding-top: 0px;
}
.leaflet-popup-content-wrapper {
border-radius: 0;
}
@media screen and (max-width: 767px) {
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
max-width: 300px;
}
}
.leaflet-touch .leaflet-control-attribution {
position: fixed;
left: 0;
z-index: 999;
bottom: 0;
}
@media screen and (max-width: 767px) {
.popup-action-wrapper {
max-width: 132px;
}
}
.popup-location {
color: rgb(0, 0, 0);
font-weight: bold;
font-size: 1.063rem;
display: block;
}
.popup-name {
color: rgb(181, 137, 63);
font-weight: bold;
font-size: 1.063rem;
}
/* styling of the popup when multiple layers are shown and overlap */
.map-popup.multiple .existing {
padding: 5px;
margin-top: 5px;
}
.map-popup.multiple .proposed {
margin-bottom: 3px;
padding: 5px;
}
.map-popup.multiple .alt-proposed {
margin-bottom: 3px;
padding: 5px;
}
.map-popup.multiple .final {
padding: 5px;
}
.popup-name-type {
color: rgb(0, 0, 0);
font-weight: normal;
font-size: 12px;
font-size: 0.75rem;
float: right;
}
.popup-deviation {
padding-top: 0px;
padding-bottom: 5px;
}
.popup-population, .popup-deviation {
color: rgb(150, 150, 150);
font-size: 0.975em;
}
.popup-population span, .popup-deviation span {
margin-left: 5px;
color: rgb(0, 0, 0);
font-weight: bold;
}
.popup-action button {
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
padding: 10px;
width: 100%;
max-width: 200px;
}
.leaflet-draw-section {
display: none;
}
.leaflet-div-icon {
margin-top: -12px !important;
margin-left: -12px !important;
width: 24px !important;
height: 24px !important;
background: #fff;
border-color: rgb(0, 154, 218);
border-radius: 50%;
}
.leaflet-marker-draggable {
border-radius: 50%;
}
.leaflet-marker-draggable.middle-marker {
color: #fff;
background-color: #fff;
}
.switch {
margin-bottom: 0px;
margin-top: -5px;
}
.switch-text {
top: 0px;
font-size: 20px;
font-size: 1.25rem;
padding-left: 5px;
color: rgb(150, 150, 150);
margin-bottom: 6px;
padding-bottom: 10px;
top: 0px;
font-size: 1rem;
padding-left: 0px;
margin-bottom: 6px;
padding-bottom: 2px;
}
#toggle-proposed .switch-text {
color: rgb(150, 150, 150);
border-bottom: 4px solid #ffffff;
}
#toggle-alt-proposed .switch-text {
color: rgb(150, 150, 150);
border-bottom: 4px solid #ffffff;
}
#toggle-existing .switch-text {
border-bottom: 2px solid #ffffff;
}
#toggle-final .switch-text {
border-bottom: 6px solid #ffffff;
}
#toggle-proposed.active .switch-text {
color: rgb(0, 154, 218);
border-bottom: 4px solid rgb(0, 154, 218);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
#toggle-alt-proposed.active .switch-text {
color: rgb(0, 154, 218);
border-bottom: 4px solid #000;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
#toggle-existing.active .switch-text {
color: rgb(0, 154, 218);
border-bottom: 4px solid #999999;
}
#toggle-final.active .switch-text {
color: rgb(0, 154, 218);
border-bottom: 6px solid rgb(0, 154, 218);
}
.loading-map {
position: absolute;
top: 0px;
right: 0px;
left: 0;
z-index: 1002;
height: 100%;
padding: 10px;
background: rgba(0, 0, 0, 0.7);
vertical-align: middle;
}
@media (max-width: 768px) {
.loading-map {
top: 19px;
}
}
.loading-map .spinner {
width: 25px;
margin-right: 5px;
}
.loading-map-inner {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
padding: 10px;
margin-top: -28px;
margin-left: -170px;
border-radius: 5px;
text-align: center;
background: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
.loading-map-inner {
margin-left: -160px;
}
}
.loading-map span {
vertical-align: middle;
display: inline-block;
padding: 0px;
color: rgb(0, 154, 218);
}
.loading-map .fa.fa-spin.fa-3x.fa-fw {
display: inline-block;
vertical-align: middle;
max-width: 48px;
margin-right: 10px;
color: rgb(0, 154, 218);
}
@media screen and (max-width: 767px) {
.loading-map .fa.fa-spin.fa-3x.fa-fw {
margin-right: 0;
font-size: 2rem;
}
}
.leaflet-tooltip {
border-radius: 5px;
}
.tooltip-title {
font-weight: bold;
}
.tooltip-action {
font-size: 11px;
font-size: 0.6875rem;
}
@media screen and (max-width: 767px) {
.page-template-page-map input.hide_show_proposals:checked + .submission-wrapper label.hide_show_proposals {
position: relative;
}
}
.page-template-page-map label.hide_show_proposals {
z-index: 1;
margin: 10px 0 15px;
}
@media screen and (min-width: 768px) {
.page-template-page-map .submission-wrapper-content {
margin-top: 46px;
}
}
@media screen and (max-width: 767px) {
.page-template-page-map label.hide_show_proposals {
z-index: 1001 !important;
-webkit-backface-visibility: hidden;
}
.page-template-page-map .submission-wrapper-content {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.page-template-page-map .submission-wrapper {
margin-top: 0px;
overflow: visible;
}
.page-template-page-map .submission-wrapper .hide_show_proposals {
min-height: 46px;
margin: 0px;
position: relative;
margin-top: -46px;
}
.page-template-page-map .submission-wrapper ul {
height: 100%;
}
}
header {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.0901960784);
}
nav#nav-main {
display: flex;
justify-content: space-between;
}
.nav-wrap {
width: 100%;
display: flex;
justify-content: end;
}
.hdr-logo {
width: 330px;
height: 120px;
display: inline-block;
margin: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media (max-width: 1024px) {
.hdr-logo {
width: 200px;
height: 70px;
}
}
.hdr-logo svg {
width: 100%;
height: 100%;
padding: 15px 0px 15px 0;
}
.menu-item a {
color: rgb(204, 204, 204);
}
.home-nav-wrapper {
z-index: 9;
position: relative;
}
.breadcrumbs-wrapper {
padding: 0 10px;
}
.nav-main .icon-participate {
margin-right: 0;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation {
display: flex;
justify-content: end;
height: 100%;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item {
display: flex;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item:last-of-type {
border-right: 1px solid gainsboro;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item a.mega-menu-link {
height: auto;
border-left: 1px solid gainsboro;
align-content: center;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon a:before {
color: #006978;
display: block;
text-align: left;
font-size: 1.76em;
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-bottom: 10px;
background-size: contain;
height: 24px;
background-repeat: no-repeat;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-participate a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-participate a:before {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/icons/participate.svg);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-folding-map a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-folding-map a:before {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/icons/map.svg);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-reports a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-reports a:before {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/icons/document.svg);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-news a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-news a:before {
content: "\e90c";
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-marker a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-marker a:before {
content: "";
background-image: url(/wp-content/themes/boundaries/static/images/icons/marker.svg);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-icon-about a:before, #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.icon-about a:before {
content: "\e900";
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item span {
display: block;
line-height: 1.2;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item .line-1 {
color: rgb(0, 154, 218);
text-transform: uppercase;
font-weight: bold;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item .line-2 {
color: rgb(181, 137, 63);
font-family: jubilat;
font-weight: 500;
font-size: 1.1rem;
}
div#mega-menu-wrap-primary-navigation {
min-width: 430px;
}
@media (max-width: 1200px) {
div#mega-menu-wrap-primary-navigation {
min-width: 390px;
}
}
@media (max-width: 1024px) {
div#mega-menu-wrap-primary-navigation {
display: none;
}
}
.menu-primary-navigation-b-wrap {
width: 35%;
min-width: 338px;
font-size: 0.88em;
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
.menu-primary-navigation-b-wrap {
min-width: 315px;
}
}
#menu-primary-navigation-b {
display: flex;
padding: 12px 0px;
}
#menu-primary-navigation-b li {
width: 50%;
padding: 0;
display: flex;
align-items: center;
}
@media (max-width: 1200px) {
#menu-primary-navigation-b li {
width: 44%;
min-width: fit-content;
}
}
#menu-primary-navigation-b a {
padding: 5px 0;
color: rgb(0, 154, 218);
border-bottom: 1px solid #efefef;
width: 100%;
margin-left: 20px;
text-transform: uppercase;
font-size: 0.85rem;
font-weight: bold;
transition: all 0.2s ease;
text-decoration: none;
}
#menu-primary-navigation-b li.current_page_item a,
#menu-primary-navigation-b a:hover {
color: rgb(181, 137, 63);
}
#menu-primary-navigation-b li:nth-of-type(5) a,
#menu-primary-navigation-b li:nth-of-type(6) a {
border-bottom: none;
}
@media (max-width: 1024px) {
.menu-primary-navigation-a-wrap,
.menu-primary-navigation-b-wrap {
display: none;
}
}
.menu-primary-navigation-mobile-wrap,
#mega-menu-wrap-primary-navigation-mobile {
display: flex;
align-items: center;
}
@media (min-width: 1025px) {
.menu-primary-navigation-mobile-wrap,
#mega-menu-wrap-primary-navigation-mobile {
display: none;
}
}
#mega-menu-wrap-primary-navigation-mobile .mega-menu-toggle .mega-toggle-block-1:after {
color: rgb(0, 154, 218);
}
.mega-menu-toggle {
float: right;
background: transparent !important;
}
#mega-menu-wrap-primary-navigation-mobile .mega-menu-toggle + #mega-menu-primary-navigation-mobile {
background: #fff;
}
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item {
display: flex;
}
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item > a.mega-menu-link {
width: 100%;
color: rgb(0, 154, 218);
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid #efefef;
align-content: center;
}
@media (max-width: 1024px) {
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item > a.mega-menu-link {
font-size: 1.125em;
letter-spacing: 1px;
padding: 0;
margin: 0 20px;
}
}
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
font-weight: bold;
}
#mega-menu-wrap-primary-navigation-mobile .mega-menu-toggle {
z-index: 1001; /* was 3, toggle switches were not covered */
}
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item:last-of-type > a.mega-menu-link {
border-bottom: none;
}
#mega-menu-wrap-primary-navigation {
z-index: 2000;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 768px) {
#mega-menu-wrap-primary-navigation {
width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
mega-menu-wrap-primary-navigation .mega-menu-toggle .mega-toggle-block-right {
margin-top: 10px;
}
}
@media screen and (min-width: 767px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-participate ul.mega-sub-menu {
width: 160px;
}
}
@media screen and (min-width: 767px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-maps ul.mega-sub-menu {
width: 200px;
}
}
@media screen and (min-width: 767px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-about ul.mega-sub-menu {
width: 130px;
}
}
@media screen and (max-width: 768px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu {
width: 100%;
}
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
height: auto;
padding: 17px 20px 9px 20px;
border-right: 1px solid rgb(43, 43, 43);
font-weight: 600;
}
@media screen and (min-width: 767px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
font-size: 20px;
font-size: 1.25rem;
}
}
@media screen and (max-width: 768px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
font-size: 16px;
font-size: 1rem;
}
}
/* active menu item */
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
color: rgb(255, 255, 255);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link span.icon {
color: #0096ab;
}
/* menu item */
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
color: #eee;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link span.icon {
color: rgb(0, 105, 120);
}
/* menu item hover */
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
transition: all 0.2s ease;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link:hover {
background: #e6e6e6;
color: rgb(255, 255, 255);
}
#mega-menu-wrap-primary-navigation-mobile #mega-menu-primary-navigation-mobile > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background: transparent;
color: rgb(181, 137, 63);
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link:hover span.icon {
color: #0096ab;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link {
border-left: 1px solid rgb(43, 43, 43);
}
@media screen and (min-width: 767px) {
.nav-main .icon-participate,
.nav-main .icon-folding-map,
.nav-main .icon-about,
.nav-main .icon-reports,
.nav-main .icon-news {
display: block;
text-align: right;
font-size: 38px;
font-size: 2.375rem;
}
}
@media screen and (max-width: 768px) {
.nav-main .icon-participate,
.nav-main .icon-folding-map,
.nav-main .icon-about,
.nav-main .icon-reports,
.nav-main .icon-news {
margin-right: 10px;
}
}
/* sub-level */
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-right: 20px;
}
@media screen and (min-width: 767px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-left: 20px;
}
}
@media screen and (max-width: 768px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-left: 50px;
}
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
color: rgb(255, 255, 255);
}
@media screen and (max-width: 768px) {
#mega-menu-wrap-primary-navigation {
width: 100%;
}
}
.mobile-en-logo,
.mobile-fr-logo {
display: block;
}
#mega-menu-wrap-primary-navigation .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::before {
content: "\e904";
font-family: "icomoon" !important;
font-size: 16px;
font-weight: bold;
top: 1px;
position: relative;
margin-left: 7px;
margin-right: 4px;
}
footer {
color: rgb(28, 28, 28);
background-color: rgb(241, 241, 241);
font-size: 0.875em;
padding: 10px 0 20px;
}
footer .content-wrapper {
width: 100%;
max-width: 1480px;
margin: auto;
padding: 0 20px;
}
footer a,
footer a:link,
footer a:visited {
color: rgb(28, 28, 28);
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
footer .hdr-logo {
width: 330px;
height: 98px;
}
footer .hdr-logo svg {
margin-left: -65px;
}
}
@media (max-width: 768px) {
footer .hdr-logo svg {
margin-left: -55px;
}
}
footer .social-links {
margin-left: 40px;
margin-top: 40px;
}
@media (max-width: 600px) {
footer .social-links {
margin-left: 0;
}
}
footer .footer-info {
float: left;
clear: none;
text-align: inherit;
width: 27.9%;
margin-left: 0%;
margin-right: 3%;
margin-right: 0px;
}
footer .footer-info::after {
content: "";
display: table;
clear: both;
}
footer .footer-info:last-child {
margin-right: 0%;
}
footer .footer-info .address {
padding-left: 115px;
margin-top: -10px;
line-height: normal;
}
footer .footer-info .contact-label {
display: inline-block;
margin-right: 0px;
width: 25%;
color: rgb(181, 137, 63);
padding-right: 5px;
max-width: 70px;
}
footer .footer-info .contact {
padding-left: 115px;
margin: 10px 0 15px;
min-width: 290px;
}
footer .footer-info .contact div {
margin-bottom: -5px;
}
@media (max-width: 1024px) {
footer .footer-info .address,
footer .footer-info .contact {
padding-left: 0;
margin-left: -10px;
}
}
footer .block.block-contact {
width: 100%;
}
footer .block.block-footer-nav {
width: 100%;
}
footer .menu-menu-footer-navigation-container,
footer .menu-footer-2-container,
footer .menu-menu-footer-navigation-french-container,
footer .menu-footer-2-french-container,
footer .block-footer-nav > div {
margin-top: 10px;
}
footer .menu-menu-footer-navigation-container li,
footer .menu-footer-2-container li,
footer .menu-menu-footer-navigation-french-container li,
footer .menu-footer-2-french-container li,
footer .block-footer-nav > div li {
list-style: none;
}
footer .menu-menu-footer-navigation-container a,
footer .menu-footer-2-container a,
footer .menu-menu-footer-navigation-french-container a,
footer .menu-footer-2-french-container a,
footer .block-footer-nav > div a {
text-decoration: none;
}
footer .menu-menu-footer-navigation-container a[href="#"],
footer .menu-menu-footer-navigation-container a[href="#"]:visited,
footer .menu-menu-footer-navigation-container a[href="#"]:hover,
footer .menu-footer-2-container a[href="#"],
footer .menu-footer-2-container a[href="#"]:visited,
footer .menu-footer-2-container a[href="#"]:hover,
footer .menu-menu-footer-navigation-french-container a[href="#"],
footer .menu-menu-footer-navigation-french-container a[href="#"]:visited,
footer .menu-menu-footer-navigation-french-container a[href="#"]:hover,
footer .menu-footer-2-french-container a[href="#"],
footer .menu-footer-2-french-container a[href="#"]:visited,
footer .menu-footer-2-french-container a[href="#"]:hover,
footer .block-footer-nav > div a[href="#"],
footer .block-footer-nav > div a[href="#"]:visited,
footer .block-footer-nav > div a[href="#"]:hover {
cursor: default;
text-decoration: none;
font-size: 1.063rem;
font-weight: 600;
padding-top: 0;
}
footer .menu-menu-footer-navigation-container,
footer .menu-menu-footer-navigation-french-container,
footer .block-footer-nav > div {
width: 60%;
margin-right: 0;
margin-top: 10px;
}
@media (max-width: 1440px) {
footer .menu-menu-footer-navigation-container,
footer .menu-menu-footer-navigation-french-container,
footer .block-footer-nav > div {
width: 80%;
}
}
@media (max-width: 1024px) {
footer .menu-menu-footer-navigation-container,
footer .menu-menu-footer-navigation-french-container,
footer .block-footer-nav > div {
width: 100%;
}
}
@media (max-width: 768px) {
footer .menu-menu-footer-navigation-container,
footer .menu-menu-footer-navigation-french-container,
footer .block-footer-nav > div {
margin-top: 40px;
}
}
@media (max-width: 600px) {
footer .menu-menu-footer-navigation-container,
footer .menu-menu-footer-navigation-french-container,
footer .block-footer-nav > div {
width: calc(100% + 40px);
margin: 0 -20px;
}
}
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li,
footer .block-footer-nav > div #menu-footer-navigation > li,
footer .block-footer-nav > div #menu-footer-navigation-french > li {
width: calc(33.3333% - 40px);
margin-left: 40px;
border-bottom: 1px solid #cccccc;
display: flex;
align-items: end;
}
@media (max-width: 768px) {
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li,
footer .block-footer-nav > div #menu-footer-navigation > li,
footer .block-footer-nav > div #menu-footer-navigation-french > li {
width: calc(50% - 30px);
margin-left: 20px;
margin-right: 0px;
}
}
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li a:link,
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li a:visited,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li a:link,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li a:visited,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li a:link,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li a:visited,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li a:link,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li a:visited,
footer .block-footer-nav > div #menu-footer-navigation > li a,
footer .block-footer-nav > div #menu-footer-navigation > li a:link,
footer .block-footer-nav > div #menu-footer-navigation > li a:visited,
footer .block-footer-nav > div #menu-footer-navigation-french > li a,
footer .block-footer-nav > div #menu-footer-navigation-french > li a:link,
footer .block-footer-nav > div #menu-footer-navigation-french > li a:visited {
padding: 10px 0;
color: rgb(0, 154, 218);
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 0.95rem;
transition: all 0.2s ease;
}
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li li.current_page_item a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation > li a:hover,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li li.current_page_item a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french > li a:hover,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li li.current_page_item a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation > li a:hover,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li li.current_page_item a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french > li a:hover,
footer .block-footer-nav > div #menu-footer-navigation > li li.current_page_item a,
footer .block-footer-nav > div #menu-footer-navigation > li a:hover,
footer .block-footer-nav > div #menu-footer-navigation-french > li li.current_page_item a,
footer .block-footer-nav > div #menu-footer-navigation-french > li a:hover {
color: rgb(181, 137, 63);
}
footer .menu-menu-footer-navigation-container .block-footer-nav .menu li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container .block-footer-nav .menu li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french li.menu-item-has-children > a,
footer .block-footer-nav > div .block-footer-nav .menu li.menu-item-has-children > a,
footer .block-footer-nav > div #menu-footer-navigation li.menu-item-has-children > a,
footer .block-footer-nav > div #menu-footer-navigation-french li.menu-item-has-children > a {
font-weight: 600;
font-size: 1.063rem;
padding-top: 0px;
}
@media screen and (max-width: 767px) {
footer .menu-menu-footer-navigation-container .block-footer-nav .menu li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-container #menu-footer-navigation-french li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container .block-footer-nav .menu li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation li.menu-item-has-children > a,
footer .menu-menu-footer-navigation-french-container #menu-footer-navigation-french li.menu-item-has-children > a,
footer .block-footer-nav > div .block-footer-nav .menu li.menu-item-has-children > a,
footer .block-footer-nav > div #menu-footer-navigation li.menu-item-has-children > a,
footer .block-footer-nav > div #menu-footer-navigation-french li.menu-item-has-children > a {
padding-top: 10px;
}
}
footer .menu-menu-footer-navigation-container ul.sub-menu,
footer .menu-menu-footer-navigation-french-container ul.sub-menu,
footer .block-footer-nav > div ul.sub-menu {
margin-left: 0;
}
footer .menu-menu-footer-navigation-container ul.sub-menu a,
footer .menu-menu-footer-navigation-french-container ul.sub-menu a,
footer .block-footer-nav > div ul.sub-menu a {
margin: 0 1rem;
padding: 0.7em 0px;
line-height: 1.2rem;
}
@media screen and (min-width: 768px) {
footer .menu-menu-footer-navigation-container ul.sub-menu a,
footer .menu-menu-footer-navigation-french-container ul.sub-menu a,
footer .block-footer-nav > div ul.sub-menu a {
border-bottom: 1px solid rgb(255, 255, 255);
}
}
footer .menu-menu-footer-navigation-container ul.sub-menu a:hover,
footer .menu-menu-footer-navigation-french-container ul.sub-menu a:hover,
footer .block-footer-nav > div ul.sub-menu a:hover {
text-decoration: underline;
}
footer .menu-menu-footer-navigation-container ul.sub-menu li:last-of-type a,
footer .menu-menu-footer-navigation-french-container ul.sub-menu li:last-of-type a,
footer .block-footer-nav > div ul.sub-menu li:last-of-type a {
border-bottom: none;
}
footer .menu-footer-2-container,
footer .menu-footer-2-french-container {
float: left;
clear: none;
text-align: inherit;
width: 20.587%;
margin-left: 0%;
margin-right: 3%;
}
footer .menu-footer-2-container::after,
footer .menu-footer-2-french-container::after {
content: "";
display: table;
clear: both;
}
footer .menu-footer-2-container:last-child,
footer .menu-footer-2-french-container:last-child {
margin-right: 0%;
}
footer .menu-footer-2-container a,
footer .menu-footer-2-container a:visited,
footer .menu-footer-2-container a:hover,
footer .menu-footer-2-french-container a,
footer .menu-footer-2-french-container a:visited,
footer .menu-footer-2-french-container a:hover {
text-decoration: none;
font-size: 1.063rem;
font-weight: 600;
}
footer .menu-footer-2-container li,
footer .menu-footer-2-french-container li {
width: 100%;
margin-left: 0;
}
footer .menu-footer-2-container li:first-of-type a,
footer .menu-footer-2-french-container li:first-of-type a {
padding-top: 0;
}
footer .menu-footer-2-container li a,
footer .menu-footer-2-french-container li a {
margin: 0 0 0 1rem;
padding: 0.5em 0px;
}
footer .menu-footer-2-container li a:hover,
footer .menu-footer-2-french-container li a:hover {
text-decoration: underline;
}
footer .menu-footer-2-container li:last-of-type a,
footer .menu-footer-2-french-container li:last-of-type a {
border-bottom: none;
}
footer .copyright {
clear: both;
text-align: center;
padding: 40px 10px;
}
@media screen and (min-width: 768px) {
footer .copyright a:before {
line-height: 10px;
border-left: 1px solid #fff;
margin-left: 5px;
margin-right: 7px;
height: 4px;
content: "";
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
footer .copyright a {
display: block;
}
}
dl.timeline dt {
margin: 0px;
padding: 0px 20px 20px 0px;
vertical-align: top;
float: left;
clear: left;
width: 30%;
max-width: 220px;
}
dl.timeline dd {
margin: 0px;
padding: 0px 0px 20px 20px;
vertical-align: top;
float: left;
clear: right;
width: 70%;
border-left: 1px solid #eee;
clear: right;
}
dl.timeline dd span.icon::before {
margin-right: 5px;
}
.page-id-202 dd {
padding-bottom: 20px;
}
.page-id-202 dd ul {
padding-bottom: 0px;
margin-bottom: 0px;
}
dl.faq {
margin-left: 20px;
}
.primary-sidebar dl.faq {
margin-left: 32px;
}
dl.faq button {
margin: 0;
padding: 0;
font-weight: bold;
border: thin solid transparent;
background-color: transparent;
padding-left: 0.125em;
cursor: pointer;
line-height: 1rem;
}
dl.faq dt {
margin: 5px 0px 0px 0px;
padding: 0px;
}
dl.faq dd {
margin: 0 0 0 5px;
padding: 0;
margin-left: 5px;
}
dl.faq .desc {
margin: 0;
padding: 0.5em 0px;
display: none;
}
dl.faq button:hover span,
dl.faq button:active span,
dl.faq button:focus span {
text-decoration: underline;
}
dl.faq button {
text-align: left;
}
dl.faq button[aria-expanded=false]:before {
content: "▶";
padding-right: 0.75rem;
font-size: 10px;
font-size: 0.625rem;
color: rgb(150, 150, 150);
text-decoration: none;
top: -2px;
position: relative;
margin-left: -20px;
}
dl.faq button[aria-expanded=true]:before {
content: "▼";
padding-right: 0.75rem;
font-size: 10px;
font-size: 0.625rem;
color: rgb(150, 150, 150);
text-decoration: none;
top: -2px;
position: relative;
margin-left: -21px;
}
h2 a {
text-decoration: none;
color: rgb(0, 105, 120);
}
.article-date {
color: rgb(0, 105, 120);
}
.tease-news_release a.read-more {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 1rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #000000;
color: #fefefe;
text-decoration: none;
display: block;
width: 120px;
margin-top: 10px;
font-size: 14px;
font-size: 0.875rem;
background: rgb(0, 105, 120);
}
[data-whatinput=mouse] .tease-news_release a.read-more {
outline: 0;
}
.tease-news_release a.read-more:hover, .tease-news_release a.read-more:focus {
background-color: black;
color: #fefefe;
}
.tease.tease-news_release a.read-more:hover,
.tease.tease-news_release a.read-more:focus,
.tease.tease-news_release a.read-more:active {
background-color: #0096ab;
}
.tease-news_release {
margin-bottom: 20px;
padding-bottom: 0px;
border-bottom: 1px solid #ddd;
}
.tease-news_release:last-child {
border-bottom: none;
}
.introjs-helperLayer {
background-color: transparent !important;
border: 2px solid #eee;
}
.introjs-tooltip {
padding: 20px;
min-width: 290px;
}
@media screen and (min-width: 767px) {
.introjs-tooltip {
min-width: 600px;
max-width: 900px;
}
}
.introjs-tooltip video {
max-width: 100%;
width: 100%;
}
.introjs-tooltip .intro-left {
width: 50%;
display: inline-block;
vertical-align: top;
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.introjs-tooltip .intro-left {
width: 100%;
font-size: 14px;
}
}
.introjs-tooltip .intro-right {
width: 50%;
display: inline-block;
vertical-align: top;
padding-left: 5px;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.introjs-tooltip .intro-right {
width: 100%;
font-size: 14px;
display: none;
}
}
.introjs-tooltip .introjs-tooltiptext {
margin-bottom: 10px;
}
.introjs-tooltip .introjs-button {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 5px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 1rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #000000;
color: #fefefe;
text-shadow: none;
background-image: none;
margin-right: 5px;
}
.introjs-tooltip .introjs-button:last-child {
margin-right: 0px;
}
.introjs-tooltip .introjs-button:hover, .introjs-tooltip .introjs-button:active, .introjs-tooltip .introjs-button:focus {
background-color: #353535;
}
.introjs-tooltip .introjs-button.introjs-nextbutton, .introjs-tooltip .introjs-button.introjs-skipbutton {
padding-right: 40px;
}
.introjs-tooltip .introjs-button.introjs-nextbutton i, .introjs-tooltip .introjs-button.introjs-skipbutton i {
font-size: 1.25rem;
top: 10px;
position: absolute;
right: 12px;
}
.introjs-tooltip .introjs-button.introjs-prevbutton {
padding-left: 40px;
}
.introjs-tooltip .introjs-button.introjs-prevbutton i {
font-size: 1.25rem;
top: 10px;
position: absolute;
left: 10px;
}
.introjs-tooltip .introjs-button.introjs-hidden {
display: none;
}
.introjs-tooltip .icon {
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
margin-right: 5px;
margin-top: 3px;
float: left;
}
@media (min-width: 768px) {
.language-toggle a {
top: 53px;
font-weight: 600;
right: 0px;
}
nav#language {
position: absolute;
top: -50px;
border-bottom: none;
}
.language-wrapper {
width: 100%;
margin: auto;
padding-right: 20px;
}
.language-toggle {
padding: 10px;
}
.language-toggle a {
font-size: 14px;
font-size: 0.875rem;
position: relative;
top: 65px;
font-weight: 600;
}
div#mega-menu-wrap-primary-navigation {
width: auto;
background-color: transparent;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
}
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 20px 9px 20px !important;
}
}
@media screen and (min-width: 768px) and (min-width: 901) and (max-width: 1023px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
font-size: 1.026rem !important;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 900px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
font-size: 0.8rem !important;
}
}
@media (min-width: 768px) {
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background-color: #212122 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background-color: #333434 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li:last-of-type ul {
left: auto;
right: 0;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation span.icon {
display: block;
text-align: right;
font-size: 1.76em;
}
aside h3 {
font-size: 1em;
line-height: 1em;
}
.widget-public_hearings .ph-details {
width: 100%;
}
.widget-public_hearings .ph-details p {
margin-bottom: 5px;
}
.widget-public_hearings a.button {
float: left;
margin-bottom: 10px;
}
footer .block.block-contact {
width: 33.333%;
padding-left: 20px;
}
footer .block.block-footer-nav {
width: 66.666%;
}
footer .footer-info .address,
footer .footer-info .contact {
margin-bottom: 10px;
vertical-align: top;
}
footer .footer-info .address {
line-height: 1.25em;
}
footer .footer-info .contact {
vertical-align: top;
}
footer .menu-footer-1-container,
footer .menu-footer-1-french-container {
margin-top: 42px;
float: left;
clear: none;
text-align: inherit;
width: 79.4%;
margin-left: 0%;
margin-right: 3%;
margin-right: 0;
}
footer .menu-footer-1-container::after,
footer .menu-footer-1-french-container::after {
content: "";
display: table;
clear: both;
}
footer .menu-footer-1-container:last-child,
footer .menu-footer-1-french-container:last-child {
margin-right: 0%;
}
footer .menu-footer-2-container,
footer .menu-footer-2-french-container {
margin-top: 42px;
float: left;
clear: none;
text-align: inherit;
width: 17.6%;
margin-left: 0%;
margin-right: 3%;
}
footer .menu-footer-2-container::after,
footer .menu-footer-2-french-container::after {
content: "";
display: table;
clear: both;
}
footer .menu-footer-2-container:last-child,
footer .menu-footer-2-french-container:last-child {
margin-right: 0%;
}
footer .menu-footer-2-container li a,
footer .menu-footer-2-french-container li a {
font-size: 14px;
}
}
@media (max-width: 767px) and (min-width: 480px) {
footer .footer-info .hdr-logo {
margin-left: -10px;
}
.language-toggle a {
top: 0px;
font-weight: 600;
right: 0px;
font-size: 0.8rem;
}
#mega-menu-wrap-primary-navigation {
width: 100%;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 10px 20px !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-left: 70px !important;
background-color: #212122 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background-color: #333434 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation span.icon {
float: left;
margin-right: 20px;
font-size: 1.76em;
margin-top: 5px;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item ul.mega-sub-menu {
width: 100% !important;
}
.post-type-archive-public_hearings #content div.content-wrapper,
.home #content div.content-wrapper {
width: 100%;
}
.post-type-archive-public_hearings .tease-public_hearings {
display: inline-block;
width: 48%;
margin-right: 4%;
}
.post-type-archive-public_hearings .tease-public_hearings:nth-of-type(2n) {
margin-right: 0;
}
.home aside,
.post-type-archive-public_hearings aside,
aside {
width: 100%;
padding: 0 10px;
}
aside .widget-public_hearings li {
width: 49%;
margin-right: 2%;
}
aside .widget-public_hearings li:nth-of-type(2n) {
margin-right: 0;
}
aside .widget-public_hearings .ph-details {
width: 100%;
display: inline-block;
}
aside .widget-public_hearings .ph-details p {
margin-bottom: 5px;
}
aside .widget-public_hearings a.button {
float: left;
}
footer .block.block-contact {
width: 40%;
padding: 20px 10px;
}
}
@media (max-width: 767px) and (min-width: 480px) and (max-width: 600px) {
footer .block.block-contact {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 480px) {
footer .block.block-footer-nav {
width: 60%;
text-align: left;
}
}
@media (max-width: 767px) and (min-width: 480px) and (max-width: 600px) {
footer .block.block-footer-nav {
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 480px) {
footer .footer-info {
width: 100%;
}
footer .footer-info .address {
margin-top: -8px;
}
footer .footer-info .contact-label {
max-width: 70px;
}
footer .menu-footer-1-container,
footer .menu-footer-1-french-container {
width: 100%;
}
footer .menu-footer-1-container #menu-footer-1 li,
footer .menu-footer-1-container #menu-footer-1-french li,
footer .menu-footer-1-french-container #menu-footer-1 li,
footer .menu-footer-1-french-container #menu-footer-1-french li {
width: 100%;
}
footer .menu-footer-1-container #menu-footer-1 li:first-of-type,
footer .menu-footer-1-container #menu-footer-1-french li:first-of-type,
footer .menu-footer-1-french-container #menu-footer-1 li:first-of-type,
footer .menu-footer-1-french-container #menu-footer-1-french li:first-of-type {
border-left: none;
}
footer .menu-footer-1-container #menu-footer-1 li a[href="#"],
footer .menu-footer-1-container #menu-footer-1 li a[href="#"]:link,
footer .menu-footer-1-container #menu-footer-1 li a[href="#"]:visited,
footer .menu-footer-1-container #menu-footer-1 li a[href="#"]:hover,
footer .menu-footer-1-container #menu-footer-1-french li a[href="#"],
footer .menu-footer-1-container #menu-footer-1-french li a[href="#"]:link,
footer .menu-footer-1-container #menu-footer-1-french li a[href="#"]:visited,
footer .menu-footer-1-container #menu-footer-1-french li a[href="#"]:hover,
footer .menu-footer-1-french-container #menu-footer-1 li a[href="#"],
footer .menu-footer-1-french-container #menu-footer-1 li a[href="#"]:link,
footer .menu-footer-1-french-container #menu-footer-1 li a[href="#"]:visited,
footer .menu-footer-1-french-container #menu-footer-1 li a[href="#"]:hover,
footer .menu-footer-1-french-container #menu-footer-1-french li a[href="#"],
footer .menu-footer-1-french-container #menu-footer-1-french li a[href="#"]:link,
footer .menu-footer-1-french-container #menu-footer-1-french li a[href="#"]:visited,
footer .menu-footer-1-french-container #menu-footer-1-french li a[href="#"]:hover {
padding-top: 0.7em;
}
footer .menu-footer-1-container #menu-footer-1 li a,
footer .menu-footer-1-container #menu-footer-1-french li a,
footer .menu-footer-1-french-container #menu-footer-1 li a,
footer .menu-footer-1-french-container #menu-footer-1-french li a {
border-bottom: none;
text-align: left;
}
footer .menu-footer-1-container #menu-footer-1 > li:last-of-type,
footer .menu-footer-1-container #menu-footer-1-french > li:last-of-type,
footer .menu-footer-1-french-container #menu-footer-1 > li:last-of-type,
footer .menu-footer-1-french-container #menu-footer-1-french > li:last-of-type {
border-right: none;
}
footer .menu-footer-2-container,
footer .menu-footer-2-french-container {
width: 100%;
margin-top: 0px;
}
footer .menu-footer-2-container #menu-footer-2,
footer .menu-footer-2-french-container #menu-footer-2 {
border-left: none;
}
footer .menu-footer-2-container li,
footer .menu-footer-2-french-container li {
width: 100%;
}
footer .menu-footer-2-container li:first-of-type a,
footer .menu-footer-2-french-container li:first-of-type a {
padding: 0.6em 0px;
}
footer .menu-footer-2-container li:first-of-type a a,
footer .menu-footer-2-french-container li:first-of-type a a {
margin: 0;
padding-top: 0 0.7em;
text-align: left;
}
}
@media (max-width: 479px) {
div.hdr-logo {
width: 240px;
margin-top: 0px;
margin-left: 0px;
}
div.hdr-logo svg {
padding: 12px 0px 12px 0;
}
#mega-menu-wrap-primary-navigation {
width: 100%;
margin-top: -1px;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation {
width: 100%;
margin-top: -5px;
background: #1c1c1c;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 10px 20px !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding-left: 70px !important;
background: #212122 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background-color: #333434 !important;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation span.icon {
float: left;
margin-right: 20px;
font-size: 1.76em;
margin-top: 5px;
}
#mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item ul.mega-sub-menu {
width: 100% !important;
}
.post-type-archive-public_hearings #content div.content-wrapper,
.home #content div.content-wrapper {
width: 100%;
}
.home aside,
.post-type-archive-public_hearings aside,
aside {
width: 100%;
padding: 0 10px;
}
.post-type-archive-ed_submission .submission-tabs .division_type_button {
padding: 10px 25px;
}
footer div.hdr-logo {
height: 98px;
}
footer .block.block-contact {
width: 100%;
}
footer .footer-info {
width: 100%;
padding-left: 10px;
}
footer .footer-info .hdr-logo {
display: inline-block;
vertical-align: top;
margin-right: 3%;
margin-top: 20px;
}
footer .footer-info .hdr-logo svg {
margin-left: -10px;
}
footer .footer-info .address {
width: 100%;
margin-top: 0;
vertical-align: text-bottom;
}
footer .footer-info .contact {
display: inline-block;
width: 100%;
margin-top: 0;
}
footer .footer-info .contact-label {
max-width: 70px;
min-width: 50px;
}
footer .menu-footer-1-container,
footer .menu-footer-1-french-container {
width: 100%;
}
footer .menu-footer-1-container #menu-footer-1 li,
footer .menu-footer-1-container #menu-footer-1-french li,
footer .menu-footer-1-french-container #menu-footer-1 li,
footer .menu-footer-1-french-container #menu-footer-1-french li {
width: 100%;
border-left: none;
}
footer .menu-footer-1-container #menu-footer-1 > li:last-of-type,
footer .menu-footer-1-container #menu-footer-1-french > li:last-of-type,
footer .menu-footer-1-french-container #menu-footer-1 > li:last-of-type,
footer .menu-footer-1-french-container #menu-footer-1-french > li:last-of-type {
border-right: none;
}
footer .menu-footer-1-container a[href="#"],
footer .menu-footer-1-container a[href="#"]:visited,
footer .menu-footer-1-container a[href="#"]:hover,
footer .menu-footer-1-french-container a[href="#"],
footer .menu-footer-1-french-container a[href="#"]:visited,
footer .menu-footer-1-french-container a[href="#"]:hover {
padding-top: 10px;
padding-bottom: 0px;
}
footer .menu-footer-1-container a,
footer .menu-footer-1-french-container a {
text-align: center;
}
footer .menu-footer-2-container,
footer .menu-footer-2-french-container {
width: 100%;
margin-top: 0.7em;
}
footer .menu-footer-2-container #menu-footer-2,
footer .menu-footer-2-container #menu-footer-2-french,
footer .menu-footer-2-french-container #menu-footer-2,
footer .menu-footer-2-french-container #menu-footer-2-french {
border-left: none;
}
footer .menu-footer-2-container a,
footer .menu-footer-2-french-container a {
text-align: center;
}
}
@media (min-width: 1024px) {
footer .block-contact {
width: 380px !important;
padding-left: 20px;
}
footer .block-footer-nav {
width: calc(100% - 380px) !important;
}
footer .hdr-logo {
margin-left: -40px;
}
footer .menu-footer-2-container li a,
footer .menu-footer-2-french-container li a {
font-size: 1.063rem;
}
}
/* Interim Option A and B radio buttons in gravity form */
#input_22_23 .gchoice_22_23_0 {
margin-bottom: 0.5em;
}
#input_22_23 .gchoice_22_23_1 {
margin-bottom: 0.5em;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color] {
height: 2.5rem;
}
.gform_wrapper .top_label .gfield_label {
font-size: 14px;
font-size: 0.875rem;
}
a {
text-decoration: underline;
}
.button.tertiary {
background: #e6e6e6;
}
dd {
margin-bottom: 1rem;
}
.leaflet-control-zoom-in {
text-decoration: none;
}
.accordion .accordion-content p {
font-size: 1rem;
}
.accordion .accordion-content table th {
font-size: 0.9rem;
text-transform: uppercase;
}
.accordion .accordion-content table th:nth-child(3n+2) {
text-align: right;
}
.accordion .accordion-content table th:nth-child(3n+3) {
text-align: right;
}
.accordion .accordion-content table td {
font-size: 1rem;
}
.accordion .accordion-content table td a {
text-decoration: none;
}
.accordion .accordion-content table td:nth-child(3n+2) {
text-align: right;
}
.accordion .accordion-content table td:nth-child(3n+3) {
text-align: right;
}
.accordion-title {
text-decoration: none;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
background: rgb(255, 255, 255);
color: rgb(0, 154, 218);
}
.accordion-title::before {
content: "▶";
font-size: 12px;
font-size: 0.75rem;
color: rgb(0, 154, 218);
}
.is-active > .accordion-title::before {
content: "▼";
font-size: 12px;
font-size: 0.75rem;
color: rgb(0, 154, 218);
}
.accordion-title:hover, .accordion-title:focus {
background-color: rgb(241, 241, 241);
color: rgb(0, 154, 218);
}
.accordion-content.ed-data p {
margin: 0px;
padding: 10px;
}
.accordion-content.ed-data p span {
font-weight: bold;
padding-left: 5px;
}
.callout.grey {
background: #eee;
}
select {
-webkit-appearance: none;
}
.breadcrumbs li {
text-transform: none;
}
@media screen and (min-width: 767px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-participate ul.mega-sub-menu {
width: 160px;
}
}
@media screen and (min-width: 767px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-maps ul.mega-sub-menu {
width: 200px;
}
}
@media screen and (min-width: 767px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-about ul.mega-sub-menu {
width: 130px;
}
}
@media screen and (max-width: 768px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-flyout ul.mega-sub-menu {
width: 100%;
}
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
height: auto;
padding: 17px 20px 9px 20px;
border-right: 1px solid rgb(43, 43, 43);
font-weight: 600;
}
@media screen and (min-width: 767px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
font-size: 15px;
font-size: 0.9375rem;
}
}
@media screen and (max-width: 768px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-participate > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-maps > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-about > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-reports > a.mega-menu-link,
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item.mega-news > a.mega-menu-link {
font-size: 15px;
font-size: 0.9375rem;
}
}
@media screen and (min-width: 767px) {
.fr .nav-main .icon-participate,
.fr .nav-main .icon-folding-map,
.fr .nav-main .icon-about,
.fr .nav-main .icon-reports,
.fr .nav-main .icon-news {
font-size: 38px;
font-size: 2.375rem;
}
}
@media screen and (max-width: 768px) {
.fr .nav-main .icon-participate,
.fr .nav-main .icon-folding-map,
.fr .nav-main .icon-about,
.fr .nav-main .icon-reports,
.fr .nav-main .icon-news {
margin-right: 10px;
}
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
}
@media screen and (min-width: 1024px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 20px 9px 20px !important;
}
}
@media screen and (min-width: 901) and (max-width: 1023px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
font-size: 1.026rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 17px 11px 9px !important;
font-size: 10px !important;
}
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
background-color: #212122 !important;
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background-color: #333434 !important;
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation > li:last-of-type ul {
left: auto;
right: 0;
}
.fr #mega-menu-wrap-primary-navigation #mega-menu-primary-navigation span.icon {
display: block;
text-align: right;
font-size: 1.76em;
}
.fr .gform_wrapper .gf_step span.gf_step_label {
min-height: 42px;
}
.fr .download-pdf-wrapper #building-pdf span {
width: 190px;
top: 14px;
}
@media print {
.header,
.nav-breadcrumb,
#footer {
display: none;
}
.faq .desc {
display: block !important;
}
.block-group.biography .block.bio,
.block-group.biography .block.titles {
padding-left: 0px;
}
}
.gfield.agreement .gfield_label {
display: none;
}
/* mega menu plugin update shows multiple MENU links */
.mega-toggle-label-closed,
.mega-toggle-label-open {
display: none !important;
}
/*# sourceMappingURL=style.css.map */