html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} 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: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; 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;
}
@font-face {
font-family: 'Lora';
src: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/fonts/Lora-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lora';
src: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/fonts/Lora-Italic-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/fonts/RobotoCondensed-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/fonts/RobotoCondensed-Italic-VariableFont_wght.ttf) format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
*,
*:after,
*:before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 62.5%;
}
body {
color: #606c76;
font-family: 'Lora', 'Helvetica', 'Arial', sans-serif;
font-size: 1.6em;
font-weight: 300;
letter-spacing: 0.01em;
line-height: 1.6;
}
blockquote {
border-left: 0.3rem solid #d1d1d1;
margin-left: 0;
margin-right: 0;
padding: 1rem 1.5rem;
}
blockquote *:last-child {
margin-bottom: 0;
}
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
background-color: gray;
border: 0.1rem solid gray;
border-radius: 0.4rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.1rem;
font-weight: 700;
height: 3.8rem;
letter-spacing: 0.1rem;
line-height: 3.8rem;
padding: 0 3rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.button:focus,
.button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
background-color: #606c76;
border-color: #606c76;
color: #fff;
outline: 0;
}
.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
cursor: default;
opacity: 0.5;
}
.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover {
background-color: gray;
border-color: gray;
}
.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
background-color: transparent;
color: gray;
}
.button.button-outline:focus,
.button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover {
background-color: transparent;
border-color: #606c76;
color: #606c76;
}
.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus,
input[type='submit'].button-outline[disabled]:hover {
border-color: inherit;
color: #9b4dca;
}
.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
background-color: transparent;
border-color: transparent;
color: #9b4dca;
}
.button.button-clear:focus,
.button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover {
background-color: transparent;
border-color: transparent;
color: #606c76;
}
.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus,
input[type='submit'].button-clear[disabled]:hover {
color: #9b4dca;
}
code {
background: #f4f5f6;
border-radius: 0.4rem;
font-size: 86%;
margin: 0 0.2rem;
padding: 0.2rem 0.5rem;
white-space: nowrap;
}
pre {
background: #f4f5f6;
border-left: 0.3rem solid #9b4dca;
overflow-y: hidden;
}
pre > code {
border-radius: 0;
display: block;
padding: 1rem 1.5rem;
white-space: pre;
}
hr {
border: 0;
border-top: 0.1rem solid #f4f5f6;
margin: 3rem 0;
}
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='week'],
input:not([type]),
textarea,
select {
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: 0.1rem solid #d1d1d1;
border-radius: 0.4rem;
box-shadow: none;
box-sizing: inherit;
height: 3.8rem;
padding: 0.6rem 1rem 0.7rem;
width: 100%;
}
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='week']:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
border-color: #9b4dca;
outline: 0;
}
select {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
padding-right: 3rem;
}
select:focus {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
}
select[multiple] {
background: none;
height: auto;
}
textarea {
min-height: 6.5rem;
}
label,
legend {
display: block;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
fieldset {
border-width: 0;
padding: 0;
}
input[type='checkbox'],
input[type='radio'] {
display: inline;
}
.label-inline {
display: inline-block;
font-weight: normal;
margin-left: 0.5rem;
}
.container {
margin: 0 auto;
max-width: 112rem;
padding: 0 2rem;
position: relative;
width: 100%;
}
.row {
display: flex;
flex-direction: column;
padding: 0;
width: 100%;
}
.row.row-no-padding {
padding: 0;
}
.row.row-no-padding > .column {
padding: 0;
}
.row.row-wrap {
flex-wrap: wrap;
}
.row.row-top {
align-items: flex-start;
}
.row.row-bottom {
align-items: flex-end;
}
.row.row-center {
align-items: center;
}
.row.row-stretch {
align-items: stretch;
}
.row.row-baseline {
align-items: baseline;
}
.row .column {
display: block;
flex: 1 1 auto;
margin-left: 0;
max-width: 100%;
width: 100%;
}
@media (max-width: 40rem) {
.row .column {
display: block !important;
flex: 1 1 auto !important;
margin-left: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
}
.row .column.column-offset-10 {
margin-left: 10%;
}
.row .column.column-offset-20 {
margin-left: 20%;
}
.row .column.column-offset-25 {
margin-left: 25%;
}
.row .column.column-offset-33,
.row .column.column-offset-34 {
margin-left: 33.3333%;
}
.row .column.column-offset-40 {
margin-left: 40%;
}
.row .column.column-offset-50 {
margin-left: 50%;
}
.row .column.column-offset-60 {
margin-left: 60%;
}
.row .column.column-offset-66,
.row .column.column-offset-67 {
margin-left: 66.6666%;
}
.row .column.column-offset-75 {
margin-left: 75%;
}
.row .column.column-offset-80 {
margin-left: 80%;
}
.row .column.column-offset-90 {
margin-left: 90%;
}
.row .column.column-10 {
flex: 0 0 10%;
max-width: 10%;
}
.row .column.column-20 {
flex: 0 0 20%;
max-width: 20%;
}
.row .column.column-25 {
flex: 0 0 25%;
max-width: 25%;
}
.row .column.column-33,
.row .column.column-34 {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.row .column.column-40 {
flex: 0 0 40%;
max-width: 40%;
}
.row .column.column-50 {
flex: 0 0 50%;
max-width: 50%;
}
.row .column.column-60 {
flex: 0 0 60%;
max-width: 60%;
}
.row .column.column-66,
.row .column.column-67 {
flex: 0 0 66.6666%;
max-width: 66.6666%;
}
.row .column.column-75 {
flex: 0 0 75%;
max-width: 75%;
}
.row .column.column-80 {
flex: 0 0 80%;
max-width: 80%;
}
.row .column.column-90 {
flex: 0 0 90%;
max-width: 90%;
}
.row .column .column-top {
align-self: flex-start;
}
.row .column .column-bottom {
align-self: flex-end;
}
.row .column .column-center {
align-self: center;
}
@media (min-width: 40rem) {
.row {
flex-direction: row;
margin-left: -1rem;
width: calc(100% + 2rem);
}
.row .column {
margin-bottom: inherit;
padding: 0 1rem;
}
}
a {
color: #625c55;
text-decoration: none;
}
a:focus,
a:hover {
color: #606c76;
}
dl,
ol,
ul {
list-style: none;
margin-top: 0;
padding-left: 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
font-size: 90%;
margin: 1.5rem 0 1.5rem 3rem;
}
ol {
list-style: decimal inside;
}
ul {
list-style: circle inside;
}
.button,
button,
dd,
dt,
li {
margin-bottom: 1rem;
}
fieldset,
input,
select,
textarea {
margin-bottom: 1.5rem;
}
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
margin-bottom: 2.5rem;
}
table {
border-spacing: 0;
display: block;
overflow-x: auto;
text-align: left;
width: 100%;
}
td,
th {
border-bottom: 0.1rem solid #e1e1e1;
padding: 1.2rem 1.5rem;
}
td:first-child,
th:first-child {
padding-left: 0;
}
td:last-child,
th:last-child {
padding-right: 0;
}
@media (min-width: 40rem) {
table {
display: table;
overflow-x: initial;
}
}
b,
strong {
font-weight: bold;
}
p {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 200;
letter-spacing: -0.1rem;
margin-bottom: 2rem;
margin-top: 0;
font-family: 'Roboto Condensed';
color: #8da0ab;
text-transform: uppercase;
}
h1 {
font-size: 2.6rem;
line-height: 1.2;
}
h2 {
font-size: 2.6rem;
line-height: 1.2;
}
h3 {
font-size: 2.3rem;
line-height: 1.25;
}
h4 {
font-size: 2rem;
letter-spacing: -0.08rem;
line-height: 1.5;
}
h5 {
font-size: 1.8rem;
letter-spacing: -0.05rem;
line-height: 1.5;
}
h6 {
font-size: 1.6rem;
letter-spacing: 0;
line-height: 1.4;
}
img {
max-width: 100%;
}
.clearfix:after {
clear: both;
content: ' ';
display: table;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
img.alignleft {
display: block;
width: 100%;
max-width: 100%;
clear: both;
}
@media (min-width: 40rem) {
img.alignleft {
float: left;
max-width: 50%;
margin-top: 2rem;
margin-right: 2rem;
margin-bottom: 2rem;
}
}
img.alignright {
display: block;
width: 100%;
max-width: 100%;
clear: both;
}
@media (min-width: 40rem) {
img.alignright {
float: right;
max-width: 50%;
margin-top: 2rem;
margin-left: 3rem;
margin-bottom: 2rem;
}
}
.menu-container > ul > li > a {
text-transform: uppercase;
}
@media (max-width: 884px) {
.nav-main {
padding-right: 50px;
padding-left: 50px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-direction: column;
}
.menu-container {
display: none;
}
.menu-container.open {
display: block;
padding-bottom: 30px;
}
.toggleMobile {
display: block !important;
padding: 5px 5px 5px 5px !important;
line-height: 1 !important;
width: 35px;
height: 35px;
margin-left: 0 !important;
margin-bottom: 0 !important;
border: none !important;
align-self: flex-end;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu * {
font-family: "Roboto Condensed";
}
.menu li {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu li > a {
flex: 1 1 auto;
min-width: 0;
}
.menu li.has-children > .menu-toggle {
display: inline-block;
}
.menu li.open > ul {
display: block;
width: 100%;
flex-basis: 100%;
}
.menu li > ul {
width: 100%;
flex-basis: 100%;
}
.menu .menu-toggle {
display: inline-block !important;
background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
background-size: 1.2em 1.2em;
background-color: transparent;
border: none;
position: static;
margin-left: auto;
top: auto;
right: auto;
transform: none;
font-size: 1.2em;
cursor: pointer;
z-index: 2;
flex-shrink: 0;
line-height: 1;
width: 30px !important;
height: 30px !important;
width: 2.2em;
}
.menu .menu-toggle.open {
background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 10L8 6L12 10" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.menu ul {
display: none;
padding-left: 1em;
}
}
@media (max-width: 884px) and (min-width: 768px) {
.menu .menu-toggle {
display: none !important;
}
.menu ul {
display: block !important;
padding-left: 0;
}
}
@media (min-width: 885px) {
.nav-main {
display: flex;
padding: 10px 5% 10px 5%;
margin-top: 10px;
}
.menu {
list-style: none;
padding: 0;
margin: 0;
line-break: normal;
display: flex;
}
.menu * {
font-family: "Roboto Condensed";
}
.menu li {
margin: 0;
position: relative;
align-items: center;
flex-wrap: wrap;
padding-right: 10px;
padding-left: 10px;
}
.menu li:before {
content: "•";
position: absolute;
top: 1px;
left: -5px;
}
.menu li > a {
flex: 1 1 auto;
min-width: 0;
}
.menu li.has-children > .menu-toggle {
display: inline-block;
}
.menu li.open > ul {
display: block;
width: 100%;
flex-basis: 100%;
}
.menu li > ul {
width: 100%;
flex-basis: 100%;
}
.menu .menu-toggle {
display: inline-block !important;
background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
background-size: 1.2em 1.2em;
background-color: transparent;
border: none;
position: static;
margin-left: auto;
top: auto;
right: auto;
transform: none;
font-size: 1.2em;
cursor: pointer;
z-index: 2;
flex-shrink: 0;
line-height: 1;
width: 30px !important;
height: 30px !important;
border: 2px solid red;
width: 2.2em;
}
.menu .menu-toggle.open {
background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 10L8 6L12 10" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.menu ul {
display: none;
padding-left: 1em;
}
}
@media (min-width: 885px) and (min-width: 768px) {
.menu .menu-toggle {
display: none !important;
}
.menu ul {
display: block !important;
padding-left: 0;
}
}
iframe {
width: 100%;
height: 50vw;
max-width: 550px;
max-height: 300px !important;
display: block;
}
.main-content-wrapper {
background-color: white;
background-image: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/images/bg-split.png);
background-repeat: no-repeat;
background-position: top right;
}
.main-content-wrapper .article-content {
padding: 2rem 1rem;
}
.main-content-wrapper .article-content a {
text-decoration: underline;
}
@media (min-width: 768px) {
.main-content-wrapper .article-content {
padding: 3rem;
}
}
.header.container {
background: #dedede;
background: linear-gradient(90deg, rgba(222, 222, 222, 0) 0%, #dedede 10%, #dedede 90%, rgba(232, 232, 232, 0) 100%);
max-width: 117rem;
}
.schedule-content {
padding: 5rem 1rem;
}
.schedule-content * {
font-family: "Roboto Condensed";
color: white;
}
.schedule-content a {
border-bottom: 1px solid white;
}
.schedule-content a:hover {
color: #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}
.top-image-container img {
display: block;
margin: 0 auto;
}
.hero .column {
padding: 0 !important;
}
.hero .hero-image {
display: block;
max-width: 100%;
width: 100%;
}
.section-container {
background: white;
padding: 2rem 1rem;
}
@media (min-width: 40rem) {
.section-container {
padding: 3rem;
}
}
.th-image {
max-width: 23.2%;
}
@media (min-width: 40rem) {
.th-image {
max-width: 109px;
}
}
.cooperation-labels {
padding-top: 50px;
padding-bottom: 50px;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.cooperation-labels .cooperation-item {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
justify-items: center;
max-width: 30%;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 60rem) {
.cooperation-labels .cooperation-item {
flex: 1 1 170px;
min-width: 100px;
max-width: 200px;
aspect-ratio: 5 / 3;
}
}
.footer-section {
background-color: #9eaab2;
background-image: url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/images/bg_footer.jpg);
background-position: bottom left;
padding: 50px 0;
margin-top: 50px;
}
.footer-section p,
.footer-section a {
font-family: "Roboto Condensed";
font-weight: 600;
color: white;
}
.gallery-section .gallery-title {
cursor: pointer;
}
.gallery-section .gallery-title h2,
.gallery-section .gallery-title h3 {
color: black;
font-weight: 300;
letter-spacing: 1px;
display: inline-block;
border-bottom: 1px solid transparent;
}
.gallery-section .gallery-title h2:hover,
.gallery-section .gallery-title h3:hover {
border-bottom: 1px solid black;
}
.gallery-section .gallery-title h2:before,
.gallery-section .gallery-title h3:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 8px solid black;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
padding-right: 5px;
margin-bottom: 2px;
transition: all ease-out 0.2s;
}
.gallery-section .gallery-title h2.open:before,
.gallery-section .gallery-title h3.open:before {
transform: rotate(90deg);
transition: all ease-out 0.2s;
margin-right: 5px;
margin-top: 5px;
margin-left: -5px;
margin-bottom: 0;
}
.gallery-section .gallery-row {
padding-bottom: 3rem;
}
body {
background-position: center top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
}html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/swipebox/img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(//merkuriuksenkarnevaalit.fi/wp-content/themes/merkurius/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}