html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
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;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[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: #fff;
font-family: myriad-pro, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #000;
-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: 0;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.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;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: rgba(0, 0, 0, 0);
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;
}
[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.8125rem;
margin: 0 0 1.75rem;
padding: 0.875rem;
border: none;
border-radius: 0;
background-color: #ededed;
box-shadow: none;
font-family: inherit;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.5;
color: #1f1f1f;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
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: none;
background-color: #ededed;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed;
}
[type="submit"],
[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: #343434;
}
::-moz-placeholder {
color: #343434;
}
:-ms-input-placeholder {
color: #343434;
}
::-ms-input-placeholder {
color: #343434;
}
::placeholder {
color: #343434;
}
[type="file"],
[type="checkbox"],
[type="radio"] {
margin: 0 0 1.75rem;
}
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.875rem;
margin-right: 1.75rem;
margin-bottom: 0;
}
[type="checkbox"] + label[for],
[type="radio"] + label[for] {
cursor: pointer;
}
label > [type="checkbox"],
label > [type="radio"] {
margin-right: 0.875rem;
}
[type="file"] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #000;
}
label.middle {
margin: 0 0 1.75rem;
padding: 0.875rem 0;
}
.help-text {
margin-top: -0.875rem;
font-size: 0.8125rem;
font-style: italic;
color: #000;
}
.input-group {
display: flex;
width: 100%;
margin-bottom: 1.75rem;
align-items: stretch;
}
.input-group > :first-child,
.input-group > :first-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
border-radius: 0 0 0 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: #000;
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;
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 {
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 0.75rem;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.875rem;
}
.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.8125rem;
margin: 0 0 1.75rem;
padding: 0.875rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
background-color: #fff;
font-family: inherit;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.5;
color: #1f1f1f;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1.75rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 2.625rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0) {
select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
}
}
select:focus {
outline: none;
border: none;
background-color: #ededed;
box-shadow: none;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: #faedeb;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37;
}
.is-invalid-label {
color: #cc4b37;
}
.form-error {
display: none;
margin-top: -0.875rem;
margin-bottom: 1.75rem;
font-size: 0.75rem;
font-weight: bold;
color: #cc4b37;
}
.form-error.is-visible {
display: block;
}
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: "Spartan", 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.375rem;
}
h4,
.h4 {
font-size: 1.5625rem;
}
h5,
.h5 {
font-size: 1.25rem;
}
h6,
.h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #ff7f17;
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus {
color: #ef6b00;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 85rem;
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;
}
abbr,
abbr[title] {
border-bottom: 1px dotted #000;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #000;
}
.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;
}
.cite-block,
cite {
display: block;
color: #8a8a8a;
font-size: 0.8125rem;
}
.cite-block:before,
cite:before {
content: "— ";
}
.code-inline,
code {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem;
}
.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;
}
}
@media screen and (min-width: 75em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: rgba(0, 0, 0, 0) !important;
color: #000 !important;
-webkit-print-color-adjust: economy;
color-adjust: economy;
box-shadow: none !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;
}
a[href]:after {
content: " (" attr(href) ")";
}
.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;
}
}
.grid-container {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 85rem;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
}
.grid-container.fluid {
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: 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;
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-shrink,
.grid-x > .xlarge-full,
.grid-x > .xlarge-1,
.grid-x > .xlarge-2,
.grid-x > .xlarge-3,
.grid-x > .xlarge-4,
.grid-x > .xlarge-5,
.grid-x > .xlarge-6,
.grid-x > .xlarge-7,
.grid-x > .xlarge-8,
.grid-x > .xlarge-9,
.grid-x > .xlarge-10,
.grid-x > .xlarge-11,
.grid-x > .xlarge-12 {
flex-basis: auto;
}
}
.grid-x > .small-12,
.grid-x > .small-11,
.grid-x > .small-10,
.grid-x > .small-9,
.grid-x > .small-8,
.grid-x > .small-7,
.grid-x > .small-6,
.grid-x > .small-5,
.grid-x > .small-4,
.grid-x > .small-3,
.grid-x > .small-2,
.grid-x > .small-1 {
flex: 0 0 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-12,
.grid-x > .medium-11,
.grid-x > .medium-10,
.grid-x > .medium-9,
.grid-x > .medium-8,
.grid-x > .medium-7,
.grid-x > .medium-6,
.grid-x > .medium-5,
.grid-x > .medium-4,
.grid-x > .medium-3,
.grid-x > .medium-2,
.grid-x > .medium-1,
.grid-x > .medium-shrink {
flex: 0 0 auto;
}
.grid-x > .medium-shrink {
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-12,
.grid-x > .large-11,
.grid-x > .large-10,
.grid-x > .large-9,
.grid-x > .large-8,
.grid-x > .large-7,
.grid-x > .large-6,
.grid-x > .large-5,
.grid-x > .large-4,
.grid-x > .large-3,
.grid-x > .large-2,
.grid-x > .large-1,
.grid-x > .large-shrink {
flex: 0 0 auto;
}
.grid-x > .large-shrink {
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%;
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-auto {
flex: 1 1 0px;
width: auto;
}
.grid-x > .xlarge-12,
.grid-x > .xlarge-11,
.grid-x > .xlarge-10,
.grid-x > .xlarge-9,
.grid-x > .xlarge-8,
.grid-x > .xlarge-7,
.grid-x > .xlarge-6,
.grid-x > .xlarge-5,
.grid-x > .xlarge-4,
.grid-x > .xlarge-3,
.grid-x > .xlarge-2,
.grid-x > .xlarge-1,
.grid-x > .xlarge-shrink {
flex: 0 0 auto;
}
.grid-x > .xlarge-shrink {
width: auto;
}
.grid-x > .xlarge-1 {
width: 8.3333333333%;
}
.grid-x > .xlarge-2 {
width: 16.6666666667%;
}
.grid-x > .xlarge-3 {
width: 25%;
}
.grid-x > .xlarge-4 {
width: 33.3333333333%;
}
.grid-x > .xlarge-5 {
width: 41.6666666667%;
}
.grid-x > .xlarge-6 {
width: 50%;
}
.grid-x > .xlarge-7 {
width: 58.3333333333%;
}
.grid-x > .xlarge-8 {
width: 66.6666666667%;
}
.grid-x > .xlarge-9 {
width: 75%;
}
.grid-x > .xlarge-10 {
width: 83.3333333333%;
}
.grid-x > .xlarge-11 {
width: 91.6666666667%;
}
.grid-x > .xlarge-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.625rem;
margin-right: -0.625rem;
}
}
.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.25rem);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
}
.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.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);
}
.grid-margin-x > .medium-auto {
width: auto;
}
.grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.25rem);
}
}
@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.25rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-margin-x > .xlarge-auto {
width: auto;
}
.grid-margin-x > .xlarge-shrink {
width: auto;
}
.grid-margin-x > .xlarge-1 {
width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .xlarge-2 {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .xlarge-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .xlarge-4 {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .xlarge-5 {
width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .xlarge-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .xlarge-7 {
width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .xlarge-8 {
width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .xlarge-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .xlarge-10 {
width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .xlarge-11 {
width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .xlarge-12 {
width: calc(100% - 1.25rem);
}
}
.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.625rem;
margin-left: -0.625rem;
}
}
.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.625rem;
margin-left: -0.625rem;
}
}
.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.625rem;
padding-left: 0.625rem;
}
}
.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%;
}
}
@media screen and (min-width: 75em) {
.xlarge-up-1 > .cell {
width: 100%;
}
.xlarge-up-2 > .cell {
width: 50%;
}
.xlarge-up-3 > .cell {
width: 33.3333333333%;
}
.xlarge-up-4 > .cell {
width: 25%;
}
.xlarge-up-5 > .cell {
width: 20%;
}
.xlarge-up-6 > .cell {
width: 16.6666666667%;
}
.xlarge-up-7 > .cell {
width: 14.2857142857%;
}
.xlarge-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.25rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857142857% - 1.25rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857142857% - 1.25rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-margin-x.xlarge-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.xlarge-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.xlarge-up-3 > .cell {
width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x.xlarge-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.xlarge-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.xlarge-up-6 > .cell {
width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x.xlarge-up-7 > .cell {
width: calc(14.2857142857% - 1.25rem);
}
.grid-margin-x.xlarge-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
}
.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%;
}
}
@media screen and (min-width: 75em) {
.small-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.small-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.small-margin-collapse > .xlarge-3 {
width: 25%;
}
.small-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.small-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.small-margin-collapse > .xlarge-6 {
width: 50%;
}
.small-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.small-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.small-margin-collapse > .xlarge-9 {
width: 75%;
}
.small-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.small-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.small-margin-collapse > .xlarge-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 screen and (min-width: 75em) {
.medium-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.medium-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.medium-margin-collapse > .xlarge-3 {
width: 25%;
}
.medium-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.medium-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.medium-margin-collapse > .xlarge-6 {
width: 50%;
}
.medium-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.medium-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.medium-margin-collapse > .xlarge-9 {
width: 75%;
}
.medium-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.medium-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.medium-margin-collapse > .xlarge-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 screen and (min-width: 75em) {
.large-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.large-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.large-margin-collapse > .xlarge-3 {
width: 25%;
}
.large-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.large-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.large-margin-collapse > .xlarge-6 {
width: 50%;
}
.large-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.large-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.large-margin-collapse > .xlarge-9 {
width: 75%;
}
.large-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.large-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.large-margin-collapse > .xlarge-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;
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-margin-collapse > .cell {
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .small-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .small-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .small-3 {
width: 25%;
}
.xlarge-margin-collapse > .small-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .small-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .small-6 {
width: 50%;
}
.xlarge-margin-collapse > .small-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .small-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .small-9 {
width: 75%;
}
.xlarge-margin-collapse > .small-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .small-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .small-12 {
width: 100%;
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .medium-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .medium-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .medium-3 {
width: 25%;
}
.xlarge-margin-collapse > .medium-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .medium-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .medium-6 {
width: 50%;
}
.xlarge-margin-collapse > .medium-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .medium-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .medium-9 {
width: 75%;
}
.xlarge-margin-collapse > .medium-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .medium-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .medium-12 {
width: 100%;
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .large-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .large-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .large-3 {
width: 25%;
}
.xlarge-margin-collapse > .large-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .large-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .large-6 {
width: 50%;
}
.xlarge-margin-collapse > .large-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .large-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .large-9 {
width: 75%;
}
.xlarge-margin-collapse > .large-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .large-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .xlarge-1 {
width: 8.3333333333%;
}
.xlarge-margin-collapse > .xlarge-2 {
width: 16.6666666667%;
}
.xlarge-margin-collapse > .xlarge-3 {
width: 25%;
}
.xlarge-margin-collapse > .xlarge-4 {
width: 33.3333333333%;
}
.xlarge-margin-collapse > .xlarge-5 {
width: 41.6666666667%;
}
.xlarge-margin-collapse > .xlarge-6 {
width: 50%;
}
.xlarge-margin-collapse > .xlarge-7 {
width: 58.3333333333%;
}
.xlarge-margin-collapse > .xlarge-8 {
width: 66.6666666667%;
}
.xlarge-margin-collapse > .xlarge-9 {
width: 75%;
}
.xlarge-margin-collapse > .xlarge-10 {
width: 83.3333333333%;
}
.xlarge-margin-collapse > .xlarge-11 {
width: 91.6666666667%;
}
.xlarge-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 75em) {
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-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.625rem);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media screen and (min-width: 75em) {
.xlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.xlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.xlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.xlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.xlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.xlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.xlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.xlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.xlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.xlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.xlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.xlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
.grid-y {
display: flex;
flex-flow: column nowrap;
}
.grid-y > .cell {
height: auto;
max-height: none;
}
.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;
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-shrink,
.grid-y > .xlarge-full,
.grid-y > .xlarge-1,
.grid-y > .xlarge-2,
.grid-y > .xlarge-3,
.grid-y > .xlarge-4,
.grid-y > .xlarge-5,
.grid-y > .xlarge-6,
.grid-y > .xlarge-7,
.grid-y > .xlarge-8,
.grid-y > .xlarge-9,
.grid-y > .xlarge-10,
.grid-y > .xlarge-11,
.grid-y > .xlarge-12 {
flex-basis: auto;
}
}
.grid-y > .small-12,
.grid-y > .small-11,
.grid-y > .small-10,
.grid-y > .small-9,
.grid-y > .small-8,
.grid-y > .small-7,
.grid-y > .small-6,
.grid-y > .small-5,
.grid-y > .small-4,
.grid-y > .small-3,
.grid-y > .small-2,
.grid-y > .small-1 {
flex: 0 0 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-12,
.grid-y > .medium-11,
.grid-y > .medium-10,
.grid-y > .medium-9,
.grid-y > .medium-8,
.grid-y > .medium-7,
.grid-y > .medium-6,
.grid-y > .medium-5,
.grid-y > .medium-4,
.grid-y > .medium-3,
.grid-y > .medium-2,
.grid-y > .medium-1,
.grid-y > .medium-shrink {
flex: 0 0 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-12,
.grid-y > .large-11,
.grid-y > .large-10,
.grid-y > .large-9,
.grid-y > .large-8,
.grid-y > .large-7,
.grid-y > .large-6,
.grid-y > .large-5,
.grid-y > .large-4,
.grid-y > .large-3,
.grid-y > .large-2,
.grid-y > .large-1,
.grid-y > .large-shrink {
flex: 0 0 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%;
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-auto {
flex: 1 1 0px;
height: auto;
}
.grid-y > .xlarge-12,
.grid-y > .xlarge-11,
.grid-y > .xlarge-10,
.grid-y > .xlarge-9,
.grid-y > .xlarge-8,
.grid-y > .xlarge-7,
.grid-y > .xlarge-6,
.grid-y > .xlarge-5,
.grid-y > .xlarge-4,
.grid-y > .xlarge-3,
.grid-y > .xlarge-2,
.grid-y > .xlarge-1,
.grid-y > .xlarge-shrink {
flex: 0 0 auto;
}
.grid-y > .xlarge-shrink {
height: auto;
}
.grid-y > .xlarge-1 {
height: 8.3333333333%;
}
.grid-y > .xlarge-2 {
height: 16.6666666667%;
}
.grid-y > .xlarge-3 {
height: 25%;
}
.grid-y > .xlarge-4 {
height: 33.3333333333%;
}
.grid-y > .xlarge-5 {
height: 41.6666666667%;
}
.grid-y > .xlarge-6 {
height: 50%;
}
.grid-y > .xlarge-7 {
height: 58.3333333333%;
}
.grid-y > .xlarge-8 {
height: 66.6666666667%;
}
.grid-y > .xlarge-9 {
height: 75%;
}
.grid-y > .xlarge-10 {
height: 83.3333333333%;
}
.grid-y > .xlarge-11 {
height: 91.6666666667%;
}
.grid-y > .xlarge-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.625rem;
margin-bottom: -0.625rem;
}
}
.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.625rem;
padding-bottom: 0.625rem;
}
}
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
}
.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.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
}
.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.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);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.25rem);
}
}
@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.25rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.25rem);
}
}
.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-style: -ms-autohiding-scrollbar;
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -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-style: -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%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -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-style: -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%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (min-width: 75em) {
.xlarge-grid-frame {
overflow: hidden;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
width: 100vw;
}
.cell .xlarge-grid-frame {
width: 100%;
}
.xlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xlarge-cell-block-container {
display: flex;
flex-direction: column;
max-height: 100%;
}
.xlarge-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.xlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -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;
}
}
@media screen and (min-width: 75em) {
.grid-y.xlarge-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%;
}
}
@media screen and (min-width: 75em) {
.cell .grid-y.xlarge-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.625rem;
margin-bottom: -0.625rem;
}
}
.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.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
}
.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.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);
}
.grid-margin-y > .medium-auto {
height: auto;
}
.grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.25rem);
}
}
@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.25rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-margin-y > .xlarge-auto {
height: auto;
}
.grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.25rem);
}
}
.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.25rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.25rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.25rem);
}
}
@media screen and (min-width: 75em) {
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 1.25rem);
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
}
[data-whatinput="mouse"] .button {
outline: 0;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button,
.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
background-color: #ff7f17;
color: #fff;
}
.button:hover,
.button:focus {
background-color: #ec6a00;
color: #fff;
}
.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
background-color: #ff7f17;
color: #000;
}
.button.primary:hover,
.button.primary:focus {
background-color: #de6400;
color: #000;
}
.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
background-color: #767676;
color: #000;
}
.button.secondary:hover,
.button.secondary:focus {
background-color: #5e5e5e;
color: #000;
}
.button.success,
.button.success.disabled,
.button.success[disabled],
.button.success.disabled:hover,
.button.success[disabled]:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus {
background-color: #3adb76;
color: #000;
}
.button.success:hover,
.button.success:focus {
background-color: #22bb5b;
color: #000;
}
.button.warning,
.button.warning.disabled,
.button.warning[disabled],
.button.warning.disabled:hover,
.button.warning[disabled]:hover,
.button.warning.disabled:focus,
.button.warning[disabled]:focus {
background-color: #ffae00;
color: #000;
}
.button.warning:hover,
.button.warning:focus {
background-color: #cc8b00;
color: #000;
}
.button.alert,
.button.alert.disabled,
.button.alert[disabled],
.button.alert.disabled:hover,
.button.alert[disabled]:hover,
.button.alert.disabled:focus,
.button.alert[disabled]:focus {
background-color: #cc4b37;
color: #000;
}
.button.alert:hover,
.button.alert:focus {
background-color: #a53b2a;
color: #000;
}
.button.hollow,
.button.hollow:hover,
.button.hollow:focus,
.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus {
background-color: rgba(0, 0, 0, 0);
}
.button.hollow,
.button.hollow.disabled,
.button.hollow[disabled],
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
border: 1px solid #ff7f17;
color: #ff7f17;
}
.button.hollow:hover,
.button.hollow:focus {
border-color: #8b3e00;
color: #8b3e00;
}
.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary[disabled],
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
border: 1px solid #ff7f17;
color: #ff7f17;
}
.button.hollow.primary:hover,
.button.hollow.primary:focus {
border-color: #8b3e00;
color: #8b3e00;
}
.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
border: 1px solid #767676;
color: #767676;
}
.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success[disabled],
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover,
.button.hollow.success:focus {
border-color: #157539;
color: #157539;
}
.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning[disabled],
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover,
.button.hollow.warning:focus {
border-color: #805700;
color: #805700;
}
.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert[disabled],
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus {
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:hover,
.button.hollow.alert:focus {
border-color: #67251a;
color: #67251a;
}
.button.clear,
.button.clear:hover,
.button.clear:focus,
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
}
.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
color: #ff7f17;
}
.button.clear:hover,
.button.clear:focus {
color: #8b3e00;
}
.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
color: #ff7f17;
}
.button.clear.primary:hover,
.button.clear.primary:focus {
color: #8b3e00;
}
.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
color: #767676;
}
.button.clear.secondary:hover,
.button.clear.secondary:focus {
color: #3b3b3b;
}
.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
color: #3adb76;
}
.button.clear.success:hover,
.button.clear.success:focus {
color: #157539;
}
.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
color: #ffae00;
}
.button.clear.warning:hover,
.button.clear.warning:focus {
color: #805700;
}
.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
color: #cc4b37;
}
.button.clear.alert:hover,
.button.clear.alert:focus {
color: #67251a;
}
.button.disabled,
.button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: "";
border-bottom-width: 0;
border-top-style: solid;
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em;
}
.button.dropdown.hollow::after,
.button.dropdown.clear::after {
border-top-color: #ff7f17;
}
.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after {
border-top-color: #ff7f17;
}
.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after {
border-top-color: #767676;
}
.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after {
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after {
border-top-color: #cc4b37;
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover,
a.button:focus {
text-decoration: none;
}
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
}
[data-whatinput="mouse"] .menu li {
outline: 0;
}
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu,
.menu.horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.expanded li {
flex: 1 1 0px;
}
.menu.simple {
align-items: center;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.medium-vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.medium-expanded li {
flex: 1 1 0px;
}
.menu.medium-simple li {
flex: 1 1 0px;
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.large-vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.large-expanded li {
flex: 1 1 0px;
}
.menu.large-simple li {
flex: 1 1 0px;
}
}
@media screen and (min-width: 75em) {
.menu.xlarge-horizontal {
flex-wrap: wrap;
flex-direction: row;
}
.menu.xlarge-vertical {
flex-wrap: nowrap;
flex-direction: column;
}
.menu.xlarge-expanded li {
flex: 1 1 0px;
}
.menu.xlarge-simple li {
flex: 1 1 0px;
}
}
.menu.nested {
margin-right: 0;
margin-left: 1rem;
}
.menu.icons a {
display: flex;
}
.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
display: flex;
}
.menu.icon-left li a {
flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
margin-right: 0.25rem;
}
.menu.icon-right li a {
flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
margin-left: 0.25rem;
}
.menu.icon-top li a {
flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu.icon-bottom li a {
flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center;
}
.menu .is-active > a {
background: #ff7f17;
color: #000;
}
.menu .active > a {
background: #ff7f17;
color: #000;
}
.menu.align-left {
justify-content: flex-start;
}
.menu.align-right li {
display: flex;
justify-content: flex-end;
}
.menu.align-right li .submenu li {
justify-content: flex-start;
}
.menu.align-right.vertical li {
display: block;
text-align: right;
}
.menu.align-right.vertical li .submenu li {
text-align: right;
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0;
}
.menu.align-center li {
display: flex;
justify-content: center;
}
.menu.align-center li .submenu li {
justify-content: flex-start;
}
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit;
}
.menu-centered > .menu {
justify-content: center;
}
.menu-centered > .menu li {
display: flex;
justify-content: center;
}
.menu-centered > .menu li .submenu li {
justify-content: flex-start;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.align-left {
justify-content: flex-start;
}
.align-right {
justify-content: flex-end;
}
.align-center {
justify-content: center;
}
.align-justify {
justify-content: space-between;
}
.align-spaced {
justify-content: space-around;
}
.align-left.vertical.menu > li > a {
justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
justify-content: center;
}
.align-top {
align-items: flex-start;
}
.align-self-top {
align-self: flex-start;
}
.align-bottom {
align-items: flex-end;
}
.align-self-bottom {
align-self: flex-end;
}
.align-middle {
align-items: center;
}
.align-self-middle {
align-self: center;
}
.align-stretch {
align-items: stretch;
}
.align-self-stretch {
align-self: stretch;
}
.align-center-middle {
justify-content: center;
align-items: center;
align-content: center;
}
.small-order-1 {
order: 1;
}
.small-order-2 {
order: 2;
}
.small-order-3 {
order: 3;
}
.small-order-4 {
order: 4;
}
.small-order-5 {
order: 5;
}
.small-order-6 {
order: 6;
}
@media print, screen and (min-width: 40em) {
.medium-order-1 {
order: 1;
}
.medium-order-2 {
order: 2;
}
.medium-order-3 {
order: 3;
}
.medium-order-4 {
order: 4;
}
.medium-order-5 {
order: 5;
}
.medium-order-6 {
order: 6;
}
}
@media print, screen and (min-width: 64em) {
.large-order-1 {
order: 1;
}
.large-order-2 {
order: 2;
}
.large-order-3 {
order: 3;
}
.large-order-4 {
order: 4;
}
.large-order-5 {
order: 5;
}
.large-order-6 {
order: 6;
}
}
@media screen and (min-width: 75em) {
.xlarge-order-1 {
order: 1;
}
.xlarge-order-2 {
order: 2;
}
.xlarge-order-3 {
order: 3;
}
.xlarge-order-4 {
order: 4;
}
.xlarge-order-5 {
order: 5;
}
.xlarge-order-6 {
order: 6;
}
}
.flex-container {
display: flex;
}
.flex-child-auto {
flex: 1 1 auto;
}
.flex-child-grow {
flex: 1 0 auto;
}
.flex-child-shrink {
flex: 0 1 auto;
}
.flex-dir-row {
flex-direction: row;
}
.flex-dir-row-reverse {
flex-direction: row-reverse;
}
.flex-dir-column {
flex-direction: column;
}
.flex-dir-column-reverse {
flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
.medium-flex-container {
display: flex;
}
.medium-flex-child-auto {
flex: 1 1 auto;
}
.medium-flex-child-grow {
flex: 1 0 auto;
}
.medium-flex-child-shrink {
flex: 0 1 auto;
}
.medium-flex-dir-row {
flex-direction: row;
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.medium-flex-dir-column {
flex-direction: column;
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: flex;
}
.large-flex-child-auto {
flex: 1 1 auto;
}
.large-flex-child-grow {
flex: 1 0 auto;
}
.large-flex-child-shrink {
flex: 0 1 auto;
}
.large-flex-dir-row {
flex-direction: row;
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.large-flex-dir-column {
flex-direction: column;
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media screen and (min-width: 75em) {
.xlarge-flex-container {
display: flex;
}
.xlarge-flex-child-auto {
flex: 1 1 auto;
}
.xlarge-flex-child-grow {
flex: 1 0 auto;
}
.xlarge-flex-child-shrink {
flex: 0 1 auto;
}
.xlarge-flex-dir-row {
flex-direction: row;
}
.xlarge-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.xlarge-flex-dir-column {
flex-direction: column;
}
.xlarge-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media print, screen and (max-width: 39.99875em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.99875em) {
.show-for-medium {
display: none !important;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.99875em) {
.show-for-large {
display: none !important;
}
}
@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 74.99875em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 75em) and (max-width: 89.99875em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
* {
outline: none;
}
body {
transition: background 0.3s ease-out;
}
@media print, screen and (max-width: 39.99875em) {
body.home,
body.archive {
background: #ededed;
}
}
body.dark-bg {
background: #1f1f1f;
color: #fff;
}
@media print, screen and (min-width: 40em) {
.alignright {
float: right;
margin: 0 0 1em 1em;
}
.alignleft {
float: left;
margin: 0 1em 1em 0;
}
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a {
transition: all 0.3s ease-in-out;
}
.clearfix:before,
.wpcf7-form p:before,
.clearfix:after,
.wpcf7-form p:after {
display: table;
content: " ";
}
.clearfix:after,
.wpcf7-form p:after {
clear: both;
}
.grid-container.narrow {
max-width: 72.5rem;
}
.grid-container .grid-container:not(.narrow) {
padding-left: 0;
padding-right: 0;
}
.grid-container [class*="grid"] .grid-container {
padding-left: 10px;
padding-right: 10px;
}
.grid-container.nopad {
padding-left: 0;
padding-right: 0;
}
.material-icons {
font-size: 1.5em;
}
#site-wrap {
overflow: hidden;
}
.has-ad-bar #site-wrap {
padding-top: 70px;
}
@media print, screen and (min-width: 64em) {
.has-ad-bar #site-wrap {
padding-top: 100px;
}
}
.fixed-nav .header-pad {
padding-top: 52px;
}
@media print, screen and (min-width: 64em) {
.fixed-nav .header-pad {
padding-top: 134px;
}
}
.home.fixed-nav .header-pad,
.single.fixed-nav .header-pad {
padding-top: 80px;
}
@media print, screen and (min-width: 64em) {
.home.fixed-nav .header-pad,
.single.fixed-nav .header-pad {
padding-top: 134px;
}
}
@media print, screen and (min-width: 40em) {
div:not(.news-color-box) + .grid-padding-y {
padding-top: 10px;
}
}
.cell.flex {
display: flex;
flex-direction: column;
justify-content: stretch;
}
.cell.flex > * {
flex: 1;
}
.social__link {
color: inherit;
display: inline-block;
}
.social__link--fb:hover {
color: #1877f2;
}
.social__link--linkedin:hover {
color: #0a66c2;
}
.social__link--twitter:hover {
color: #1da1f2;
}
.social__link--instagram:hover {
color: #c32aa3;
}
.social__link--youtube:hover {
color: red;
}
label {
color: inherit;
}
.page-title {
font-size: 2rem;
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.page-title {
font-size: 3rem;
}
}
.page-title--loop {
font-size: 1.25rem;
}
@media print, screen and (min-width: 40em) {
.page-title--loop {
font-size: 1.5rem;
}
}
.section-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.section-title {
font-size: 2rem;
}
}
h1 a:not(:hover),
h2 a:not(:hover),
h3 a:not(:hover),
h4 a:not(:hover),
h5 a:not(:hover),
h6 a:not(:hover) {
color: inherit;
}
a svg path[fill]:not([fill*="none"]) {
fill: currentcolor !important;
}
a svg path[stroke]:not([stroke*="none"]) {
stroke: currentcolor !important;
}
.button--form {
margin-bottom: 0;
}
.breadcrumbs {
text-transform: lowercase;
font-size: 0.625rem;
margin-bottom: 0.5rem;
color: #9c9c9c;
}
.dark-bg .breadcrumbs {
color: #9c9c9c;
}
.breadcrumbs a:not(:hover) {
color: inherit;
}
.img-auto-label {
color: #8a8a8a;
font-size: 0.75rem;
}
body .woocommerce h2 {
font-size: 1.5rem;
}
body .woocommerce h3 {
font-size: 1.2rem;
}
.woocommerce a.woocommerce-button,
.woocommerce a.woocommerce-Button,
.woocommerce button.woocommerce-button,
.woocommerce button.woocommerce-Button,
.woocommerce input.woocommerce-button,
.woocommerce input.woocommerce-Button {
border-radius: 0;
background: #000;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
line-height: 1;
padding: 1.1em 1em 0.9em;
margin-bottom: 0;
}
.woocommerce a.woocommerce-button:hover,
.woocommerce a.woocommerce-Button:hover,
.woocommerce button.woocommerce-button:hover,
.woocommerce button.woocommerce-Button:hover,
.woocommerce input.woocommerce-button:hover,
.woocommerce input.woocommerce-Button:hover {
background: #ff7f17;
color: #fff;
}
.woocommerce .woocommerce-message a.woocommerce-Button,
.woocommerce .woocommerce-message button.woocommerce-Button,
.woocommerce .woocommerce-message input.woocommerce-Button,
.woocommerce .woocommerce-Message a.woocommerce-Button,
.woocommerce .woocommerce-Message button.woocommerce-Button,
.woocommerce .woocommerce-Message input.woocommerce-Button {
font-size: 0.75rem;
padding: 0.9em 1em 0.7em;
}
.site-header {
position: relative;
background: rgba(0, 0, 0, 0);
color: #fff;
}
.fixed-nav .site-header {
position: fixed;
left: 0;
width: 100%;
transition: 0.3s ease-out;
z-index: 100;
top: 0;
}
.fixed-nav.scrolled .site-header {
background: #1f1f1f;
color: #fff;
}
.fixed-nav.has-ad-bar .site-header {
top: 70px;
}
@media print, screen and (min-width: 64em) {
.fixed-nav.has-ad-bar .site-header {
top: 100px;
}
}
.fixed-nav.scrolled.has-ad-bar .site-header {
top: 50px;
}
.page-dark-nav .site-header,
body.search-results .site-header,
.site-header.dark {
background: #1f1f1f;
}
@media print, screen and (min-width: 64em) {
.site-header.light {
color: #1f1f1f;
}
.dark-bg .site-header.light {
color: #fff;
}
}
.site-header--min .logo-wrap {
margin-right: auto;
}
.site-header .header-wrap {
transition: 0.3s ease-out;
height: 52px;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
overflow: hidden;
}
@media print, screen and (min-width: 64em) {
.site-header .header-wrap {
min-height: 134px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
flex-wrap: nowrap;
overflow: visible;
}
}
.fixed-nav .site-header .header-wrap {
transition: 0.3s ease-out;
}
.fixed-nav.scrolled .site-header .header-wrap {
min-height: 0;
height: 38px;
}
@media print, screen and (min-width: 64em) {
.fixed-nav.scrolled .site-header .header-wrap {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
height: 60px;
}
}
@media print, screen and (min-width: 64em) {
.site-header .logo-wrap {
width: 269px;
}
}
.site-header .logo-wrap img {
transition: height 0.3s ease-out;
}
.site-header .logo-wrap--desktop {
display: none;
}
@media print, screen and (min-width: 64em) {
.site-header .logo-wrap--desktop {
display: block;
}
}
.site-header .logo-wrap--desktop img {
height: 69px;
}
@media print, screen and (min-width: 64em) {
.fixed-nav.scrolled .site-header .logo-wrap--desktop img {
height: calc(60px - 1rem);
}
}
.site-header .logo-wrap--mobile {
display: block;
}
@media print, screen and (min-width: 64em) {
.site-header .logo-wrap--mobile {
display: none;
}
}
.site-header .logo-wrap--mobile img {
height: 44px;
}
.fixed-nav.scrolled .site-header .logo-wrap--mobile img {
height: calc(38px - 0.5rem);
}
.site-header .services-wrap {
flex: 1;
align-self: flex-end;
}
@media print, screen and (min-width: 64em) {
.site-header .services-wrap {
align-self: center;
flex: 0 0 auto;
}
}
body:not(.home) .site-header .services-wrap .services-nav {
display: none;
}
@media print, screen and (min-width: 64em) {
body:not(.home) .site-header .services-wrap .services-nav {
display: block;
}
}
.site-header .burger-wrap {
order: 3;
}
@media print, screen and (min-width: 64em) {
.site-header .burger-wrap {
order: 0;
}
}
.site-header .mode-wrap {
order: 2;
}
@media print, screen and (min-width: 64em) {
.site-header .mode-wrap {
order: 0;
}
}
.services-nav {
position: relative;
}
@media print, screen and (min-width: 64em) {
.services-nav {
flex: 0 0 auto;
background: none;
padding: 0;
}
}
.services-nav--mobile {
display: block;
background: #1f1f1f;
z-index: 90;
position: absolute;
color: #fff;
left: 0;
width: 100%;
top: 52px;
padding: 0 10px 0.25rem;
}
@media print, screen and (min-width: 64em) {
.services-nav--mobile {
display: none;
}
}
.has-ad-bar .services-nav--mobile {
top: 122px;
}
.services-nav--mobile .services-nav__tiles {
display: flex;
}
.services-nav--bottom {
position: fixed;
left: 0;
right: 0;
top: 100% !important;
z-index: 90;
padding: 10px;
transition: transform 0.3s ease-out;
}
body:not(.home) .services-nav--bottom,
.scrolled .services-nav--bottom {
transform: translateY(-29px);
}
.services-nav--bottom.is-active {
transform: translateY(-100%) !important;
}
.services-nav--bottom.is-active .services-nav__heading svg {
transform: rotate(-180deg);
}
.services-nav--bottom .services-nav__heading {
cursor: pointer;
opacity: 1 !important;
margin: 0 0 8px !important;
display: flex;
align-items: center;
}
.services-nav--bottom .services-nav__heading svg {
display: block;
margin-left: 0.5rem;
margin-top: -3px;
transition: 0.3s ease-out;
width: 12px;
}
.services-nav__heading {
font-size: 0.5625rem;
line-height: 1.3;
margin-bottom: 0.4rem;
text-transform: uppercase;
margin-top: calc(-1.3em - 0.4rem);
font-weight: 600;
transition: 0.3s ease-out;
}
.fixed-nav.scrolled .services-nav__heading {
margin-bottom: 0;
opacity: 0;
margin-top: -11.7px;
}
.services-nav__heading strong {
font-weight: 800;
}
.services-nav__tiles {
display: none;
margin: 0 -2px;
}
@media print, screen and (min-width: 64em) {
.services-nav__tiles {
display: flex;
margin: 0 -5px;
}
}
.services-nav__tile {
padding: 0 2px;
flex: 1;
}
@media print, screen and (min-width: 64em) {
.services-nav__tile {
padding: 0 5px;
flex: 0 0 auto;
}
}
.services-nav__submenu {
position: absolute;
top: 100%;
right: -4rem;
z-index: 10;
background-color: #1f1f1f;
box-shadow: 19px 18px 25px rgba(0, 0, 0, 0.45);
padding: 1.5rem 2rem;
width: 960px;
display: none;
}
@media print, screen and (max-width: 63.99875em) {
.services-nav__submenu {
display: none !important;
}
}
@media screen and (min-width: 75em) {
.services-nav__submenu {
left: 50%;
transform: translateX(-50%);
right: auto;
}
}
.services-nav__submenu-inner {
display: flex;
}
.services-nav__submenu-nav {
flex: 0 0 auto;
padding: 0;
list-style: none;
margin: 2rem auto 0 2rem;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.services-nav__submenu-nav-item {
padding: 0;
margin: 0;
position: relative;
z-index: 1;
margin-bottom: 0.25rem;
}
.services-nav__submenu-nav a {
color: inherit;
display: inline-block;
}
.services-nav__submenu-nav a:hover {
color: #ff7f17;
}
.services-nav__submenu-posts {
flex: 0 0 680px;
width: 680px;
}
.services-nav__submenu-posts-group:not([data-services-nav-group="main"]) {
display: none;
}
.services-nav__tile:hover .services-nav__submenu {
display: block;
}
.services-nav__tile-link {
height: 24px;
background-position: center;
background-size: cover;
display: flex;
flex-direction: column;
padding: 0 0.15rem;
justify-content: flex-end;
color: inherit;
border-bottom: 2px solid #ff7f17;
position: relative;
}
@media print, screen and (min-width: 64em) {
.services-nav__tile-link {
width: 168px;
height: 80px;
}
}
@media print, screen and (min-width: 64em) {
.fixed-nav.scrolled .services-nav__tile-link {
height: calc(60px - 1rem);
}
}
.services-nav__tile-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
360deg,
rgb(31, 31, 31) 2%,
rgba(31, 31, 31, 0) 55.36%,
rgba(31, 31, 31, 0.5) 100%
);
z-index: 1;
transition: 0.3s ease-out;
}
.services-nav__tile-link:hover:before {
opacity: 0.8;
}
.services-nav__tile-title {
font-size: 0.625rem;
text-transform: uppercase;
font-weight: 600;
width: 100%;
text-align: center;
margin-bottom: 0.5rem;
position: relative;
z-index: 4;
}
@media print, screen and (min-width: 64em) {
.services-nav__tile-title {
font-size: 0.875rem;
margin-bottom: 0.75rem;
}
}
.lang-nav {
display: none;
font-size: 0.5625rem;
line-height: 1.3;
margin-bottom: 0.4rem;
text-transform: uppercase;
margin-top: calc(-1.3em - 0.4rem);
font-weight: 600;
text-align: right;
}
@media screen and (min-width: 75em) {
.lang-nav {
display: flex;
justify-content: flex-end;
}
}
.lang-nav__link {
color: rgba(255, 255, 255, 0.8);
width: 1.25rem;
height: 1.25rem;
display: block;
border-radius: 50%;
overflow: hidden;
}
.lang-nav__link * {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lang-nav__link:hover {
opacity: 0.7;
}
.side-wrap {
display: none;
}
@media screen and (min-width: 75em) {
.side-wrap {
display: block;
}
}
.side-nav {
display: none;
}
@media screen and (min-width: 75em) {
.side-nav {
display: block;
}
}
.side-nav__tiles {
display: flex;
margin: 0 -2px;
}
.side-nav__tile {
padding: 0 2px;
}
.side-nav__tile-link {
height: 80px;
background: #2b2a2a;
display: flex;
flex-direction: column;
padding: 0 0.75rem;
justify-content: center;
color: inherit;
transition: 0.3s ease-out;
}
@media print, screen and (min-width: 64em) {
.side-nav__tile-link {
height: calc(60px - 1rem);
}
}
@media screen and (min-width: 90em) {
.side-nav__tile-link {
padding: 0 1rem;
}
}
.side-nav__tile-link:hover {
color: inherit;
background: #ff7f17;
}
.side-nav__tile-title {
font-size: 0.625rem;
text-transform: uppercase;
font-weight: 600;
width: 100%;
text-align: center;
margin-bottom: 0;
}
.search-link:not(:hover) {
color: inherit;
}
.mode-switch {
display: block;
width: 24px;
height: 12px;
background: #fff;
border-radius: 6px;
position: relative;
}
.mode-switch:before {
content: "";
display: block;
background: #1f1f1f;
width: 10px;
height: 10px;
position: absolute;
top: 1px;
left: 1px;
border-radius: 50%;
transition: 0.3s ease-out;
}
.mode-switch.is-active:before {
left: 13px;
}
body:not(.dark-bg):not(.scrolled) .light .mode-switch {
background: #1f1f1f;
}
body:not(.dark-bg):not(.scrolled) .light .mode-switch:before {
background: #fff;
}
.main-nav {
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
background: #1f1f1f url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/menu-bg.jpg) no-repeat center center;
background-size: cover;
color: #fff;
z-index: 120;
}
.admin-bar .main-nav {
top: 46px;
height: calc(100% - 46px);
}
@media screen and (min-width: 48.9375em) {
.admin-bar .main-nav {
height: calc(100% - 32px);
top: 32px;
}
}
.main-nav__close {
position: absolute;
font-size: 1.6875rem;
font-weight: 300;
color: #fff;
font-family: "Spartan", sans-serif;
z-index: 5;
top: 1.5rem;
right: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.main-nav__close {
top: 45px;
left: 45px;
right: auto;
}
}
.main-nav__close:hover {
color: #ff7f17;
}
.main-nav__inner {
padding: 1.5rem;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: flex-start;
overflow-y: auto;
}
@media print, screen and (min-width: 40em) {
.main-nav__inner {
padding: 45px;
}
}
.main-nav__menus {
width: 100%;
height: auto;
margin-top: auto;
padding-top: 4rem;
flex-wrap: wrap;
display: flex;
flex-direction: column;
}
@media print, screen and (min-width: 64em) {
.main-nav__menus {
align-items: flex-end;
display: flex;
flex-direction: row;
}
}
.main-nav__account {
flex: 0 0 100%;
width: 100%;
padding-top: 2rem;
order: 2;
}
.main-nav__search {
order: 3;
}
.main-nav__search-form {
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 1.5rem;
}
.main-nav__search-input {
padding: 0;
background: none !important;
line-height: 1.4;
border: none !important;
margin: 0;
height: 2rem;
font-family: "Spartan", sans-serif;
text-transform: uppercase;
font-size: 0.6875rem;
font-weight: 500;
color: #eee;
max-width: 180px;
}
.main-nav__search-input::-webkit-input-placeholder {
color: #b7b7b7;
}
.main-nav__search-input::-moz-placeholder {
color: #b7b7b7;
}
.main-nav__search-input:-ms-input-placeholder {
color: #b7b7b7;
}
.main-nav__search-input::-ms-input-placeholder {
color: #b7b7b7;
}
.main-nav__search-input::placeholder {
color: #b7b7b7;
}
.main-nav__search-button {
flex: 0 0 auto;
background: none !important;
padding: 0;
margin: 0 0 0 0.5rem;
}
.main-nav__search-button:hover {
color: #ff7f17;
}
.main-nav__search-button svg {
display: block;
}
.main-nav__account-button {
font-family: "Spartan", sans-serif;
font-weight: 500;
font-size: 0.6875rem;
text-transform: uppercase;
padding: 1.4em 1.25em 1.1em;
margin-right: 0.25rem;
}
.main-nav__account-button:not(:hover) {
background: #fff;
color: #000;
}
.main-nav__bottom {
order: 4;
flex: 0 0 100%;
width: 100%;
display: flex;
padding-top: 4rem;
align-items: center;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.main-nav__bottom {
margin-bottom: 0;
}
}
.main-nav__social {
display: flex;
align-items: center;
margin-right: 2rem;
}
.main-nav__social div {
margin-right: 1.5rem;
}
.menu.main-menu,
.menu.secondary-menu {
display: block;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
}
.menu.main-menu li,
.menu.secondary-menu li {
display: block;
margin-bottom: 0.5em;
}
.menu.main-menu li a,
.menu.secondary-menu li a {
color: inherit;
padding: 0;
margin: 0;
display: inline-block;
}
.menu.main-menu li.current-menu-item > a,
.menu.main-menu li.current-menu-parent > a,
.menu.main-menu li a:hover,
.menu.secondary-menu li.current-menu-item > a,
.menu.secondary-menu li.current-menu-parent > a,
.menu.secondary-menu li a:hover {
color: #ff7f17;
}
.menu.main-menu li .arrow,
.menu.secondary-menu li .arrow {
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 1rem;
cursor: pointer;
background: url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/arrow.svg) no-repeat center;
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0.6;
transform: rotate(-90deg);
transition: transform 0.3s ease-out;
}
@media print, screen and (min-width: 40em) {
.menu.main-menu li .arrow,
.menu.secondary-menu li .arrow {
display: none;
}
}
.menu.main-menu li.is-open > .arrow,
.menu.secondary-menu li.is-open > .arrow {
transform: rotate(90deg);
}
.menu.main-menu li .sub-menu,
.menu.secondary-menu li .sub-menu {
margin: 0;
display: none;
opacity: 1;
}
@media print, screen and (max-width: 39.99875em) {
.menu.main-menu li .sub-menu,
.menu.secondary-menu li .sub-menu {
opacity: 1 !important;
padding-top: 1rem;
}
}
.menu.main-menu li .sub-menu li,
.menu.secondary-menu li .sub-menu li {
padding: 0;
}
.menu.main-menu li .sub-menu li a,
.menu.secondary-menu li .sub-menu li a {
padding-left: 2rem;
line-height: 1;
}
.menu.main-menu {
font-size: 1.125rem;
font-weight: 300;
order: 1;
}
@media print, screen and (min-width: 40em) {
.menu.main-menu {
display: inline-block;
width: auto;
width: 300px;
font-size: 1.5rem;
position: relative;
min-height: 50vh;
}
}
@media print, screen and (min-width: 40em) {
.menu.main-menu .sub-menu {
position: absolute;
left: 100%;
width: auto;
white-space: nowrap;
margin-top: -1.3em !important;
}
}
.menu.main-menu .sub-menu li {
margin-bottom: 0.3em;
font-size: 1.125rem;
}
.menu.main-menu > li:after {
content: "";
width: calc(100% + 1rem);
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transition: opacity 0.3s ease-out;
opacity: 0;
}
@media print, screen and (min-width: 40em) {
.menu.main-menu > li.menu-item-has-children:hover:after {
opacity: 1;
}
}
.menu.main-menu li {
position: relative;
}
@media print, screen and (min-width: 40em) {
.menu.main-menu li {
position: static;
}
}
.menu.secondary-menu {
font-size: 0.6875rem;
font-weight: 600;
display: flex;
margin: -0.5rem;
}
.menu.secondary-menu > li {
margin: 0;
padding: 0 0.5rem;
}
.hamburger {
width: 2.25rem;
height: 1.5rem;
position: relative;
z-index: 5;
transition: all 0.4s, background 0.2s;
display: block;
color: inherit;
}
.hamburger:hover {
color: #ff7f17;
}
.hamburger:before,
.hamburger:after,
.hamburger span {
content: "";
display: block;
width: 100%;
height: 2px;
background: currentColor;
transform-origin: 50% 50%;
border-radius: 1px;
right: 0;
transition: width 0.3s ease-out;
}
.hamburger:before {
width: 100%;
position: absolute;
top: 0;
}
.hamburger span {
position: absolute;
top: 50%;
margin-top: -1px;
width: 75%;
}
@media print, screen and (min-width: 64em) {
.hamburger span {
width: 100%;
}
}
.hamburger:after {
position: absolute;
bottom: 0;
width: 50%;
}
@media print, screen and (min-width: 64em) {
.hamburger:after {
width: 100%;
}
}
.hamburger:hover:before,
.hamburger:hover:after,
.hamburger:hover span {
width: 100%;
}
.sidebar__title {
font-size: 2rem;
font-weight: 300;
}
.sidebar .ad {
margin: 1.5rem 0;
}
.sidebar .builder-widget > .grid-padding-x {
margin: -10px;
}
.search-pane {
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
background: #1f1f1f url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/menu-bg.jpg) no-repeat center center;
background-size: cover;
color: #fff;
z-index: 110;
}
.search-pane__close {
position: absolute;
font-size: 1.6875rem;
font-weight: 300;
color: #fff;
font-family: "Spartan", sans-serif;
z-index: 5;
top: 1.5rem;
right: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.search-pane__close {
top: 45px;
left: 45px;
right: auto;
}
}
.search-pane__close:hover {
color: #ff7f17;
}
.search-pane__inner {
padding: 1.5rem;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
}
@media print, screen and (min-width: 40em) {
.search-pane__inner {
padding: 45px;
}
}
.search-pane__form {
width: 100%;
display: flex;
max-width: 1000px;
margin: 0 auto;
flex-direction: column;
}
@media print, screen and (min-width: 40em) {
.search-pane__form {
flex-direction: row;
}
}
.search-pane__form-field {
font-size: 2rem;
height: 4rem;
background: none !important;
border: none;
color: #fff;
font-weight: 300;
padding: 0;
font-family: "Spartan", sans-serif;
border-bottom: 2px solid rgba(255, 255, 255, 0.7) !important;
flex: 1;
max-width: none;
}
.search-pane__form-field::-webkit-search-cancel-button {
display: none !important;
}
.search-pane__form-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.search-pane__form-field::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.search-pane__form-field:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.search-pane__form-field::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.search-pane__form-field::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.search-pane__button {
flex: 0 0 auto;
font-family: "Spartan", sans-serif;
font-size: 1.5rem;
text-transform: uppercase;
font-weight: 300;
height: 4rem;
display: flex;
align-items: center;
padding: 0.8rem 3rem 0.5rem;
width: 100%;
text-align: center;
justify-content: center;
margin-top: 2rem;
}
.search-pane__button:not(:hover) {
background: #fff;
color: #1f1f1f;
}
@media print, screen and (min-width: 40em) {
.search-pane__button {
width: auto;
margin-top: 0;
}
}
[data-loadmore],
.loading-button {
display: inline-flex;
align-items: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
height: 3.375rem;
text-transform: uppercase;
font-size: 0.875rem;
font-family: "Spartan", sans-serif;
font-weight: 300;
margin-top: 100px;
min-width: 200px;
justify-content: center;
}
[data-loadmore] .text,
.loading-button .text {
padding-top: 0.25em;
}
[data-loadmore] span:not(.text),
.loading-button span:not(.text) {
margin-left: 0.9em;
}
[data-loadmore] .loading,
.loading-button .loading {
display: none;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
[data-loadmore].is-loading,
.loading-button.is-loading {
opacity: 0.7;
pointer-events: none;
}
[data-loadmore].is-loading .loading,
.loading-button.is-loading .loading {
display: block;
}
[data-loadmore] svg,
.loading-button svg {
display: block;
}
@-webkit-keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.form-wrap.flex {
display: flex;
flex-flow: row wrap;
margin: 0 -15px;
}
.form-wrap.flex br {
display: none;
}
.form-wrap.flex [type="text"],
.form-wrap.flex [type="password"],
.form-wrap.flex [type="date"],
.form-wrap.flex [type="datetime"],
.form-wrap.flex [type="datetime-local"],
.form-wrap.flex [type="month"],
.form-wrap.flex [type="week"],
.form-wrap.flex [type="email"],
.form-wrap.flex [type="number"],
.form-wrap.flex [type="search"],
.form-wrap.flex [type="tel"],
.form-wrap.flex [type="time"],
.form-wrap.flex [type="url"],
.form-wrap.flex [type="color"],
.form-wrap.flex textarea {
margin-bottom: 0;
}
.form-wrap.flex .wpcf7-not-valid-tip {
font-size: 0.75rem;
padding-top: 0.5rem;
}
.form-wrap.flex > .wpcf7-form-control-wrap,
.form-wrap.flex > label,
.form-wrap.flex > .form-col {
flex: 0 0 100%;
width: 100%;
padding: 0 15px;
display: block;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.form-wrap.flex > .wpcf7-form-control-wrap,
.form-wrap.flex > label,
.form-wrap.flex > .form-col {
flex: 0 0 50%;
width: 50%;
}
}
@media print, screen and (min-width: 40em) {
.form-wrap.flex > .wpcf7-form-control-wrap.your-message,
.form-wrap.flex > label.your-message,
.form-wrap.flex > .form-col.your-message {
flex: 0 0 100%;
width: 100%;
}
}
.wpcf7-form p {
margin-bottom: 0;
position: relative;
}
.wpcf7-form .ajax-loader {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.wpcf7-form .wpcf7-submit {
min-width: 0;
}
.wpcf7-form .wpcf7-submit.right {
float: right;
}
.wpcf7-form .wpcf7-submit.center {
display: block;
margin-left: auto;
margin-right: auto;
}
.wpcf7-form .wpcf7-response-output {
margin: 2rem 0 0;
padding: 1rem;
padding: 0.75em 1em;
}
[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 {
margin-bottom: 0;
}
.slick-slider {
position: relative;
}
.slick-slider:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
.slick-slider:not(.slick-initialized) > * {
width: 100%;
flex: 0 0 auto;
}
.slick-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
font-size: 0;
}
.slick-slider .slick-arrow:before {
content: "";
display: block;
width: 2.5rem;
height: 2.5rem;
background-size: contain;
}
.slick-slider .slick-arrow.slick-prev {
left: 1rem;
}
.slick-slider .slick-arrow.slick-next {
right: 1rem;
transform: translateY(-50%) scaleX(-1);
}
.slick-slider .slick-dots {
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
color: #fff;
display: flex !important;
list-style: none;
margin: 0;
justify-content: center;
}
.slick-slider .slick-dots li {
padding: 0 0.5rem;
opacity: 0.5;
transition: opacity 0.3s ease-out;
}
.slick-slider .slick-dots li:hover {
opacity: 1;
}
.slick-slider .slick-dots li.slick-active {
opacity: 0.8;
}
.slick-slider .slick-dots li button {
font-size: 0;
width: 8px;
color: inherit;
height: 8px;
background: currentcolor;
border-radius: 50%;
display: block;
}
.slick-slider .slick-track {
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.slick-slider:not(.no-flex) .slick-track {
display: flex;
}
.slick-slider:not(.no-flex) .slick-track:before,
.slick-slider:not(.no-flex) .slick-track:after {
display: none;
}
.slick-slider:not(.no-flex) .slick-track .slick-slide {
display: flex;
height: auto;
}
.slick-slider:not(.no-flex) .slick-track .slick-slide > * {
width: 100%;
display: flex;
}
.slick-slider.slider-rows-reverse .slick-slide {
display: flex !important;
}
.slick-slider.slider-rows-reverse .slick-slide > div > * {
display: block !important;
}
.slider .slide {
display: flex !important;
align-items: center;
}
.slider .slide-wrap {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.slider--full-height .slide-wrap {
min-height: 100vh;
}
.slider--full-height .slide-inner {
width: 100%;
}
.slider--main {
margin-top: -134px;
}
.slider--main .slide-inner {
padding-top: 134px;
}
.slider--main .slick-arrow {
margin-top: 67px;
}
.post-content .gallery {
display: flex;
margin: -10px !important;
flex-wrap: wrap;
}
.post-content .gallery .gallery-item {
padding: 10px;
margin: 0 !important;
}
@media print, screen and (max-width: 39.99875em) {
.post-content .gallery .gallery-item {
width: 50% !important;
}
}
.post-content .gallery .gallery-item .gallery-caption {
padding-top: 0.25em;
}
.post-content .gallery .gallery-item .gallery-icon {
margin: 0 !important;
}
.post-content .gallery .gallery-item .gallery-icon a {
display: block;
overflow: hidden;
}
.post-content .gallery .gallery-item .gallery-icon a:hover img {
transform: scale(1.05);
}
.post-content .gallery .gallery-item .gallery-icon img {
transition: inherit;
display: block;
border: none !important;
width: 100%;
}
.ad {
position: relative;
margin-top: 15px;
}
.ad:before {
content: "Reklama";
position: absolute;
top: -15px;
right: 0;
font-size: 0.5625rem;
font-family: "Spartan", sans-serif;
font-weight: 500;
color: rgba(0, 0, 0, 0.7);
}
.bg-dark .ad:before,
.dark-bg .ad:before {
color: rgba(255, 255, 255, 0.7);
}
.article__side .ad {
margin-top: 20px;
}
.ad--adwords {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-family: "Spartan", sans-serif;
text-transform: uppercase;
font-weight: 600;
text-align: center;
color: rgba(0, 0, 0, 0.3);
line-height: 1.2;
position: relative;
max-width: 100% !important;
background: rgba(0, 0, 0, 0.07);
overflow: hidden;
}
.dark-bg .ad--adwords {
background: rgba(255, 255, 255, 0.02);
}
@media print, screen and (min-width: 40em) {
.ad--adwords {
font-size: 2rem;
}
}
.ad--adwords span {
display: block;
overflow: hidden;
margin: 10px;
}
.ad--adwords > ins {
width: 100% !important;
}
.ad--adwords.ad--force-height > ins {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100% !important;
max-height: 100%;
overflow: hidden;
}
.ad--text {
margin-top: 1.5rem;
}
@media print, screen and (max-width: 39.99875em) {
.ad--text {
padding: 0.75rem 0.5rem 0.5rem 1rem !important;
background: #fff;
margin-bottom: 2px;
margin-top: 0 !important;
}
.ad--text:before {
top: 5px;
}
body.dark-bg .ad--text {
background: #141414;
color: #fff;
}
}
.ad-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 105;
color: #fff;
overflow: hidden;
transition: transform 0.5s ease-out, height 0.5s ease-out;
height: 70px;
}
@media print, screen and (min-width: 64em) {
.ad-bar {
height: 100px;
}
}
.ad-bar.expanded {
height: 640px !important;
}
body.scrolled .ad-bar {
height: 50px;
}
.ad-bar .ad {
margin: 0;
font-size: 1.5rem;
}
.ad-bar .ad:before {
display: block;
}
.ad-bar .ad img {
height: 100%;
width: auto;
margin: auto;
display: block;
-o-object-fit: contain;
object-fit: contain;
}
.ad-bar__bg {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #111;
z-index: 2;
height: 70px;
}
@media print, screen and (min-width: 64em) {
.ad-bar__bg {
height: 100px;
}
}
.ad-bar__bar,
.ad-bar__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #111;
transition: transform 0.5s ease-out, height 0.5s ease-out;
}
.ad-bar__bar {
z-index: 2;
width: 100% !important;
height: 70px !important;
overflow: hidden;
}
@media print, screen and (min-width: 64em) {
.ad-bar__bar {
height: 100px !important;
}
}
body.scrolled .ad-bar__bar {
height: 50px !important;
}
.expanded .ad-bar__bar {
transform: translateY(-100%);
}
.ad-bar__bar > .ad {
height: 100% !important;
}
.ad-bar__content {
height: 600px;
z-index: 1;
transform: translateY(70px);
box-shadow: 8px 8px 37px rgba(0, 0, 0, 0.44);
}
@media print, screen and (min-width: 64em) {
.ad-bar__content {
transform: translateY(100px);
}
}
body.scrolled .ad-bar__content {
transform: translateY(50px);
}
.expanded .ad-bar__content {
transform: none !important;
}
.ad-bar__ads {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
transition: none;
}
.ad-bar__ads .ad {
height: 600px !important;
}
.ad-bar__ads .slick-track,
.ad-bar__ads .slick-list {
height: 100%;
}
.ad-bar__button {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
padding: 0.5em 0.5em;
z-index: 10;
min-width: 70px;
text-align: center;
margin: 0;
}
.ad-bar__button--expand {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.expanded .ad-bar__button--expand {
display: none;
}
.ad-bar__button--collapse {
padding: 0.75em 0.5em;
}
.ad-bar__nav {
position: absolute;
right: 0;
top: 100%;
display: flex;
}
.ad-bar__dots {
background: #ff7f17;
margin-right: 0.25rem;
display: flex;
align-items: center;
padding: 0 1rem;
}
.ad-bar__dots .slick-dots {
color: #fff;
margin: 0;
display: flex;
list-style: none;
font-size: 0;
color: rgba(0, 0, 0, 0);
}
.ad-bar__dots button {
cursor: pointer;
margin: 0 4px;
}
.ad-bar__dots button:before {
content: "";
display: block;
width: 10px;
height: 10px;
background: #b75d15;
border-radius: 50%;
transition: 0.3s ease-out;
}
.ad-bar__dots button:hover:before {
background: rgba(255, 255, 255, 0.4);
}
.ad-bar__dots .slick-active button:before {
background: #fff;
}
.ad-side {
display: none;
width: calc((100vw - 85rem) / 2);
position: absolute;
top: 0;
}
@media screen and (min-width: 95em) {
.ad-side {
display: block;
}
}
.rekl-side__wrap {
position: relative;
}
.ad-side--left {
left: 0;
}
.ad-side--right {
right: 0;
}
.section {
padding-bottom: 1rem;
}
.section--bg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.section--bg > .grid-container {
background: inherit;
}
.section--search-results {
margin: 4rem 0 100px;
}
.section__title {
font-size: 1.1875rem;
color: #252525;
font-weight: 500;
margin-bottom: 1rem;
position: relative;
transition: 0.3s ease-out;
}
.section__title.has-bg {
padding: 0.85rem 10px 0.65rem;
}
@media print, screen and (min-width: 40em) {
.section__title.has-bg {
padding: 0;
}
}
@media print, screen and (min-width: 40em) {
.section__title {
padding: 0;
font-size: 2rem;
background: none;
color: #252525 !important;
}
}
body:not(.archive):not(.search) .section__title {
color: #fff;
}
.bg-dark .section__title,
.dark-bg .section__title {
color: #fff !important;
}
.section--bg .section__title {
color: #252525 !important;
}
.section--bg.dark-bg .section__title {
color: #fff !important;
}
.section__title span {
position: relative;
vertical-align: middle;
z-index: 2;
}
.fixto-fixed .section__title {
font-size: 1rem;
}
.fixto-fixed .section__title.has-bg {
padding: 0.75rem 0.75rem 0.55rem;
}
.archive.category .section__title:not(.section__title--force-bar) {
padding: 0.5rem 0 !important;
}
.section__title-bar {
display: block;
position: absolute !important;
top: 0;
left: -10px;
width: 100vw;
bottom: 0;
z-index: 1 !important;
}
@media print, screen and (min-width: 40em) {
.section__title-bar {
position: static !important;
display: inline-block;
margin-right: 20px;
height: 1em;
width: 0.4em;
margin-top: -0.15em;
}
}
.archive.category
.section__title:not(.section__title--force-bar)
.section__title-bar {
display: none !important;
}
.section__heading {
display: flex;
justify-content: space-between;
align-items: baseline;
flex-wrap: wrap;
margin: 0 -10px;
transition: background 0.3s ease-out;
}
@media print, screen and (min-width: 64em) {
.section__heading {
flex-wrap: nowrap;
}
}
.section__heading .section__title {
margin-bottom: 0;
}
.section__heading.fixto-fixed {
background: #fff;
}
.dark-bg .section__heading.fixto-fixed {
background: #1f1f1f;
}
.section--bg .section__heading.fixto-fixed {
background: inherit;
}
.section__heading-col {
flex: 0 0 auto;
padding: 0 10px;
}
.section__heading-col--nav {
margin-left: auto;
flex: 0 0 100%;
width: 100%;
padding-top: 0.5rem;
}
@media print, screen and (min-width: 64em) {
.section__heading-col--nav {
padding-top: 0;
width: auto;
flex: 0 1 auto;
}
}
.section__heading-col--sponsor {
align-self: center;
}
.section__sponsor img {
width: auto;
max-height: 80px;
}
.section__sponsor-label {
font-size: 0.75rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.dark-bg .section__sponsor-label {
color: #fff;
}
.section--bg .section__sponsor-label {
color: #252525;
}
.section--bg.dark-bg .section__sponsor-label {
color: #fff;
}
.section__category-link-row {
margin-bottom: 1rem;
text-align: right;
}
.section__category-link { font-size: 0.875rem; font-family: "Spartan", sans-serif;
position: relative;
z-index: 20;
}
.section__category-link:not(:hover) {
color: #fff;
}
@media print, screen and (min-width: 40em) {
.section__category-link:not(:hover) {
color: inherit;
}
.section__category-link-row {
margin-top: 1rem;
}
}
.section__category-nav {
font-weight: 700;
font-size: 0.625rem;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
color: #5b5b5b;
}
.dark-bg .section__category-nav {
color: rgba(255, 255, 255, 0.8);
}
.section__category-nav-cats {
white-space: nowrap;
overflow-x: auto;
display: flex;
margin: 0 -0.75rem;
padding-bottom: 0.5rem;
}
.section__category-nav-cat {
margin: 0 0.75rem;
display: block;
flex: 0 0 auto;
}
.section__category-nav-cat:not(:hover) {
color: inherit;
}
@media print, screen and (max-width: 39.99875em) {
.builder-grid {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.builder-grid > .cell {
padding-top: 0;
padding-bottom: 0;
}
}
.builder-grid > .cell {
display: flex;
flex-direction: column;
}
@media print, screen and (max-width: 39.99875em) {
.builder-grid > .cell--mobile-reverse {
flex-direction: column-reverse;
}
}
.builder-grid > .cell > * {
width: 100%;
}
@media print, screen and (max-width: 39.99875em) {
.builder-grid .cell:not(.keep-grid) {
width: 100% !important;
flex: 0 0 100% !important;
}
}
.builder-widget {
width: 100%;
flex: 1;
}
.articles-slider {
margin: 0 -10px;
padding-bottom: 1rem;
}
.articles-slider__slide {
padding: 0 10px;
}
.articles-slider .slick-dots {
bottom: 0.25rem;
color: #000;
}
.dark-bg .articles-slider .slick-dots,
.news-color-box--dark .articles-slider .slick-dots {
color: #fff;
}
.news-color-box--light .articles-slider .slick-dots {
color: #000 !important;
}
.newsletter {
text-align: right;
}
@media print, screen and (min-width: 40em) {
.newsletter {
margin-bottom: 85px;
text-align: left;
}
}
.newsletter--contact .meet-banner {
margin-bottom: 1.5rem;
margin-left: 3rem;
margin-right: -10px;
}
@media print, screen and (min-width: 40em) {
.newsletter--contact .meet-banner {
margin-right: 0;
margin-bottom: 100px;
margin-left: 0;
}
}
@media print, screen and (max-width: 39.99875em) {
.newsletter--contact .newsletter__wrap {
padding-bottom: 80px;
}
}
.newsletter--contact .newsletter__bg {
background-image: url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/tmp/footer-img-2.jpg);
top: 4.5rem;
}
@media print, screen and (min-width: 40em) {
.newsletter--contact .newsletter__bg {
top: 0;
left: -10px;
}
}
@media screen and (min-width: 72.5em) {
.newsletter--contact .newsletter__bg {
left: calc((1160px - 100vw) / 2 - 10px);
}
}
.newsletter--contact .newsletter__content {
background: #fff;
margin-right: -10px;
margin-left: 3rem;
}
@media print, screen and (min-width: 40em) {
.newsletter--contact .newsletter__content {
margin-right: 0;
margin-left: 0;
}
}
.newsletter__wrap {
position: relative;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
@media print, screen and (min-width: 40em) {
.newsletter__wrap {
margin-left: 0;
margin-right: 0;
padding: 40px 0;
}
}
@media print, screen and (min-width: 64em) {
.newsletter__wrap {
padding: 80px 0;
}
}
.newsletter__bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
background: url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/tmp/newsletter.jpg) no-repeat center;
background-size: cover;
}
@media print, screen and (min-width: 40em) {
.newsletter__bg {
width: 72%;
}
}
.newsletter__content {
position: relative;
z-index: 2;
padding: 2rem 1rem;
}
@media print, screen and (min-width: 40em) {
.newsletter__content {
padding: 2.5rem 3rem;
background: #fff;
}
.dark-bg .newsletter__content {
background: #000;
}
}
@media print, screen and (min-width: 64em) {
.newsletter__content {
padding: 3.5rem 4rem;
}
}
.newsletter__heading {
align-items: center;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.newsletter__heading {
margin-bottom: 2rem;
display: flex;
}
}
.newsletter__heading-cell--left {
font-size: 1.125rem;
font-weight: 300;
color: #1f1f1f;
text-align: right;
font-family: "Spartan", sans-serif;
flex: 0 0 auto;
line-height: 1.089;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
.newsletter__heading-cell--left {
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 40em) {
.dark-bg .newsletter__heading-cell--left {
color: #fff;
}
}
@media print, screen and (min-width: 40em) {
.newsletter__heading-cell--left {
margin-right: 20px;
margin-bottom: 0;
}
}
@media print, screen and (max-width: 39.99875em) {
.newsletter__heading-cell--left br {
display: none;
}
}
.newsletter__heading-cell--left strong {
font-weight: 700;
}
.newsletter__heading-cell--right {
line-height: 1.3;
font-size: 0.8rem;
color: #5b5b5b;
max-width: 280px;
margin-left: auto;
text-align: right;
}
@media print, screen and (min-width: 40em) {
.dark-bg .newsletter__heading-cell--right {
color: rgba(255, 255, 255, 0.9);
}
}
@media print, screen and (min-width: 40em) {
.newsletter__heading-cell--right {
margin-left: 0;
text-align: left;
max-width: 220px;
}
}
.newsletter__title {
font-size: 2rem;
font-weight: 100;
color: #1f1f1f;
margin-bottom: 1.5rem;
letter-spacing: -0.03em;
}
@media print, screen and (min-width: 40em) {
.newsletter__title {
margin-bottom: 2.5rem;
font-size: 2.8125rem;
}
}
@media print, screen and (min-width: 40em) {
.dark-bg .newsletter__title {
color: #fff;
}
}
.newsletter__title strong {
font-weight: 700;
}
.newsletter__form {
margin-bottom: 0.5rem;
max-width: 190px;
margin-left: auto;
}
@media print, screen and (min-width: 40em) {
.newsletter__form {
max-width: none;
margin-left: 0;
}
}
.newsletter__form > .grid-x > .cell {
margin-bottom: 0.25rem;
}
@media print, screen and (min-width: 40em) {
.newsletter__form > .grid-x > .cell {
margin-bottom: 0;
}
}
.newsletter__form-button {
background: #000;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
line-height: 1;
padding: 1.1em 1em 0.9em;
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.dark-bg .newsletter__form-button {
background: #fff;
color: #000;
}
}
.newsletter__notice {
margin-bottom: 0;
font-size: 0.8rem;
color: #a8a8a8;
max-width: 190px;
margin-left: auto;
}
@media print, screen and (min-width: 40em) {
.newsletter__notice {
max-width: none;
margin-left: 0;
}
}
.issue-banner {
background: #252525;
color: #fff;
padding: 1.25rem 0;
}
@media print, screen and (min-width: 40em) {
.issue-banner {
margin-bottom: 4rem;
padding: 3rem 0 3rem 1rem;
}
}
@media print, screen and (min-width: 64em) {
.issue-banner {
margin-bottom: 120px;
padding: 170px 0 90px;
}
}
@media print, screen and (min-width: 40em) {
.issue-banner__cell {
display: flex;
flex-direction: column;
justify-content: center;
}
.issue-banner__cell > * {
width: 100%;
}
.issue-banner__cell--intro {
width: 55% !important;
}
.issue-banner__cell--cover {
width: 45% !important;
}
.issue-banner__cell--heading {
width: 100% !important;
}
.issue-banner__cell--articles {
width: 100% !important;
}
}
@media print, screen and (min-width: 64em) {
.issue-banner__grid {
flex-wrap: nowrap;
}
.issue-banner__cell {
justify-content: stretch;
}
.issue-banner__cell--intro {
width: 22% !important;
order: 1;
}
.issue-banner__cell--cover {
width: 32% !important;
order: 2;
}
.issue-banner__cell--heading {
width: 24% !important;
order: 3;
}
.issue-banner__cell--articles {
order: 4;
width: 20% !important;
max-width: 180px;
}
}
.issue-banner__intro {
font-family: "Spartan", sans-serif;
font-size: 0.8125rem;
}
@media print, screen and (max-width: 39.99875em) {
.issue-banner__intro p {
display: none;
}
.issue-banner__intro p:first-child {
display: block;
}
}
@media print, screen and (min-width: 64em) {
.issue-banner__button-wrap {
margin-top: auto;
padding-top: 2rem;
}
}
.issue-banner__button {
position: relative;
z-index: 10;
margin-bottom: 0;
font-family: "Spartan", sans-serif;
font-size: 0.75rem;
display: inline-flex;
align-items: center;
padding: 21px 1rem 19px;
box-shadow: 17px, 17px, 18px, rgba(0, 0, 0, 0.7);
white-space: nowrap;
}
@media print, screen and (min-width: 64em) {
.issue-banner__button {
right: -100px;
}
}
@media screen and (min-width: 75em) {
.issue-banner__button {
right: -130px;
}
}
.issue-banner__button:not(:hover) {
background: #fff;
color: #000;
}
.issue-banner__button svg {
display: block;
}
.issue-banner__button span + span {
margin-left: 1.25rem;
}
.issue-banner__cover-wrap {
position: relative;
margin-bottom: -40px;
margin-right: 2rem;
width: auto;
}
@media print, screen and (min-width: 40em) {
.issue-banner__cover-wrap {
margin-top: -1rem;
margin-right: 4rem;
margin-bottom: -60px;
}
}
@media print, screen and (min-width: 64em) {
.issue-banner__cover-wrap {
margin-right: 0;
margin-top: -110px;
margin-bottom: 0;
margin-bottom: -110px;
}
}
.issue-banner__cover {
display: block;
position: relative;
z-index: 4;
-webkit-filter: drop-shadow(20px 18px 36px rgba(0, 0, 0, 0.35));
filter: drop-shadow(20px 18px 36px rgba(0, 0, 0, 0.35));
transform: rotate(-8deg);
transform-origin: left top;
}
@media print, screen and (min-width: 64em) {
.issue-banner__cover {
transform: none;
}
}
.issue-banner__cover-ghost {
position: absolute;
width: 83.3333333333%;
opacity: 0.17;
display: none;
}
@media print, screen and (min-width: 64em) {
.issue-banner__cover-ghost {
display: block;
}
}
.issue-banner__cover-ghost--1 {
z-index: 1;
top: -11.6279069767%;
left: 33.3333333333%;
transform-origin: left top;
transform: rotate(11.7deg);
-webkit-filter: grayscale(1) blur(2px)
drop-shadow(26px 34px 37px rgba(0, 0, 0, 0.29));
filter: grayscale(1) blur(2px)
drop-shadow(26px 34px 37px rgba(0, 0, 0, 0.29));
}
.issue-banner__cover-ghost--2 {
z-index: 2;
top: 17.4418604651%;
left: -9.7222222222%;
transform-origin: left top;
transform: rotate(-9.6deg);
-webkit-filter: grayscale(1) blur(1px)
drop-shadow(26px 34px 37px rgba(0, 0, 0, 0.29));
filter: grayscale(1) blur(1px)
drop-shadow(26px 34px 37px rgba(0, 0, 0, 0.29));
}
.issue-banner__heading {
font-size: 1.875rem;
font-weight: 100;
}
.issue-banner__links {
font-size: 0.6875rem;
font-weight: 700;
margin-left: -1rem;
margin-right: -1rem;
text-transform: uppercase;
}
@media print, screen and (min-width: 40em) {
.issue-banner__links {
margin-bottom: 2rem;
}
}
@media print, screen and (min-width: 64em) {
.issue-banner__links {
margin-bottom: 0;
margin-top: auto;
}
}
.issue-banner__link {
margin: 0 1rem;
display: inline-block;
}
.issue-banner__link:not(:hover) {
color: inherit;
}
.issue-banner__articles {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 0.8125rem;
}
.issue-banner__article {
margin-bottom: 0.5rem;
}
.issue-banner__article:last-child {
margin-bottom: 0;
}
.issue-banner__article-link:not(:hover) {
color: inherit;
}
.sidebar__title {
font-size: 2rem;
font-weight: 300;
}
.meet-banner {
background: #1f1f1f;
color: #fff;
max-width: 940px;
position: relative;
z-index: 5;
padding: 2rem 1.5rem;
margin-bottom: 4rem;
align-items: center;
text-align: left;
}
.dark-bg .meet-banner {
background: #111;
}
@media print, screen and (min-width: 40em) {
.meet-banner {
margin-bottom: 200px;
padding: 3rem;
display: flex;
}
}
@media print, screen and (min-width: 64em) {
.meet-banner {
padding: 3rem 80px;
}
}
.meet-banner__heading {
flex: 0 0 auto;
}
@media print, screen and (min-width: 64em) {
.meet-banner__heading {
margin-right: 80px;
}
}
.meet-banner__title {
font-weight: 700;
font-size: 3.125rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
.meet-banner__title {
margin-bottom: 0;
font-size: 4.875rem;
}
}
.meet-banner__actions {
flex: 1;
display: flex;
justify-content: space-around;
margin: 0 -0.5rem;
}
@media print, screen and (min-width: 40em) {
.meet-banner__actions {
padding-left: 2rem;
}
}
@media print, screen and (min-width: 64em) {
.meet-banner__actions {
padding-left: 0;
}
}
.meet-banner__link-wrap {
padding: 0 0.5rem;
}
.meet-banner__link {
display: flex;
align-items: center;
font-size: 1rem;
font-family: "Spartan", sans-serif;
flex: 0 0 auto;
line-height: 1.09;
}
@media print, screen and (min-width: 64em) {
.meet-banner__link {
font-size: 1.125rem;
}
}
.meet-banner__link:not(:hover) {
color: inherit;
}
.meet-banner__link span {
display: block;
}
.meet-banner__link .icon {
margin-left: 0.5rem;
}
@media print, screen and (min-width: 40em) {
.meet-banner__link .icon {
margin-left: 1.5rem;
}
}
.meet-banner__link .icon svg {
width: 21px;
height: auto;
display: block;
}
.issue {
margin-bottom: 2rem;
}
.issue__cover {
margin-bottom: 0.5rem;
}
.issue__links {
margin-bottom: 1rem;
font-weight: 300;
font-size: 1.2rem;
}
@media print, screen and (min-width: 40em) {
.issue__links {
text-align: center;
margin-bottom: 0;
}
}
.issue__links p {
margin-bottom: 0;
}
.issue__links a:not(:hover) {
color: inherit;
}
.issue__title {
font-size: 1.5rem;
margin-bottom: 0.5em;
}
@media print, screen and (min-width: 64em) {
.issue__title {
font-size: 2rem;
}
}
.issue__articles {
list-style: none;
margin: 0;
padding: 0 0 0 1rem;
}
.issue__article {
list-style: none;
}
.issue__article-link {
font-weight: 300;
font-size: 1.2rem;
}
.issue__article-link:not(:hover) {
color: inherit;
}
.news-tile {
color: rgba(0, 0, 0, 0.7);
margin-bottom: 2px;
}
@media print, screen and (min-width: 40em) {
.news-tile {
margin-bottom: 10px;
}
}
.dark-bg .news-tile {
color: rgba(255, 255, 255, 0.4);
}
.light-bg .news-tile {
color: rgba(0, 0, 0, 0.7);
}
@media print, screen and (min-width: 40em) {
.news-tile:last-child:not(:only-child) {
margin-bottom: 0;
}
}
@media print, screen and (min-width: 40em) {
.cell:last-child > .news-tile {
margin-bottom: 0;
}
} @media print, screen and (min-width: 40em) {
.news-tile:not(.news-tile--bg) .news-tile__photo-bg {
background: none !important;
}
}
@media print, screen and (max-width: 39.99875em) {
.news-tile:not(.news-tile--bg) .news-tile__photo-bg img { }
}
.news-tile--visited {
opacity: 0.8;
}
.news-tile--bg {
color: #fff;
position: relative;
}
.news-tile--bg:before {
content: "";
display: block;
width: 100%;
padding-bottom: 75%;
}
.news-tile--bg:hover .news-tile__photo-bg {
transform: scale(1.05);
}
.news-tile--bg .news-tile__content,
.news-tile--bg .news-tile__photo {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.news-tile--bg .news-tile__content {
background: rgba(31, 31, 31, 0.4);
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0.75rem;
color: inherit;
}
@media print, screen and (min-width: 40em) {
.news-tile--bg .news-tile__content {
padding: 1rem;
}
}
.news-tile--bg .news-tile__content:hover {
background: rgba(31, 31, 31, 0.15);
}
.news-tile--bg .news-tile__content > * {
width: 100%;
}
.news-tile--bg .news-tile__title,
.news-tile--bg .ad--text .ad__text,
.ad--text .news-tile--bg .ad__text {
color: inherit;
}
.news-tile--bg .news-tile__photo {
z-index: 1;
margin-bottom: 0;
}
.news-tile--bg .news-tile__photo img {
display: none;
}
.news-tile--bg .news-tile__tag {
border-bottom: 2px solid;
}
@media print, screen and (max-width: 39.99875em) {
.news-tile--bg .news-tile__tag {
font-size: 0.625rem;
}
}
.news-tile--side,
.news-tile--side-large {
display: flex;
margin-bottom: 2px;
}
@media print, screen and (min-width: 40em) {
.news-tile--side,
.news-tile--side-large {
margin-bottom: 0;
margin-left: -10px;
margin-right: -10px;
}
}
.news-tile--side .news-tile__photo {
flex: 0 0 45%;
width: 45%;
padding: 0 10px;
margin-bottom: 0;
align-self: flex-start;
}
.news-tile--side .news-tile__content,
.news-tile--side-large .news-tile__content {
flex: 1;
}
@media print, screen and (min-width: 40em) {
.news-tile--side .news-tile__content,
.news-tile--side-large .news-tile__content {
padding: 0 10px;
}
}
.news-tile--side .news-tile__excerpt,
.news-tile--side-large .news-tile__excerpt {
font-size: 0.8125rem;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.news-tile--side .news-tile__excerpt,
.news-tile--side-large .news-tile__excerpt {
display: none;
}
}
.news-tile--side-large .news-tile__photo {
flex: 0 0 57%;
width: 57%;
padding: 0 10px;
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.news-tile--side-large .news-tile__photo {
flex: 0 0 75%;
width: 75%;
}
}
.news-tile--side-large .news-tile__content {
background: #fff;
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
}
@media print, screen and (min-width: 40em) {
.news-tile--side-large .news-tile__content {
margin-bottom: 2rem;
margin-top: 2rem;
margin-left: -80px;
padding: 1rem 1rem 1rem 2rem;
}
}
body.dark-bg .news-tile--side-large .news-tile__content {
background: #1f1f1f;
color: #fff;
}
.news-tile--mini {
margin-bottom: 1rem;
}
.news-tile--mini .news-tile__meta {
margin-bottom: 0.25rem;
}
.news-tile--large,
.news-tile--side-large {
color: #5b5b5b !important;
}
@media print, screen and (max-width: 39.99875em) {
.news-tile--large .news-tile__photo {
margin-bottom: 0;
}
}
.news-tile--large .news-tile__content {
width: 85%;
max-width: 380px;
background: #fff;
margin-top: -79px;
position: relative;
z-index: 5;
padding: 1rem 1rem 0.5rem;
}
@media print, screen and (max-width: 39.99875em) {
.news-tile--large .news-tile__content {
padding: 0.5rem 0.5rem 0.5rem 1rem;
width: 100%;
max-width: none;
margin-top: 0;
}
}
body.dark-bg .news-tile--large .news-tile__content {
background: #1f1f1f;
color: #fff;
}
.news-tile--large .news-tile__title,
.news-tile--large .ad--text .ad__text,
.ad--text .news-tile--large .ad__text,
.news-tile--side-large .news-tile__title,
.news-tile--side-large .ad--text .ad__text,
.ad--text .news-tile--side-large .ad__text {
color: #252525 !important;
}
body.dark-bg .news-tile--large .news-tile__title,
body.dark-bg .news-tile--large .ad--text .ad__text,
.ad--text body.dark-bg .news-tile--large .ad__text,
body.dark-bg .news-tile--side-large .news-tile__title,
body.dark-bg .news-tile--side-large .ad--text .ad__text,
.ad--text body.dark-bg .news-tile--side-large .ad__text {
color: #fff !important;
}
.news-tile__title,
.ad--text .ad__text {
font-size: 0.875rem;
line-height: 1.3;
color: #252525;
font-family: "Spartan", sans-serif;
}
@media print, screen and (min-width: 64em) {
.news-tile__title,
.ad--text .ad__text {
font-size: 1.0625rem;
}
}
.dark-bg .news-tile__title,
.dark-bg .ad--text .ad__text,
.ad--text .dark-bg .ad__text {
color: #fff;
}
.light-bg .news-tile__title,
.light-bg .ad--text .ad__text,
.ad--text .light-bg .ad__text {
color: #252525;
}
.news-tile__title:last-child,
.ad--text .ad__text:last-child {
margin-bottom: 0;
}
.news-tile__title a:not(:hover),
.ad--text .ad__text a:not(:hover) {
color: inherit;
}
.news-tile__photo {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
overflow: hidden;
}
.news-tile__photo:hover .news-tile__photo-bg {
transform: scale(1.05);
}
.news-tile__photo img {
width: 100%;
}
.news-tile__photo-wrap {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.news-tile__photo-bg {
width: 100%;
flex: 1;
background-size: cover;
background-position: center center;
transition: transform 0.3s ease-out;
}
.news-tile__content {
z-index: 10;
}
@media print, screen and (max-width: 39.99875em) {
.news-tile__content {
width: 100%;
}
}
.news-tile__meta {
margin: 0 -0.25rem 0.5rem;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.news-tile__tags {
display: flex;
width: auto !important;
flex-wrap: wrap;
text-transform: lowercase;
flex: 1;
}
.news-tile__tag {
display: block;
white-space: nowrap;
margin: 0 0.25rem;
font-size: 0.8rem;
font-weight: 600;
color: inherit;
}
.news-tile__labels {
flex: 0 0 auto;
}
.news-tile__label {
display: block;
margin: 0 0.25rem;
font-size: 0.5625rem;
text-transform: uppercase;
padding: 0.25em;
font-weight: 700;
color: #000;
line-height: 1;
}
.news-tile__label.dark-bg {
color: #fff;
}
.news-tile__excerpt {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.dark-bg .news-tile__excerpt {
color: #fff;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
.news-tile__excerpt {
font-size: 0.75rem;
}
}
.news-tile__excerpt p:last-child {
margin-bottom: 0;
}
.news-tile__date {
font-size: 0.625rem;
font-weight: 500;
margin-top: 0.25rem;
}
@media print, screen and (max-width: 39.99875em) {
.news-color-box {
background: none !important;
}
}
@media print, screen and (min-width: 40em) {
.news-color-box {
padding: 10px;
margin: -10px -10px 10px;
}
.news-color-box--dark {
color: #fff;
}
.news-color-box--light {
color: #252525;
}
.news-color-box .news-tile,
.news-color-box .news-tile__title,
.news-color-box .ad--text .ad__text,
.ad--text .news-color-box .ad__text,
.news-color-box .news-tile__excerpt {
color: inherit;
}
}
.footer {
background: #1f1f1f;
overflow: hidden;
}
@media print, screen and (min-width: 40em) {
.footer {
background: none;
}
}
@media print, screen and (min-width: 64em) {
.footer__left-cell {
flex: 0 0 30% !important;
width: 30% !important;
}
}
@media print, screen and (min-width: 64em) {
.footer__right-cell {
flex: 1 !important;
width: auto !important;
margin-left: 200px;
}
}
.footer__left {
text-align: right;
display: flex;
flex-wrap: wrap;
color: #fff;
padding: 4rem 10px 3rem;
margin-left: -10px;
margin-right: -10px;
align-items: center;
}
@media print, screen and (min-width: 40em) {
.footer__left {
margin: 0;
color: inherit;
padding: 0 0 2rem;
background: none;
}
}
@media print, screen and (min-width: 64em) {
.footer__left {
padding: 0;
padding-top: 70px;
display: block;
}
}
.footer__heading {
max-width: 100px;
font-family: "Spartan", sans-serif;
font-weight: 100;
font-size: 1.4375rem;
line-height: 1.2;
padding-right: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.footer__heading {
font-size: 2.9375rem;
width: 33.3333333333%;
max-width: none;
margin-bottom: 1rem;
}
}
@media print, screen and (min-width: 64em) {
.footer__heading {
margin-bottom: 3rem;
margin-left: auto;
padding-right: 0;
max-width: 250px;
width: auto;
}
}
.footer__subtitle {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.75rem;
}
.footer__subtitle--uppercase {
text-transform: uppercase;
}
.footer__logo {
flex: 0 0 auto;
-webkit-filter: invert(1);
filter: invert(1);
margin-left: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.footer__logo {
margin-left: 0;
margin-bottom: 2rem;
-webkit-filter: none;
filter: none;
}
}
.footer__logo img {
display: inline-block;
width: 170px;
}
@media print, screen and (min-width: 40em) {
.footer__logo img {
width: auto;
}
}
@media print, screen and (min-width: 40em) {
.dark-bg .footer__logo img {
-webkit-filter: invert(1);
filter: invert(1);
}
}
.footer__social {
display: flex;
justify-content: flex-end;
align-items: center;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-top: 0.5rem;
flex: 1;
}
@media print, screen and (min-width: 40em) {
.footer__social {
margin-top: 0;
flex: 0 0 66.6666666667%;
margin-left: auto;
margin-right: 0;
justify-content: flex-start;
}
}
@media print, screen and (min-width: 64em) {
.footer__social {
margin-left: 0;
justify-content: flex-end;
margin-right: -0.5rem;
}
}
.footer__social .social__link {
margin: 0 0.5rem;
flex: 1;
}
.footer__right {
background: #1f1f1f;
color: #fff;
margin-right: -10px;
padding-right: 10px;
margin-left: -10px;
padding-left: 10px;
}
@media print, screen and (min-width: 40em) {
.footer__right {
padding-bottom: 50px;
padding-top: 70px;
}
}
@media print, screen and (min-width: 64em) {
.footer__right {
padding-left: 100px;
margin-left: -100px;
}
}
@media screen and (min-width: 85em) {
.footer__right {
margin-right: calc((1360px - 100vw) / 2 - 10px);
padding-right: calc(-1 * (1360px - 100vw) / 2 + 10px);
}
}
.dark-bg .footer__right {
background: #111;
}
.footer__left-nav {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media print, screen and (min-width: 40em) {
.footer__left-nav {
max-width: 200px;
}
}
.footer .news-tile {
background: none !important;
}
@media print, screen and (max-width: 39.99875em) {
.footer .news-tile {
padding-bottom: 0.5rem !important;
}
}
body .footer#site-footer .news-tile__content {
padding: 0 !important;
}
.footer .news-tile__title,
.footer .ad--text .ad__text,
.ad--text .footer .ad__text {
font-size: 0.75rem;
}
.footer__menu {
display: block;
color: #616161;
margin: 0 0 2rem;
padding: 0;
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 700;
}
@media print, screen and (min-width: 40em) {
.footer__menu {
margin: 0 0 50px;
}
}
.footer__menu li {
margin-bottom: 1em;
}
.footer__menu li:last-child {
margin-bottom: 0;
}
.footer__menu a {
padding: 0;
}
.footer__menu a:not(:hover) {
color: inherit;
}
.footer__posts {
margin-bottom: auto;
order: 3;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.footer__posts {
margin-bottom: 0;
order: 1;
}
}
.footer__ctas {
order: 1;
display: flex;
align-items: center;
flex: 0 0 auto !important;
margin-left: -10px;
margin-right: -10px;
background: #252525;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.footer__ctas {
margin-bottom: 0;
background: none;
margin-left: 0;
margin-right: 0;
order: 2;
display: block;
margin-top: 2rem;
}
}
.footer__cta {
flex: 1 1 auto;
text-align: right;
}
@media print, screen and (min-width: 64em) {
.footer__cta--stretch {
margin-left: -160px;
}
}
.footer__cta-button {
margin-left: auto;
font-size: 0.875rem;
font-weight: 400;
font-family: "Spartan", sans-serif;
align-items: center;
padding: 1rem 0.5rem;
margin-bottom: 0;
text-align: center;
width: 100%;
display: inline-block;
}
@media print, screen and (min-width: 40em) {
.footer__cta-button {
width: auto;
display: inline-flex;
margin-bottom: 1rem;
text-align: right;
}
}
@media print, screen and (min-width: 64em) {
.footer__cta-button {
padding: 1.75rem 1.5rem;
font-size: 1.125rem;
white-space: nowrap;
}
}
.footer__cta-button--inline {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.footer__cta-button--inline:not(:hover) {
color: inherit;
}
.footer__cta-button svg {
display: none;
width: 21px;
margin-left: 0.5rem;
}
@media print, screen and (min-width: 40em) {
.footer__cta-button svg {
display: block;
}
}
.footer__copy {
font-size: 0.8rem;
color: #909090;
background: #252525;
padding: 1rem 0;
line-height: 1.6;
}
@media print, screen and (min-width: 40em) {
.footer__copy {
color: #909090;
background: none;
padding: 60px 0;
}
}
.footer__copy--narrow {
padding: 1.5rem 0;
}
.footer__copy a:not(:hover) {
color: inherit;
}
.footer__img {
background: url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/tmp/footer-img.jpg) no-repeat center;
background-size: cover;
display: none;
}
@media print, screen and (min-width: 40em) {
.footer__img {
display: block;
margin-left: -10px;
}
}
@media print, screen and (min-width: 64em) {
.footer__img {
margin-top: -4rem;
margin-right: -200px;
}
}
@media screen and (min-width: 85em) {
.footer__img {
margin-left: calc((1360px - 100vw) / 2 - 10px);
}
}
.widget-magazyn {
background: #282828;
background-image: url(//milmag.pl/2021/wp-content/themes/milmag-2024/assets/img/logo-shape.png);
background-position: right -34px top -70px;
background-repeat: no-repeat;
color: #fff;
padding: 1.5rem 0.25rem 1.5rem 1.5rem;
display: flex;
margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn {
padding: 1rem 1rem 1rem 1rem;
margin-top: 0;
display: block;
}
}
@media print, screen and (min-width: 64em) {
.widget-magazyn {
padding: 2rem 1rem 1.5rem 2rem;
}
}
.widget-magazyn__image {
transform: rotate(-7.7deg);
flex: 0 0 auto;
margin-top: -40px;
margin-right: 1.5rem;
max-width: 30%;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn__image {
margin-bottom: 2rem;
margin-right: 0;
margin-top: 0;
max-width: none;
}
}
.widget-magazyn__image img {
box-shadow: 15px 20px 36px rgba(0, 0, 0, 0.45);
width: auto;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn__image img {
max-height: 200px;
}
}
.widget-magazyn__content {
align-self: center;
max-width: 200px;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn__content {
max-width: none;
}
}
.widget-magazyn__description {
font-size: 0.75rem;
margin-bottom: 1rem;
}
.widget-magazyn__description--mobile p:not(:first-child) {
display: none;
}
.widget-magazyn__links {
display: flex;
flex-wrap: wrap;
font-size: 0.625rem;
font-weight: 600;
font-family: "Spartan", sans-serif;
margin: 0 -0.5rem;
text-transform: uppercase;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn__links {
margin: 0 -0.75rem;
}
}
.widget-magazyn__link {
margin: 0 0.5rem;
display: inline-block;
}
@media print, screen and (min-width: 40em) {
.widget-magazyn__link {
margin: 0 0.75rem;
}
}
.widget-magazyn__link:not(:hover) {
color: inherit;
}
.home-intro {
background: #1f1f1f;
position: relative;
margin-bottom: 2rem;
}
.home-intro:after {
content: "";
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
background: linear-gradient(#1f1f1f, rgba(31, 31, 31, 0));
height: 20px;
display: none;
}
.home-intro__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
gap: 5px;
padding-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
.home-intro__grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media print, screen and (min-width: 64em) {
.home-intro__grid {
gap: 20px;
padding-bottom: 0;
grid-template-columns: 34.3629343629fr 24.7104247104fr 24.7104247104fr 16.2162162162fr;
grid-template-rows: repeat(12, 30px);
}
}
.home-intro__grid-tile {
margin: 0;
border: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
}
.home-intro__grid-tile > * {
width: 100%;
flex: 0 0 100%;
margin: 0 !important;
}
.home-intro__grid-tile:before {
content: "";
padding-bottom: 90%;
display: block;
width: 100%;
}
.home-intro__grid-tile .ad {
height: auto !important;
}
.home-intro__grid-tile .news-tile--bg:before {
display: none;
}
@media print, screen and (max-width: 63.99875em) {
.home-intro__grid-tile {
grid-area: auto !important;
}
.home-intro__grid-tile:nth-child(1) {
grid-area: 1/1 / span 1 / span 2 !important;
}
.home-intro__grid-tile:nth-child(1):before {
padding-bottom: 65%;
}
}
@media print, screen and (max-width: 63.99875em) {
.home-intro__grid-tile:nth-child(7),
.home-intro__grid-tile:nth-child(8),
.home-intro__grid-tile:nth-child(9) {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.home-intro__grid-tile:before {
display: none;
}
}
.home-intro__grid-tile.ad {
height: auto !important;
}
.text-page {
padding: 4rem 0;
}
@media print, screen and (min-width: 64em) {
.text-page {
padding: 120px 0;
}
}
.page-banner__wrap {
background: #1f1f1f;
color: #fff;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 120px;
}
.dark-bg .page-banner__wrap {
background: #111;
}
@media print, screen and (min-width: 64em) {
.page-banner__wrap {
padding-top: 0;
margin-left: 80px;
padding-left: 0;
padding-right: 80px;
}
}
@media screen and (min-width: 85em) {
.page-banner__wrap {
margin-right: calc((85rem - 100vw) / 2 - 10px);
padding-right: calc(-1 * ((85rem - 100vw) / 2 - 10px) + 80px);
}
}
@media print, screen and (max-width: 39.99875em) {
.page-banner--about .page-banner__wrap {
padding-top: 0;
}
}
@media print, screen and (min-width: 64em) {
.page-banner--full .page-banner__wrap {
margin-left: -10px;
padding-left: 10px;
}
}
@media screen and (min-width: 85em) {
.page-banner--full .page-banner__wrap {
margin-left: calc((85rem - 100vw) / 2 - 10px);
padding-left: calc(-1 * ((85rem - 100vw) / 2 - 10px) + 80px);
}
}
.contact-intro,
.team-intro {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 4rem;
margin-bottom: 3rem;
}
@media print, screen and (min-width: 40em) {
.contact-intro,
.team-intro {
padding-bottom: 100px;
margin-bottom: 170px;
}
}
.contact-intro__logo,
.team-intro__logo {
margin-bottom: 1.5rem;
max-width: 170px;
}
.contact-intro__title,
.team-intro__title {
font-size: 3.1875rem;
font-weight: 100;
line-height: 1.2;
margin-bottom: 3.5rem;
}
@media print, screen and (min-width: 40em) {
.contact-intro__title,
.team-intro__title {
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 64em) {
.contact-intro__title,
.team-intro__title {
font-size: 4.375rem;
}
}
.contact-intro__social,
.team-intro__social {
display: flex;
margin: 0 -10px 4rem;
}
@media print, screen and (min-width: 40em) {
.contact-intro__social,
.team-intro__social {
margin-bottom: 90px;
}
}
.contact-intro__social > div,
.team-intro__social > div {
padding: 0 10px;
}
.contact-intro__mobile-arrow,
.team-intro__mobile-arrow {
margin-bottom: 0.5rem;
}
.contact-intro__mobile-arrow a:not(:hover),
.team-intro__mobile-arrow a:not(:hover) {
color: inherit;
}
@media print, screen and (min-width: 40em) {
.contact-intro__mobile-arrow,
.team-intro__mobile-arrow {
display: none;
}
}
.contact-intro__nav,
.team-intro__nav {
display: flex;
margin: 0 -0.75rem;
font-weight: 500;
font-size: 1rem;
font-family: "Spartan", sans-serif;
align-items: center;
justify-content: space-between;
padding: 0.5rem 0;
white-space: nowrap;
overflow-x: auto;
}
@media print, screen and (min-width: 40em) {
.contact-intro__nav,
.team-intro__nav {
overflow-x: hidden;
padding: 0;
justify-content: flex-start;
font-size: 1.125rem;
margin: 0 -1rem;
}
}
@media print, screen and (max-width: 39.99875em) {
.contact-intro__nav.is-fixed,
.team-intro__nav.is-fixed {
position: fixed;
top: 38px;
left: 0;
right: 0;
padding-left: 20px;
padding-right: 20px;
background: #1f1f1f;
z-index: 105;
}
.has-ad-bar .contact-intro__nav.is-fixed,
.has-ad-bar .team-intro__nav.is-fixed {
top: 88px;
}
}
.contact-intro__nav-item,
.team-intro__nav-item {
padding: 0 0.75rem;
}
@media print, screen and (min-width: 40em) {
.contact-intro__nav-item,
.team-intro__nav-item {
padding: 0 1rem;
}
}
.contact-intro__nav-item--right,
.team-intro__nav-item--right {
margin-left: auto;
display: none;
}
@media print, screen and (min-width: 40em) {
.contact-intro__nav-item--right,
.team-intro__nav-item--right {
display: block;
}
}
.contact-intro__nav-item svg,
.team-intro__nav-item svg {
display: block;
}
.contact-intro__nav-item a,
.team-intro__nav-item a {
transition: color 0.3s ease-out;
}
.contact-intro__nav-item a:not(:hover),
.team-intro__nav-item a:not(:hover) {
color: inherit;
}
@media print, screen and (max-width: 39.99875em) {
.contact-intro__nav-item a.is-active,
.team-intro__nav-item a.is-active {
font-weight: 700;
}
}
.contact-intro__photo,
.team-intro__photo {
display: none;
}
@media print, screen and (min-width: 40em) {
.contact-intro__photo,
.team-intro__photo {
display: block;
}
}
@media print, screen and (min-width: 40em) {
.contact-intro__photo,
.team-intro__photo {
margin-bottom: -165px;
}
}
.contact-section {
color: #5b5b5b;
margin-bottom: 3rem;
padding-left: 3rem;
}
@media print, screen and (min-width: 40em) {
.contact-section {
padding-left: 0;
margin-bottom: 160px;
color: inherit;
}
}
.contact-section__wrap {
max-width: 980px;
position: relative;
}
.contact-section__wrap > * {
position: relative;
z-index: 2;
}
.contact-section--bg .contact-section__title,
.contact-section--bg .contact-section__subtitle {
color: inherit;
}
.contact-section--bg .contact-section__wrap {
color: #fff;
padding: 80px 0;
}
.contact-section--bg .contact-section__wrap:before {
content: "";
position: absolute;
top: 0;
left: -90px;
bottom: 0;
background: #ff7f17;
z-index: 1;
right: -10px;
}
@media print, screen and (min-width: 40em) {
.contact-section--bg .contact-section__wrap:before {
right: 0;
}
}
.contact-section__title {
font-weight: 200;
margin-bottom: 2rem;
font-size: 2.8125rem;
color: #252525;
}
@media print, screen and (min-width: 40em) {
.contact-section__title {
margin-bottom: 1rem;
font-size: 3.125rem;
}
}
@media print, screen and (min-width: 64em) {
.contact-section__title {
font-size: 3.8125rem;
}
}
.dark-bg .contact-section__title {
color: #fff;
}
.contact-section__groups--2col {
margin: 0 -10px;
display: flex;
flex-wrap: wrap;
}
.contact-section__groups--2col > .contact-section__group {
padding-left: 10px;
padding-right: 10px;
width: 100%;
flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
.contact-section__groups--2col > .contact-section__group {
width: 50%;
flex: 0 0 50%;
}
}
@media print, screen and (max-width: 63.99875em) {
.contact-section__groups--2col > .contact-section__group {
margin-bottom: 0;
}
}
.contact-section__group {
margin-bottom: 3rem;
}
@media print, screen and (min-width: 40em) {
.contact-section__group {
margin-bottom: 3.75rem;
}
}
.contact-section__group:last-child {
margin-bottom: 0;
}
.contact-section__subtitle {
font-size: 1.125rem;
margin-bottom: 1.25rem;
color: #252525;
}
@media print, screen and (min-width: 40em) {
.contact-section__subtitle {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
}
.dark-bg .contact-section__subtitle {
color: rgba(255, 255, 255, 0.8);
}
.about-intro {
min-height: calc(16 / 9 * 100vw - 134px);
text-align: center;
display: flex;
flex-direction: column;
padding: 3rem 0;
}
@media print, screen and (min-width: 40em) {
.about-intro {
min-height: calc(9 / 16 * 100vw - 134px);
}
}
.about-intro__logo {
padding: 3rem 0;
}
.about-intro__logo img {
width: 80%;
height: auto;
max-width: 720px;
}
.about-intro__heading {
font-weight: 200;
font-size: 2.4375rem;
flex: 0 0 auto;
}
.about-intro__spacer,
.about-intro__actions {
flex: 2 0 10px;
}
.about-intro__actions {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.about-intro__arrow svg {
height: 2rem;
}
.about-intro__arrow a:not(:hover) {
color: inherit;
}
.about-stats {
padding: 4rem 0;
}
@media print, screen and (min-width: 40em) {
.about-stats {
padding: 180px 40px;
}
}
@media print, screen and (min-width: 64em) {
.about-stats {
padding: 180px 0;
}
}
.about-stats__row {
margin-bottom: 100px;
}
@media print, screen and (min-width: 40em) {
.about-stats__row {
margin-bottom: 160px;
}
}
.about-stats__row:last-child {
margin-bottom: 0;
}
.about-stats__heading-wrap {
font-size: 2rem;
}
@media print, screen and (min-width: 40em) {
.about-stats__heading-wrap {
font-size: 4rem;
font-size: 3rem;
}
}
@media print, screen and (min-width: 64em) {
.about-stats__heading-wrap {
font-size: 4.875rem;
}
}
.about-stats__row:nth-child(1) .about-stats__heading-wrap {
text-align: center;
margin-left: 1.5em;
}
.about-stats__row:nth-child(3) .about-stats__heading-wrap {
margin-left: 0.25em;
}
@media print, screen and (min-width: 40em) {
.about-stats__row:nth-child(3) .about-stats__heading-wrap {
margin-left: 0.5em;
}
}
@media print, screen and (min-width: 64em) {
.about-stats__row:nth-child(3) .about-stats__heading-wrap {
margin-left: 1em;
}
}
.about-stats__row:nth-child(4) .about-stats__heading-wrap {
margin-left: 0.5em;
}
@media print, screen and (min-width: 40em) {
.about-stats__row:nth-child(4) .about-stats__heading-wrap {
margin-left: 1em;
}
}
@media print, screen and (min-width: 64em) {
.about-stats__row:nth-child(4) .about-stats__heading-wrap {
margin-left: 1.3em;
}
}
.about-stats__heading {
position: relative;
display: inline-block;
}
.about-stats__heading-icon {
position: absolute;
z-index: 1;
left: -2rem;
top: -3rem;
transform: scale(0.75);
}
@media print, screen and (min-width: 40em) {
.about-stats__heading-icon {
transform: translateX(100%) scale(1);
right: -3rem;
bottom: 2rem;
left: auto;
top: auto;
}
}
.about-stats__row:nth-child(2) .about-stats__heading-icon {
right: 0rem;
top: -5rem;
bottom: auto;
left: auto;
transform: translateX(50%) scale(0.6);
}
@media print, screen and (min-width: 40em) {
.about-stats__row:nth-child(2) .about-stats__heading-icon {
transform: translateX(100%);
right: -3rem;
bottom: 2rem;
top: auto;
left: auto;
}
}
.about-stats__row:nth-child(3) .about-stats__heading-icon {
top: 120%;
left: auto;
right: -8rem;
bottom: auto;
transform: scale(0.6);
}
@media print, screen and (min-width: 40em) {
.about-stats__row:nth-child(3) .about-stats__heading-icon {
right: -2rem;
transform: translateX(50%);
top: -4rem;
bottom: auto;
}
}
@media print, screen and (min-width: 64em) {
.about-stats__row:nth-child(3) .about-stats__heading-icon {
transform: translateX(100%);
}
}
@media print, screen and (min-width: 40em) {
.about-stats__row:nth-child(4) .about-stats__heading-icon {
left: -1.75em;
transform: none;
right: auto;
bottom: auto;
top: -1.2em;
}
}
.about-stats__heading-icon img {
width: auto;
height: auto;
}
.about-stats__title {
font-family: "Spartan", sans-serif;
font-weight: 700;
font-size: inherit;
color: #1a1a1a;
line-height: 1.08;
margin-bottom: 0;
position: relative;
z-index: 5;
}
.dark-bg .about-stats__title {
color: #fff;
}
.about-stats__text {
font-family: "Spartan", sans-serif;
font-weight: 200;
color: dimgray;
line-height: 1.08;
padding-left: 2rem;
position: relative;
z-index: 5;
font-size: 1.5rem;
}
@media print, screen and (min-width: 40em) {
.about-stats__text {
font-size: 2rem;
padding-left: 80px;
}
}
@media print, screen and (min-width: 64em) {
.about-stats__text {
padding-left: 200px;
font-size: 2.4375rem;
}
}
.about-stats__text span {
display: block;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
.about-stats__text span {
margin-bottom: 0;
}
}
.about-stats__text span:not(:first-child) {
margin-left: 1em;
}
.about-experience {
background: #ff7f17;
color: #fff;
padding: 4rem 0 0;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.about-experience {
margin-bottom: 140px;
}
}
@media print, screen and (min-width: 64em) {
.about-experience {
padding: 2rem 3rem;
}
}
.about-experience__tiles {
align-items: center;
}
@media print, screen and (min-width: 40em) {
.about-experience__tiles {
margin-left: -0.5rem;
margin-right: -0.5rem;
display: flex;
margin-top: -4.75rem;
margin-bottom: -3.5rem;
}
}
@media print, screen and (min-width: 64em) {
.about-experience__tiles {
margin-left: -1rem;
margin-right: -1rem;
}
}
.about-experience__tiles-col {
display: flex;
flex-direction: column;
flex: 1;
}
@media print, screen and (min-width: 40em) {
.about-experience__tiles-col {
padding: 0 0.5rem;
margin-top: -1rem;
margin-bottom: -1rem;
}
}
@media print, screen and (min-width: 64em) {
.about-experience__tiles-col {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
padding: 0 1rem;
}
}
.about-experience__tile {
margin: 0 0 1rem;
background: #fff;
color: #535353;
padding: 2rem 0.5rem;
box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: flex-start;
}
@media print, screen and (min-width: 40em) {
.about-experience__tile {
justify-content: center;
padding: 2rem 1rem;
min-height: 270px;
flex-direction: column;
margin: 1rem 0;
text-align: center;
}
}
@media print, screen and (min-width: 64em) {
.about-experience__tile {
padding: 3rem 1rem;
margin: 1.5rem 0;
}
}
.about-experience__tile-icon {
flex: 0 0 50%;
width: 50%;
text-align: center;
}
@media print, screen and (min-width: 40em) {
.about-experience__tile-icon {
margin-bottom: 1.2rem;
width: auto;
flex: 0 0 auto;
}
}
.about-experience__tile-text {
max-width: 100px;
flex: 0 0 50%;
width: 50%;
}
@media print, screen and (min-width: 40em) {
.about-experience__tile-text {
width: auto;
flex: 0 0 auto;
}
}
.about-experience__content {
max-width: 720px;
margin-bottom: 4rem;
}
@media print, screen and (min-width: 64em) {
.about-experience__content {
margin-bottom: 0;
padding-left: 4rem;
}
}
.about-experience__subtitle {
font-size: 1.125rem;
font-weight: 700;
}
@media print, screen and (min-width: 64em) {
.about-experience__subtitle {
font-size: 1.5rem;
}
}
.about-experience__title {
font-weight: 200;
font-size: 2.8125rem;
margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
.about-experience__title {
font-size: 4.875rem;
}
}
.about-text {
margin-bottom: 4rem;
}
@media print, screen and (min-width: 40em) {
.about-text {
margin-bottom: 130px;
}
}
.about-text__content {
font-size: 1.0625rem;
max-width: 400px;
margin: 0 auto;
}
.about-text__photos {
display: flex;
margin: 0 -1rem;
align-items: center;
}
@media print, screen and (min-width: 64em) {
.about-text__photos {
margin: 0 -2rem;
}
}
.about-text__photos-col {
padding: 0 1rem;
width: 42%;
flex: 0 0 42%;
margin-top: -30px;
margin-bottom: -30px;
}
@media print, screen and (min-width: 64em) {
.about-text__photos-col {
padding: 0 2rem;
}
}
.about-text__photos-col--wide {
width: 58%;
flex: 0 0 58%;
}
.about-text__photos-col--wide .about-text__photo {
padding-left: 30%;
}
.about-text__photos-col--wide .about-text__photo:first-child {
padding-left: 0;
}
.about-text__photo {
padding: 30px 0;
}
.team-intro {
max-width: none;
padding-bottom: 40px;
}
.team-intro__photo {
margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
.team-intro__photo {
margin-left: -82px;
}
}
.team-intro__title {
margin-bottom: 120px;
}
@media print, screen and (min-width: 40em) {
.team-section {
margin-bottom: 4rem;
}
}
@media print, screen and (min-width: 64em) {
.team-section {
margin-bottom: 120px;
}
}
@media print, screen and (min-width: 64em) {
.team-section__wrap {
padding: 0 90px;
}
}
.team-section__title {
font-size: 1.1875rem;
color: #8e8e8e;
letter-spacing: 0.354em;
text-transform: uppercase;
transform: rotate(90deg) translateY(-100%);
transform-origin: 0 0;
line-height: 1;
display: none;
}
@media print, screen and (min-width: 40em) {
.team-section__title {
display: block;
}
}
.dark-bg .team-section__title {
color: rgba(255, 255, 255, 0.5);
}
@media print, screen and (min-width: 40em) {
.team-section__members {
padding: 0 3rem;
}
}
.team-section--layout_3 .team-section__members {
padding-top: 50px;
}
@media print, screen and (min-width: 40em) {
.team-section--layout_3 .cell:first-child {
padding-bottom: 30px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_3 .cell.medium-4 {
max-width: 330px;
}
.team-section--layout_3 .cell.medium-4:nth-child(3n-1) {
padding-top: 2rem;
}
.team-section--layout_3 .cell.medium-4:nth-child(3n + 0) {
padding-top: 110px;
}
}
@media print, screen and (min-width: 64em) {
.team-section--layout_4 .team-section__members--wide {
margin-left: -90px;
margin-right: -90px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.team-member--layout_1 {
margin-bottom: 70px;
}
}
@media print, screen and (min-width: 64em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.team-member--layout_1 {
position: relative;
right: -80px;
}
}
@media screen and (min-width: 75em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.team-member--layout_1 {
right: -120px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.medium-7
.team-member {
margin-left: 3rem;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.medium-7
.team-member__photo {
max-width: 340px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.left
.medium-7
.team-member__description {
max-width: 340px;
font-size: 1.125rem;
}
}
.team-section--layout_4
.team-section__members--wide
.cell.right
.team-member--layout_3 {
position: relative;
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.right
.team-member--layout_3 {
right: -100px;
margin-top: 70px;
margin-bottom: 70px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4
.team-section__members--wide
.cell.right
.team-member--layout_1 {
margin-bottom: 70px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4 .cell.medium-4 {
max-width: 330px;
}
.team-section--layout_4 .cell.medium-4:nth-child(3n + 1) {
padding-top: 2rem;
}
.team-section--layout_4 .cell.medium-4:nth-child(3n + 2) {
padding-top: 110px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_4 .team-member__description {
font-size: 0.875rem;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_5 .team-section__members {
padding-top: 0px;
}
}
@media print, screen and (min-width: 40em) and (min-width: 64em) {
.team-section--layout_5 .team-section__members {
padding-top: 80px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_5 .team-section__members .team-member {
margin-left: 0;
margin-right: 0;
}
.team-section--layout_5 .team-section__members .team-member__description {
font-size: 0.875rem;
}
}
@media print, screen and (min-width: 64em) {
.team-section--layout_5 .team-section__members--wide {
margin-left: -90px;
margin-right: -90px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_5 .team-section__members .cell.left-1 .team-member,
.team-section--layout_5 .team-section__members .cell.left-2 .team-member {
margin-bottom: 4rem;
}
.team-section--layout_5 .team-section__members .cell.left-1 {
padding-top: 100px;
}
}
@media print, screen and (min-width: 40em) and (min-width: 64em) {
.team-section--layout_5 .team-section__members .cell.left-1 {
padding-top: 270px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_5 .team-section__members .cell.left-2 {
padding-top: 50px;
}
}
@media print, screen and (min-width: 40em) and (min-width: 64em) {
.team-section--layout_5 .team-section__members .cell.left-2 {
padding-top: 150px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_5
.team-section__members
.cell.right
.team-member--layout_4,
.team-section--layout_5
.team-section__members
.cell.right
.team-member--layout_2 {
margin: 0 0 4rem;
padding: 0;
max-width: 560px;
}
.team-section--layout_5
.team-section__members
.cell.right
.team-member--layout_4
.team-member__photo,
.team-section--layout_5
.team-section__members
.cell.right
.team-member--layout_2
.team-member__photo {
max-width: 260px;
padding: 0 !important;
}
.team-section--layout_5
.team-section__members
.cell.right
.team-member--layout_1
.team-member__content {
margin-left: 2rem;
}
.team-section--layout_5
.team-section__members
.cell.right
.medium-7
.team-member {
margin-bottom: 3rem;
}
.team-section--layout_5
.team-section__members
.cell.right
.medium-7
.team-member__photo,
.team-section--layout_5
.team-section__members
.cell.right
.medium-7
.team-member__description {
max-width: 340px;
}
}
@media print, screen and (min-width: 40em) {
.team-section--layout_1 .team-section__members {
padding-top: 100px;
}
}
.team-member {
color: #252525;
}
.dark-bg .team-member {
color: rgba(255, 255, 255, 0.9);
}
.team-member__photo {
margin-bottom: 0.5rem;
}
.team-member__name {
font-size: 1.3125rem;
}
@media print, screen and (min-width: 64em) {
.team-member__name {
font-size: 1.6875rem;
}
}
.team-member__position {
font-size: 0.75rem;
color: #5b5b5b;
}
.dark-bg .team-member__position {
color: rgba(255, 255, 255, 0.6);
}
.team-member__description {
font-size: 1rem;
color: #5b5b5b;
}
@media print, screen and (min-width: 40em) {
.team-member__description {
font-size: 1.125rem;
}
}
.dark-bg .team-member__description {
color: rgba(255, 255, 255, 0.6);
}
.team-member__link {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
}
.team-member__link:not(:hover) {
color: inherit;
}
@media print, screen and (min-width: 40em) {
.team-member--layout_1,
.team-member--layout_2,
.team-member--layout_4 {
margin: 0 auto;
display: flex;
justify-content: space-between;
max-width: 900px;
align-items: center;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_1 .team-member__content {
flex: 0 1 340px;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_1 .team-member__photo {
margin-left: auto;
margin-right: auto;
padding-right: 1rem;
padding-left: 1rem;
flex: 0 1 372px;
}
}
@media print, screen and (min-width: 64em) {
.team-member--layout_1 .team-member__photo {
padding-right: 2rem;
padding-left: 2rem;
flex: 0 1 404px;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_2 .team-member__content {
order: 1;
margin-right: 1rem;
flex: 0 1 400px;
}
}
@media print, screen and (min-width: 64em) {
.team-member--layout_2 .team-member__content {
margin-right: 2rem;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_2 .team-member__photo {
flex: 0 1 340px;
order: 2;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_3 .team-member__photo {
max-width: 245px;
margin-bottom: 2rem;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_3 .team-member__description {
max-width: 280px;
font-size: 0.875rem;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_4 .team-member__content {
margin-left: 1rem;
flex: 0 1 400px;
}
}
@media print, screen and (min-width: 64em) {
.team-member--layout_4 .team-member__content {
margin-left: 2rem;
}
}
@media print, screen and (min-width: 40em) {
.team-member--layout_4 .team-member__photo {
flex: 0 1 340px;
}
}
.category-intro {
background: #1f1f1f;
margin-bottom: 1.5rem;
}
.category-intro__heading {
display: flex;
flex-direction: column;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.category-intro__heading {
flex-wrap: nowrap;
align-items: center;
flex-direction: row;
}
}
.category-intro__heading * {
margin-bottom: 0;
}
.category-intro__heading .section__title {
margin-right: 1rem;
}
.category-intro__button {
text-transform: uppercase;
}
@media print, screen and (max-width: 39.99875em) {
.category-intro__button {
width: auto;
margin: 0 -10px;
}
}
.category-intro__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
gap: 5px;
padding-bottom: 10px;
}
@media print, screen and (min-width: 40em) {
.category-intro__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media print, screen and (min-width: 64em) {
.category-intro__grid {
gap: 20px;
padding-bottom: 0;
grid-template-columns: 33.8403041825fr 41.825095057fr 24.3346007605fr;
grid-template-rows: repeat(12, 30px);
}
}
.category-intro__grid-tile {
margin: 0;
border: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
}
.category-intro__grid-tile > * {
width: 100%;
flex: 0 0 100%;
margin: 0 !important;
}
.category-intro__grid-tile:before {
content: "";
padding-bottom: 90%;
display: block;
width: 100%;
}
.category-intro__grid-tile .ad {
height: auto !important;
}
.category-intro__grid-tile .news-tile--bg:before {
display: none;
}
@media print, screen and (max-width: 63.99875em) {
.category-intro__grid-tile {
grid-area: auto !important;
}
.category-intro__grid-tile:nth-child(7),
.category-intro__grid-tile:nth-child(8),
.category-intro__grid-tile:nth-child(9) {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.category-intro__grid-tile:nth-child(1) {
grid-area: 1/1 / span 6 / span 1;
}
.category-intro__grid-tile:nth-child(2) {
grid-area: 7/1 / span 6 / span 1;
}
.category-intro__grid-tile:nth-child(3) {
grid-area: 1/2 / span 12 / span 1;
}
.category-intro__grid-tile:nth-child(4) {
grid-area: 1/3 / span 4 / span 1;
}
.category-intro__grid-tile:nth-child(5) {
grid-area: auto/3/span 4 / span 1;
}
.category-intro__grid-tile:nth-child(6) {
grid-area: auto/3/span 4 / span 1;
}
}
.category-intro__grid-tile.ad {
height: auto !important;
}
.subcategory-intro {
background: #1f1f1f;
color: #fff;
margin-bottom: 1.5rem;
}
.subcategory-intro .news-tile--side-large .news-tile__content {
background: #1f1f1f;
}
.subcategory-intro .news-tile--side-large .news-tile__content .news-tile__title,
.subcategory-intro
.news-tile--side-large
.news-tile__content
.ad--text
.ad__text,
.ad--text
.subcategory-intro
.news-tile--side-large
.news-tile__content
.ad__text {
color: #fff !important;
}
.archive__all-posts {
padding: 1rem 0;
margin-top: 1rem;
background: #1f1f1f;
color: #fff;
margin-bottom: 4rem;
}
@media print, screen and (min-width: 40em) {
.archive__all-posts {
margin-bottom: 160px;
}
}
.archive__all-posts .news-tile__excerpt {
font-size: 0.8125rem;
}
.archive__all-posts .section__heading {
flex: 0 0 auto;
}
.archive__all-posts-title {
margin-bottom: 2rem;
}
.archive__subcategory-title {
font-weight: 300;
}
.category-intro-tile .news-tile__title,
.category-intro-tile .ad--text .ad__text,
.ad--text .category-intro-tile .ad__text {
font-weight: 300;
line-height: 1.15;
}
@media print, screen and (min-width: 40em) {
.category-intro-tile .news-tile__title,
.category-intro-tile .ad--text .ad__text,
.ad--text .category-intro-tile .ad__text {
font-size: 2.1875rem;
}
}
.category-intro-tile .news-tile__photo {
flex: 0 0 66%;
width: 66%;
}
.mobile-posts__btn {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.5625rem;
font-weight: 700;
font-family: "Spartan", sans-serif;
text-transform: uppercase;
color: #1f1f1f;
background: #fff;
padding: 0.5em 1em;
min-height: 2rem;
}
.mobile-posts__btn:hover {
color: #fff !important;
background: #ff7f17 !important;
}
.mobile-posts__btn.is-loading {
pointer-events: none;
opacity: 0.8;
}
.mobile-posts__btn span {
line-height: 1;
}
body.dark-bg .mobile-posts__btn {
background: #141414;
color: #fff;
}
.mobile-posts__btn-text {
margin-bottom: -0.35em;
}
.mobile-posts__btn-arrow {
margin-left: 1em;
}
.is-loading .mobile-posts__btn-arrow {
display: none;
}
.mobile-posts__btn-arrow svg {
width: auto;
height: 6px;
display: block;
}
.text-chevron-right {
vertical-align: middle;
display: inline-flex;
margin-left: 0.25rem;
}
.text-chevron-right svg {
height: 10px;
}
@media print, screen and (min-width: 64em) {
.text-chevron-right svg {
height: auto;
}
}
.mobile-posts__btn-loading {
margin-left: 1em;
display: none;
}
.is-loading .mobile-posts__btn-loading {
display: block;
}
.mobile-posts__btn-loading svg {
display: block;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
width: auto;
height: 14px;
}
.author-bio {
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.author-bio {
margin-bottom: 4rem;
}
}
.author-bio__photo {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.author-bio__photo {
margin-bottom: 0;
}
}
@media print, screen and (min-width: 40em) {
.author-bio__content {
max-width: 340px;
margin-left: 2rem;
}
}
@media print, screen and (min-width: 64em) {
.author-bio__content {
margin-left: 4rem;
}
}
.author-bio__name {
font-size: 1.3125rem;
}
@media print, screen and (min-width: 64em) {
.author-bio__name {
font-size: 1.6875rem;
}
}
.author-bio__position {
font-size: 0.75rem;
color: #5b5b5b;
}
.dark-bg .author-bio__position {
color: rgba(255, 255, 255, 0.6);
}
.author-bio__description {
font-size: 1rem;
color: #5b5b5b;
}
@media print, screen and (min-width: 40em) {
.author-bio__description {
font-size: 1.125rem;
}
}
.dark-bg .author-bio__description {
color: rgba(255, 255, 255, 0.6);
}
@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.article {
padding-top: 2rem;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media print, screen and (min-width: 40em) {
.article {
padding-top: 0;
}
}
.article__content-wrap {
position: relative;
}
.article__title {
font-weight: 500;
font-size: 1.75rem;
line-height: 120%;
letter-spacing: -0.01em;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
.article__title {
margin-bottom: 0.5rem;
font-size: 2.8rem;
}
}
.article__banner {
min-height: 100vh;
background-color: #1f1f1f;
color: #fff;
background-size: cover;
background-position: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 1rem;
}
.has-ad-bar .article__banner {
min-height: calc(100vh - 70px);
}
@media print, screen and (min-width: 64em) {
.has-ad-bar .article__banner {
min-height: calc(100vh - 100px);
}
}
.article__banner-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #000;
background: linear-gradient(
#1f1f1f 0%,
rgba(31, 31, 31, 0) 50%,
#1f1f1f 100%
);
}
.article__banner-inner {
position: relative;
z-index: 2;
width: 100%;
}
.article__tag {
border-bottom: 2px solid;
padding-bottom: 0.1em;
}
.article__intro {
background: #1f1f1f;
color: #adadad;
font-size: 1rem;
font-family: "Spartan", sans-serif;
font-weight: 500;
text-align: justify;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.article__intro {
padding-top: 4rem;
margin-bottom: 100px;
padding-bottom: 2rem;
}
}
.article__intro a {
color: inherit;
text-decoration: underline;
}
.article__intro a:hover {
color: #ef6b00;
}
.article__actions-wrap {
min-height: 150px;
}
@media print, screen and (min-width: 64em) {
.article__actions-wrap {
min-height: 0;
}
}
@media print, screen and (min-width: 64em) {
.article__cell--left {
width: calc(70% - 20px) !important;
flex: 0 0 calc(70% - 20px) !important;
}
}
@media print, screen and (min-width: 64em) {
.article__cell--right {
width: calc(30% - 20px) !important;
flex: 0 0 calc(30% - 20px) !important;
}
}
@media print, screen and (min-width: 64em) {
.article__pad-left {
padding-left: 150px;
}
}
@media screen and (min-width: 85em) {
.article__pad-left {
padding-left: 110px;
}
}
.article__side-wrap {
position: relative;
}
@media print, screen and (min-width: 64em) {
.article__side-wrap {
margin-top: -260px;
}
}
.article__outer-wrap {
position: relative;
padding-bottom: 100px;
}
.article__left-sidebar {
position: absolute;
left: 10px;
top: 15px;
bottom: 0;
max-width: 125px;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.article-nav {
margin-bottom: 3rem;
border-left: 1px solid #cacaca;
padding-left: 1.5rem;
color: #1b1b1b;
background: #fff;
margin-left: 0px;
}
@media print, screen and (min-width: 64em) {
.article-nav {
padding-left: 2.375rem;
margin-left: 0;
}
}
.article-nav__wrapper {
flex: 1;
}
.article-nav--side {
padding-left: 0 !important;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-right: 1px solid #cacaca;
border-left: none;
display: block;
} .article-nav--side .article-nav__title {
font-size: 0.8125rem;
font-weight: 300;
}
.article-nav--side .article-nav__list {
font-size: 0.625rem;
}
.article-nav--side .article-nav__link.is-active {
font-weight: 700;
}
.article-nav__title {
font-size: 1.1875rem;
color: #252525;
font-weight: 600;
margin-bottom: 1.5rem;
}
.article-nav__list {
padding: 0;
margin: 0;
list-style: none;
font-family: "Spartan", sans-serif;
font-size: 0.875rem;
}
.article-nav__list-item {
margin-bottom: 0.9em;
}
@media (max-height: 790px) {
.article__left-sidebar .article-nav__list-item {
margin-bottom: 0.5em;
}
}
.article-nav__list-item:last-child {
margin-bottom: 0 !important;
}
.article-nav__link {
display: flex;
align-items: center;
transition: color 0.3s ease-out;
}
.article-nav__link:not(:hover) {
color: inherit;
}
.article-nav__link-icon {
flex: 0 0 auto;
margin-right: 1.2rem;
}
.article-nav__link-icon svg {
display: block;
margin-bottom: 0.1em;
}
.article-section {
margin-bottom: 1rem;
font-size: 1.0625rem;
text-align: justify;
color: 393939;
}
.article-section p {
margin-bottom: 1.5em;
}
.article-section p a {
color: inherit;
text-decoration: underline;
}
.article-section p a:hover {
color: #ef6b00;
}
.article-section__title {
font-size: 1.75rem;
font-weight: 400;
line-height: 1.3;
color: #252525;
text-align: left;
margin-bottom: 1.8rem;
}
.dark-bg .article-section__title {
color: #fff;
}
.article-photo {
padding-top: 2rem;
padding-bottom: 2rem;
position: relative;
}
@media print, screen and (min-width: 40em) {
.article-photo {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media print, screen and (min-width: 64em) {
.article-photo {
margin-right: -30vw;
}
}
@media screen and (min-width: 72.5em) {
.article-photo {
margin-right: calc(-0.3 * 1160px);
}
}
.article-photo--narrow {
margin-right: 0 !important;
}
.article-photo--narrow .article-photo__caption {
padding-left: 0 !important;
}
.article-photo__description {
top: 60px;
right: 0;
padding: 0.5rem;
background: #fff;
z-index: 5;
font-size: 1.0625rem;
text-align: center;
color: #393939;
}
@media print, screen and (min-width: 40em) {
.article-photo__description {
padding: 0 1.5rem 1.5rem;
max-width: 340px;
position: absolute;
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.article-photo__description {
font-size: 1.1875rem;
padding: 0 2rem 3.5rem 3.5rem;
}
}
.article-photo__description p:last-child {
margin-bottom: 0;
}
.article-photo__caption {
padding-top: 0.5rem;
font-size: 0.875rem;
color: #7b7b7b;
padding-right: 2rem;
}
.article-back {
margin-bottom: 4rem;
display: none;
}
@media print, screen and (min-width: 64em) {
.article-back {
display: block;
}
}
@media (max-height: 790px) {
.article-back {
margin-bottom: 2rem;
}
}
.article-back__link {
display: inline-block;
}
.article-back__link:not(:hover) {
color: #868686;
}
.article-video {
padding: 2rem 0;
}
@media print, screen and (min-width: 40em) {
.article-video {
padding: 60px 0;
}
}
@media print, screen and (min-width: 64em) {
.article-video {
padding: 80px 0;
margin-right: -30vw;
}
}
@media screen and (min-width: 72.5em) {
.article-video {
margin-right: calc(-0.3 * 1160px);
}
}
.article-video__caption {
padding-top: 0.5rem;
font-size: 0.875rem;
color: #7b7b7b;
padding-right: 2rem;
}
.article-video__video + .ad {
margin-top: 0;
}
.article-video__video.is-sticky {
position: relative;
padding-bottom: 56.25%;
background: #eee;
max-width: 100%;
height: auto;
}
.article-video__video.is-sticky .article-video__video-container {
position: fixed;
top: 100px;
right: 10px;
width: calc(30vw - 20px);
z-index: 5;
}
.has-ad-bar .article-video__video.is-sticky .article-video__video-container {
top: 150px;
}
@media screen and (min-width: 85em) {
.article-video__video.is-sticky .article-video__video-container {
right: calc((100vw - 1360px) / 2 + 10px);
width: 428px;
}
}
.article-social {
display: inline-block;
text-align: center;
margin-bottom: 4rem;
color: #515151;
}
@media (max-height: 790px) {
.article-social {
margin-bottom: 0;
}
}
.article-social .social__link {
margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 40em) {
.article-text-side {
display: flex;
}
}
.article-text-side__left {
font-weight: bold;
font-size: 1.25rem;
}
@media print, screen and (min-width: 40em) {
.article-text-side__left {
width: 45%;
flex: 0 0 45%;
padding: 0.8rem 2.5rem 1rem 2.2rem;
}
}
@media print, screen and (min-width: 64em) {
.article-text-side__left {
font-size: 1.375rem;
}
}
.article-text-side__left p {
line-height: 1.55;
}
@media print, screen and (min-width: 40em) {
.article-text-side__right {
width: 55%;
}
}
.article-gallery {
margin-bottom: 2rem;
margin-top: 2rem;
}
@media print, screen and (min-width: 40em) {
.article-gallery {
margin-top: 1rem;
}
}
.article-gallery__photos {
margin-bottom: 12px;
}
.article-gallery__photo {
display: block !important;
}
.article-gallery__photo img {
display: block;
width: 100%;
}
.article-gallery__nav-bar {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.article-gallery__nav-arrows {
flex: 0 0 auto;
margin-left: -7px;
display: flex;
}
.article-gallery__nav-arrow {
padding: 7px;
color: #5a5a5a;
}
.article-gallery__nav-arrow:focus {
color: #5a5a5a;
}
.article-gallery__nav-arrow:hover {
color: #000 !important;
}
.article-gallery__nav-arrow.slick-disabled {
color: #ccc !important;
pointer-events: none;
cursor: default;
}
.article-gallery__nav-arrow svg {
width: 16px;
display: block;
}
.article-gallery__nav-items {
margin: 0 -6px;
max-width: 470px;
width: calc(100% - 60px);
}
@media print, screen and (min-width: 40em) {
.article-gallery__nav-items {
width: calc(100% - 100px);
}
}
.article-gallery__nav-photo {
cursor: pointer;
padding: 0 6px;
}
.article-similar {
padding: 1rem 0;
margin-bottom: 2rem;
background: #252525;
color: #fff;
}
@media print, screen and (min-width: 40em) {
.article-similar {
padding: 80px 0 40px;
margin-bottom: 80px;
}
}
.article-similar__heading {
color: #eee;
font-size: 1.75rem;
font-weight: 300;
margin-bottom: 1rem;
padding-left: 2rem;
position: relative;
}
@media print, screen and (min-width: 40em) {
.article-similar__heading {
margin-bottom: 2rem;
}
}
.article-similar__heading:before {
content: "";
width: 10px;
height: 1.2em;
position: absolute;
left: 0;
top: 0;
background: #423b92;
}
@media print, screen and (max-width: 39.99875em) {
body
.article-similar
.news-tile:not(.news-tile--large):not(.news-tile--bg) {
background: #313131 !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.article-similar .news-tile {
display: block !important;
}
.article-similar .news-tile__photo {
width: 100% !important;
}
.article-similar__grid {
margin: 0 -1px;
}
.article-similar__grid > .cell {
padding: 0;
}
}
.article-linked {
background: #ededed;
padding: 1.5rem 0 8px;
}
.dark-bg .article-linked {
background: rgba(0, 0, 0, 0);
}
@media print, screen and (min-width: 40em) {
.article-linked {
background: none;
margin-bottom: 130px;
padding: 0;
}
}
.article-linked__heading {
font-weight: 500;
font-size: 1rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.article-linked__heading {
font-size: 1.625rem;
margin-bottom: 3.5rem;
}
}
@media print, screen and (min-width: 40em) {
.article-linked__row {
margin-bottom: 2.75rem;
margin-right: -100px;
}
}
.article-linked .slick-slide > * {
display: flex;
flex-direction: column;
flex: 0 1 auto;
}
@media screen and (min-width: 75em) {
.article-linked__slider-wrap {
padding-left: 1rem;
}
}
.article-linked__slider {
margin: 0 -1px;
}
@media print, screen and (min-width: 40em) {
.article-linked__slider {
margin: -10px 0px;
}
}
@media screen and (min-width: 75em) {
.article-linked__slider {
margin: -10px -20px;
}
}
@media print, screen and (max-width: 39.99875em) {
.article-linked__slider {
display: flex;
flex-flow: row wrap;
}
}
.article-linked__slider-arrows {
display: none;
}
@media print, screen and (min-width: 40em) {
.article-linked__slider-arrows {
display: flex;
}
}
.article-linked__slider-arrow {
padding: 7px;
color: #5a5a5a;
}
.article-linked__slider-arrow:focus {
color: #5a5a5a;
}
.article-linked__slider-arrow:hover {
color: #000 !important;
}
.article-linked__slider-arrow.slick-disabled {
color: #ccc !important;
pointer-events: none;
cursor: default;
}
.article-linked__slider-arrow svg {
width: 16px;
display: block;
}
.article-linked__post {
padding: 0 1px;
}
@media print, screen and (min-width: 40em) {
.article-linked__post {
width: 100% !important;
flex: 1;
padding: 10px 10px 10px;
}
}
@media screen and (min-width: 75em) {
.article-linked__post {
padding: 10px 20px 10px;
}
}
.article-linked__post--b {
width: 50% !important;
flex: 0 0 50%;
}
@media print, screen and (min-width: 40em) {
.article-linked__post--b {
max-width: 320px;
width: 100% !important;
flex: 0 0 auto;
}
}
@media print, screen and (min-width: 64em) {
.article-linked__post--b {
max-width: 290px;
}
}
@media screen and (min-width: 75em) {
.article-linked__post--b {
max-width: 320px;
}
}
@media print, screen and (max-width: 39.99875em) {
.article-linked__post--b .news-tile {
display: block !important;
}
.article-linked__post--b .news-tile__photo {
margin: 0 !important;
width: 100% !important;
}
}
.article-linked__post--c {
flex: 0 0 100%;
width: 100%;
}
@media print, screen and (min-width: 40em) {
.article-linked__post--c {
max-width: 200px;
flex: 0 0 auto;
}
}
@media print, screen and (min-width: 64em) {
.article-linked__post--c {
max-width: 170px;
}
}
@media screen and (min-width: 75em) {
.article-linked__post--c {
max-width: 200px;
}
}
@media print, screen and (min-width: 40em) {
.article-linked__post--c-uneven {
margin-left: calc(115px + 1rem);
}
}
.article-linked__post .news-tile {
margin: 0;
}
.article-linked__post .news-tile__photo {
width: 115px;
flex: 0 0 115px;
margin-right: 1rem;
padding: 0;
}
.article-linked__post .news-tile__content {
flex: 1 1 10;
padding: 0;
}
.article-suggested {
margin-bottom: 2rem;
color: #252525;
}
@media print, screen and (min-width: 40em) {
.article-suggested {
font-size: 1.25rem;
margin-bottom: 150px;
}
}
.article-suggested__heading {
font-weight: 300;
font-size: 1.125rem;
margin-bottom: 1rem;
max-width: 272px;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
@media print, screen and (min-width: 40em) {
.article-suggested__heading {
max-width: none;
font-size: 1.75rem;
margin-bottom: 3rem;
}
}
.article-suggested__news-title {
margin-bottom: 1rem;
font-weight: 300;
font-size: 1.75rem;
display: flex;
}
@media print, screen and (min-width: 40em) {
.article-suggested__news-title {
font-size: 2.1875rem;
margin-bottom: 2.5rem;
}
}
.article-suggested__news-title-bar {
display: inline-block;
margin-right: 21px;
height: 1em;
width: 11px;
}
.article-suggested__news-tags {
padding-left: 2rem;
}
.article-suggested__news-tags a {
border: none;
}
.article-suggested__news-excerpt {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
.article-suggested__news-excerpt {
margin-bottom: 2.5rem;
}
}
.article-suggested__news-excerpt p:last-child {
margin-bottom: 0;
}
.article-suggested__news-link {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
}
.article-suggested__news-link a:not(:hover) {
color: inherit;
}
.article-authors {
margin-right: 1.5rem;
}
@media print, screen and (min-width: 64em) {
.article-authors {
margin-bottom: 1rem;
margin-right: 0;
}
}
.article-author {
margin-bottom: 0.5rem;
}
.article-author:last-child {
margin-bottom: 0;
}
.article-author__heading {
font-size: 0.75rem;
font-weight: 600;
line-break: 1.2;
font-family: "Spartan", sans-serif;
margin-bottom: 0.25rem;
}
.article-author__link {
display: flex;
align-items: center;
}
a.article-author__link:not(:hover) {
color: inherit;
}
.article-author__image {
flex: 0 0 auto;
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
margin-right: 0.5rem;
}
.article-author__image img {
display: block;
width: 100%;
}
.article-author__name {
font-size: 0.75rem;
font-weight: 600;
line-break: 1.2;
font-family: "Spartan", sans-serif;
}
.article-meta {
font-size: 0.5625rem;
font-family: "Spartan", sans-serif;
font-weight: 500;
color: #aeaeae;
}
.article-meta__time {
font-size: 0.625rem;
color: #fff;
margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
.article-meta__time {
margin-bottom: 0.5rem;
}
}
.article-meta__dates {
margin-bottom: 0;
}
.article-meta__wrap {
display: flex;
align-items: center;
}
@media print, screen and (min-width: 64em) {
.article-meta__wrap {
display: block;
}
}
.article-widget--link {
margin: 1.5rem 0;
font-weight: 600;
font-size: 1.0625rem;
font-family: "Spartan", sans-serif;
}
@media print, screen and (min-width: 40em) {
.article-widget--link {
margin: 3rem 0;
}
}
.article-widget--link a {
text-decoration: none !important;
}
.embed-container {
position: relative;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container:before {
content: "";
display: block;
width: 100%;
padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.article-comments {
margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
.article-comments {
margin-bottom: 80px;
}
}
.article-comments__heading {
margin-bottom: 2rem;
font-size: 1.75rem;
font-weight: 300;
}
.comment-respond .article-comments__heading {
font-size: 1.2rem;
margin-bottom: 0.5rem;
}
.article-comments__heading small {
font-size: 0.7em;
line-height: 1.6;
color: inherit;
opacity: 0.8;
display: block;
}
.article-comments__comments {
margin-bottom: 3rem;
}
.article-comments__list {
margin: 0;
list-style: none;
}
.article-comments__button {
border-radius: 0;
background: #000;
color: #fff;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
line-height: 1;
padding: 1.15em 1em 0.85em;
margin-bottom: 0;
}
.article-comments__button:hover {
background: #ff7f17;
color: #fff;
}
.comment {
margin: 0 0 2rem;
list-style: none;
padding: 0;
}
.comment .comment {
margin-bottom: 1.5rem;
}
.comment__details {
display: flex;
}
.comment__avatar {
flex: 0 0 auto;
margin-right: 1rem;
}
.comment__content {
flex: 1;
}
.comment__info {
font-size: 0.875rem;
display: flex;
flex-wrap: wrap;
color: rgba(0, 0, 0, 0.6);
}
.dark-bg .comment__info {
color: rgba(255, 255, 255, 0.6);
}
.comment__info > div:not(:last-child) {
margin-right: 0.5rem;
}
.comment__info > div:not(:last-child):after {
font-weight: 400;
content: "•";
padding-left: 0.5rem;
}
.comment__author {
font-weight: 600;
}
.comment__awaiting-moderation {
line-height: 1.2;
font-size: 0.75rem;
background: #ff7f17;
padding: 0.5em;
font-weight: 600;
color: #fff;
margin-bottom: 0.5rem;
}
.comment__meta {
font-size: 0.875rem;
}
.comment__meta .comment-link:not(:hover) {
color: inherit;
}
.comment__body {
margin-bottom: 0.5rem;
}
.comment__body p:last-child {
margin-bottom: 0;
}
.comment__reply-link {
font-size: 0.875rem;
}
.comment__reply-link a:not(:hover) {
color: inherit;
}
.comment .comment-edit-link:not(:hover) {
color: inherit;
}
.comment .children {
margin-top: 1.5rem;
margin-left: 0;
padding-left: 2rem;
border-left: 1px solid #ccc;
}
.dark-bg .comment .children {
border-left-color: rgba(255, 255, 255, 0.3);
}
.comment .comment-respond {
padding-left: 2rem;
margin-top: 1.5rem;
border-left: 1px solid #ccc;
}
.dark-bg .comment .comment-respond {
border-left-color: rgba(255, 255, 255, 0.3);
}  html {
font-size: 80%;
}
@media print, screen and (min-width: 64em) {
html {
font-size: 100%;
}
}
.text-uppercase {
text-transform: uppercase;
}
.bg-dark {
background-color: #1f1f1f;
}
.section__category-link:not(:hover) {
color: inherit;
} .services-nav--mobile .services-nav__tiles {
justify-content: space-between;
}
.services-nav--mobile .services-nav__tile {
flex: initial;
}
.services-nav--mobile .services-nav__tile .services-nav__tile-title {
font-size: 0.8rem;
}
.services-nav__tile-link {
border-bottom: none;
justify-content: center;
}
.services-nav__tile-link::before {
background: none;
}
.services-nav__tile-title {
text-transform: none;
font-weight: normal;
width: auto;
margin-bottom: 0;
}
.services-nav__tile-title .icon {
display: inline-block;
vertical-align: text-top;
}
.site-header {
background: #1f1f1f;
}
.site-header .header-wrap {
overflow: visible;
}
.site-header .burger-wrap {
order: 4;
}
.site-header.site-header--min .burger-wrap {
order: 2;
}
.site-header .mode-wrap {
order: 2;
}
.site-header.site-header--min .mode-wrap {
order: 1;
}
.site-header .search-wrap {
order: 3;
}
.site-header .logo-wrap--desktop {
width: 120px;
}
.site-header .logo-wrap--desktop img {
height: 44px;
}
.logo-wrap.logo-wrap--mobile {
width: auto;
}
.fixed-nav.scrolled .site-header .logo-wrap--desktop img {
height: calc(38px - 0.5rem);
}
@media print, screen and (min-width: 64em) {
.site-header .burger-wrap {
order: 4;
}
.site-header.site-header--min .burger-wrap {
order: 1;
}
.site-header .mode-wrap {
order: 2;
}
.site-header.site-header--min .mode-wrap {
order: 2;
}
.site-header .logo-wrap--desktop {
width: 269px;
}
.site-header .logo-wrap--desktop img {
height: 69px;
}
}
@media print, screen and (min-width: 22.5em) {
.site-header .logo-wrap--desktop {
display: block;
}
.site-header .logo-wrap--mobile {
display: none;
}
} .lang-nav {
display: flex;
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
font-weight: normal;
align-items: center;
}
.lang-nav__link {
display: flex;
width: auto;
border-radius: 0;
overflow: initial;
}
.lang-nav__link * {
display: flex;
height: auto;
}
.lang-nav__link *:first-child {
margin-right: 0.4rem;
}
.lang-nav__link img {
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
}
.lang-nav__options {
position: absolute;
top: 100%;
left: -2rem;
z-index: 10;
background-color: #1f1f1f;
box-shadow: 19px 18px 25px rgba(0, 0, 0, 0.45);
padding: 1.5rem 1.5rem 1rem;
width: 110px;
display: none;
}
.lang-nav:hover .lang-nav__options {
display: block;
}
.lang-nav__options .lang-nav__link {
margin: 0.5rem
} .mode-switch {
width: 30px;
height: 16px;
background: #4c4c4c;
border-radius: 8px;
}
.mode-switch:before {
background: #fff;
width: 12px;
height: 12px;
top: 2px;
}
.mode-switch.is-active:before {
left: 16px;
} .search-link {
display: flex;
} .hamburger {
width: 1.5rem;
height: 1rem;
}
.hamburger::after,
.hamburger::before,
.hamburger span {
width: 100%;
} .ad {
margin-top: 0;
}
.ad::before {
top: 0;
background: #fff;
color: #666 !important;
content: 'Reklama';
}
.article__side .ad {
margin-top: 0;
margin-bottom: 20px;
} .sidebar .ad {
margin-bottom: 20px;
} .news-tile {
margin-bottom: 15px;
}
.news-tile__title {
font-weight: 600;
}
.news-tile__meta {
margin: 0 -0.25rem 0.25rem;
}
.news-tile__tag {
text-transform: uppercase;
font-weight: normal;
}
.news-tile.news-tile--mini-thumb-right {
display: flex;
}
.news-tile.news-tile--mini-thumb-right .news-tile__photo {
order: 1;
flex-shrink: 0;
flex-grow: 0;
margin: 0 0 0 10px;
width: 55px;
}
.news-tile.news-tile--mini-thumb-right .news-tile__photo-bg {
flex: initial;
}
.news-tile.news-tile--mini-thumb-right .news-tile__content {
flex-grow: 1;
}
@media print, screen and (min-width: 64em) {
.news-tile.news-tile--mini-thumb-right .news-tile__photo {
width: 87px;
}
.cell > .news-tile.news-tile--mini-thumb-right {
margin-bottom: 0;
}
}
.news-tile.news-tile--large-thumb-right {
display: flex;
}
.news-tile.news-tile--large-thumb-right .news-tile__photo {
order: 1;
flex-shrink: 0;
flex-grow: 0;
margin: 0 0 0 10px;
width: 45%;
}
@media print, screen and (min-width: 64em) {
.news-tile.news-tile--large-thumb-right .news-tile__tag {
font-size: 1rem;
}
.news-tile.news-tile--large-thumb-right .news-tile__title {
font-size: 2rem;
}
.news-tile.news-tile--large-thumb-right .news-tile__excerpt {
font-size: 1rem;
}
}
.news-tile.news-tile--mini-thumb-right .news-tile__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.news-tile__info {
font-size: 0.8rem;
}
.news-tile__author {
color: inherit;
}
@media print, screen and (min-width: 64em) {
.news-tile {
margin-bottom: 20px;
}
} .article {
padding-top: 0;
}
.article__wrapper {
background-color: #fff;
}
.article__wrapper .article-section__title{
color: #000;
}
body:not(.archive):not(.search) .section__title {
color: inherit;
}
.article__header {
position: relative;
height: 30vw;
min-height: 200px;
background-size: cover;
}
.article__labels {
position: absolute;
top: 20px;
left: 0;
color: rgba(255, 255, 255, 0.7);
}
.article__label {
display: inline-block;
background-color: #000;
color: inherit;
padding: 0 5px;
text-transform: uppercase;
margin-bottom: 8px;
}
.article-info__wrap {
position: absolute;
top: 20px;
right: 0;
}
.article-info {
position: relative;
display: block;
background-color: #000;
color: rgba(255, 255, 255, 0.7);
padding: 0 5px;
text-transform: uppercase;
margin-bottom: 21px;
white-space: nowrap;
} .article-info__author-image {
position: absolute;
right: 100%;
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
background-color: #000;
border: 3px solid #000;
top: 50%;
transform: translateY(-50%);
margin-right: -5px;
}
.article-info__author {
color: inherit;
margin-right: 20px;
}
.article-introduction {
background-color: #1f1f1f;
color: #fff;
padding: 20px 15px;
margin: 0 15px 0;
position: relative;
top: -40px;
}
.article-outer {
position: relative;
min-height: 300px;
margin-bottom: 25px;
}
.article-inner {
margin-left: 90px
}
@media print, screen and (min-width: 64em) {
.article-inner {
margin-left: 135px
}
.article-info {
margin-bottom: 30px;
}
.article-info__author-image {
width: 50px;
height: 50px;
border: 5px solid #000;
}
}
.article-content {
padding: 0 15px;
color: #000;
}
.article__left-sidebar {
width: 80px;
}
@media print, screen and (min-width: 64em) {
.article__left-sidebar {
width: 125px;
}
} .footer {
color: #fff;
background: #1f1f1f;
padding-top: 15px;
padding-bottom: 15px;
}
.menu.footer-menu {
display: flex;
text-transform: uppercase;
font-family: "Spartan", sans-serif;
justify-content: space-around;
}
.menu.footer-menu li a {
color: inherit;
font-size: 0.7rem;
padding: 0.7rem 0.1rem;
}
.menu.footer-menu li a:hover {
color: #ff7f17;
}
.footer__links {
flex: 1;
}
.footer__social {
margin-left: 0;
margin-right: 0;
justify-content: center;
}
.footer__social svg {
height: 16px;
}
.footer__social .social__link {
margin: 0 0.7rem;
}
@media print, screen and (min-width: 64em) {
.footer {
padding-top: 50px;
padding-bottom: 50px;
}
.footer__nav {
display: flex;
justify-content: space-between;
}
.footer__social {
justify-content: space-between;
flex: 0 0 25%;
margin-left: 5%;
}
.footer__social svg {
height: auto;
}
.menu.footer-menu {
justify-content: space-between;
}
.menu.footer-menu li a {
font-size: inherit;
}
} .featured-topics {
padding: 25px 0;
text-align: center;
}
.featured-topics__title {
display: block;
text-transform: uppercase;
font-size: 1.3rem;
}
.featured-topics__tag {
margin: 0 10px;
color: inherit;
}
@media print, screen and (min-width: 64em) {
.featured-topics {
padding: 50px 0;
text-align: center;
}
.featured-topics__title {
display: inline;
font-size: inherit;
}
}