/*---------------*\
$FRANTIC TOOLBOX
\*------------------------------------*/
/*------------------------------------*\
$IMPORTS
\*------------------------------------*/
/*------------------------------------*\
$CONFIG
\*------------------------------------*/
/*------------------------------------*\
Greyscale
\*------------------------------------*/
/*------------------------------------*\
Typography
\*------------------------------------*/
/*------------------------------------*\
Colors. Use meaningful names
\*------------------------------------*/
/*------------------------------------*\
Links
\*------------------------------------*/
/*------------------------------------*\
Tables
\*------------------------------------*/
/*------------------------------------*\
Enable styles
\*------------------------------------*/
/*------------------------------------*\
Breakpoints
\*------------------------------------*/
/*------------------------------------*\
$MIXINS
\*------------------------------------*/
/*------------------------------------*\
Pixels to ems
font-size: em(21px, 15px);
\*------------------------------------*/
/*------------------------------------*\
Configurable Media Queries. Also used to generate old-ie CSS without MQs.
$value - Breakpoint value
$feature - Media query operator
$media - Media type
\*------------------------------------*/
/*----------------------------------------------*\
RGBA fallbacks:
Use like this: @include tran(bg, #00ff00, .8);
\*----------------------------------------------*/
/*------------------------------------*\
$HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn't already have a class to which you could apply this
* styling, e.g. if you need to float '.main-nav' left then add 'float:left;' to
* that ruleset as opposed to adding the '.float--left' class to the markup.
*
* A lot of these classes carry '!important' as you will always want them to win
* out over other selectors.
*/
/**
* Clearfix
*/
.clearfix:after,
.media:after,
.nav:after,
.nav-primary:after,
.item:after {
content: "";
display: table;
clear: both;
}
/**
* Add/remove floats
*/
.float--right {
float: right !important;
}
.float--left {
float: left !important;
}
.float--none {
float: none !important;
}
/**
* Text alignment
*/
.text--left {
text-align: left !important;
}
.text--center {
text-align: center !important;
}
.text--right {
text-align: right !important;
}
.chromeframe {
padding: 0.2em 0;
margin: 0.2em 0;
background: #c4c4c4;
color: black;
}
/**
* Apply capital case to an element (usually a 'strong').
*/
.caps {
text-transform: uppercase !important;
}
/**
* Hide content off-screen without resorting to 'display:none;', also provide
* breakpoint specific hidden elements.
*/
.validation_message,
.validation_error{color:#ed143d!important;}
.accessibility,
.visuallyhidden,
.gform_validation_container {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
/*------------------------------------*\
$LAYOUT
\*------------------------------------*/
/*------------------------------------*\
$LAYOUT
\*------------------------------------*/
.l-wrap {
width: 100%;
}
.l-constrained {
margin: 0 auto;
max-width: 1400px;
}
.l-constrained--content {
margin-bottom: 1.9em;
margin-top: 2em;
}
.home .l-constrained--content,
.page-parent .l-constrained--content,
.page-child .l-constrained--content {
margin-top: 0;
}
.l-constrained--content {
margin-top: -1px!important;
}
.error404 .l-constrained--content {
padding-top: 1em;
}
@media screen and (min-width: 1103px) {
.error404 .l-constrained--content.has-submenu {
margin-top: 3.2em;
}
}
div.l-main {
background-color: white;
margin: 0 auto;
max-width: 1400px;
}
.clean-form{font-size: 1.1em;}
.clean-form h3{ margin-bottom: 1em!important;}
.clean-form h3:first-child {padding-top: 0!important;}
.clean-form #mc_embed_signup .block {max-width: 100%!important;}
.clean-form .day {max-width: 300px;}
.clean-form #mc_embed_signup input[type="submit"] {padding: 14px 30px;
width: 100%;}
.clean-form #mc_embed_signup input[type="submit"]:hover {padding: 14px 30px;
width: 100%;}
.page-title {
font-size: 2.8em;
letter-spacing: normal;
padding: 0;
margin-top: 0.25em!important;
margin-bottom: 0.25em!important;
}
@media screen and (min-width: 48em) {
.page-title {}
}
article > .item__subheading {
margin-top: -1.6em;
}
article > .item__subheading,
article > .item__time {
color: #1d1d1b;
padding-bottom: 0.3em;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
@media screen and (min-width: 48em) {
article > .item__subheading,
article > .item__time {
padding-left: 36px;
}
}
article > .item__time {
padding-bottom: 1em;
padding-top: 0.8em;
}
.text-container {
background-color: #fafafa;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.main-image-wrap {
position: relative;
}
.text-container__content {
padding-top: 1em;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
background-color: white;
color: #1d1d1b;
padding: 1em 1.6rem 1em;
max-width: 100%;
}
@media screen and (min-width: 48em) {
.text-container__content {
padding-left: 2.2em;
padding-right: 2.2em;
}
}
.text-container__content h1,
.text-container__content h2,
.text-container__content h3,
.text-container__content h4,
.text-container__content h5,
.text-container__content h6 {
margin-top: 1.4em;
margin-bottom: -0.1em;
}
.text-container__content h1:first-child,
.text-container__content h2:first-child,
.text-container__content h3:first-child,
.text-container__content h4:first-child,
.text-container__content h5:first-child,
.text-container__content h6:first-child {
margin-top: 0;
}
.text-container__content h1:first-child {
padding-top: 0.3em;
}
.text-container__content h2:first-child {
padding-top: 0.6em;
}
.text-container__content h3:first-child {
padding-top: 0.7em;
}
.text-container__content h4:first-child,
.text-container__content h5:first-child {
padding-top: 0.8em;
}
.text-container__content p {
font-size: 1.08em;
line-height: 1.52em;
margin: 1em 0;
}
.text-container__content ul,
.text-container__content ol {
margin: 1.5em 0 0;
font-size: 1.08em;
}
@media screen and (min-width: 48em) {
.text-container__content {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
width: 75%;
}
}
.text-container__content a {
color: #ed008c;
text-decoration: none;
margin-top: -0.5em;
padding-top: 0;
}
.no-flexbox .text-container {
display: inline-block;
}
@media screen and (min-width: 48em) {
.no-flexbox .text-container {
display: block;
}
}
.no-flexbox .text-container__content {
display: block;
}
@media screen and (min-width: 48em) {
.no-flexbox .text-container__content {
float: left;
border-right: 1px solid black;
}
}
.no-flexbox .text-container__content:only-child {
border-right: 0;
width: 100%;
}
.carousel--main ~ .text-container p:first-child,
.wp-post-image ~ .text-container p:first-child {
margin: 0 0 0.9em;
padding-top: 1em;
}
.g--one--fourth {
display: inline-block;
width: 100%;
text-align: center;
}
@media screen and (min-width: 40em) {
.g--one--fourth {
text-align: left;
width: 49%;
}
}
@media screen and (min-width: 60em) {
.g--one--fourth {
max-width: 24%;
}
}
@media screen and (min-width: 34em) {
.search-results__header {
padding: 0 1.2em;
}
}
.search-results__title {
font-size: 2em;
letter-spacing: -2px;
padding-top: 0.3em;
padding-left: 1.1em;
}
@media screen and (min-width: 34em) {
.search-results__title {
padding-left: 0.6em;
}
}
@media screen and (min-width: 40em) {
.search-results__title {
font-size: 2em;
padding-left: 0.5em;
}
}
.result {
border-bottom: 1px solid #c4c4c4;
color: #1d1d1b;
padding: 1.1em 2.2em;
}
@media screen and (min-width: 40em) {
.result {
margin: 0 2.2em;
padding: 1.1em 0;
}
}
.result:last-of-type {
border-bottom: 0px;
}
.result__header {
margin: 0;
padding: 0;
}
.result__title {
color: #1d1d1b;
font-size: 1.4em;
}
.result__title a {
color: inherit;
}
.result__excerpt {
font-size: 0.95em;
}
.social-container a{margin:0;}
.social-container a:hover {
color: #fff!important;
}
.page-template-page-multiple-lists-php .social-container,
.page-template-page-list-php .social-container {
background-color: white;
max-width: 1400px;
margin: 0 auto;
padding: 1em 0 8em 1em;
}
@media screen and (min-width: 30em) {
.page-template-page-multiple-lists-php .social-container,
.page-template-page-list-php .social-container {
padding-left: -webkit-calc(1.2em + 1.5%);
padding-left: calc(1.2em + 1.5%);
}
}
@media screen and (min-width: 40em) {
.page-template-page-multiple-lists-php .social-container,
.page-template-page-list-php .social-container {
padding-bottom: 3em;
}
}
@media screen and (min-width: 48em) {
.page-template-page-multiple-lists-php .social-container,
.page-template-page-list-php .social-container {
padding-left: 2.2em;
}
}
.no-flexbox .page-template-page-multiple-lists-php .social-container,
.no-flexbox .page-template-page-list-php .social-container {
padding-left: 1em;
}
@media screen and (min-width: 34em) {
.no-flexbox .page-template-page-multiple-lists-php .social-container,
.no-flexbox .page-template-page-list-php .social-container {
padding-left: 2.7em;
}
}
@media screen and (min-width: 1103px) {
.no-flexbox .page-template-page-multiple-lists-php .social-container,
.no-flexbox .page-template-page-list-php .social-container {
padding-left: 2.1em;
}
}
.social-container {
max-width: 400px;
clear: both;
}
@media screen and (min-width: 40em) {
.social-container {
height: 43px;
}
}
.fb-like.fb_iframe_widget {
width: 140px !important;
}
.fb-like.fb_iframe_widget span {
display: block;
}
.fb-like.fb_iframe_widget iframe {
margin-bottom: 1em;
}
@media screen and (min-width: 40em) {
.fb-like.fb_iframe_widget {
margin-bottom: 1em;
}
}
.twitter-share-button {
width: 140px !important;
}
@media screen and (min-width: 40em) {
.twitter-share-button {
margin-bottom: 1em !important;
}
}
#___plusone_0 {
vertical-align: top !important;
}
.fb-like.fb_iframe_widget,
.twitter-share-button,
#___plusone_0 {
display: block;
height: 40px !important;
}
@media screen and (min-width: 40em) {
.fb-like.fb_iframe_widget,
.twitter-share-button,
#___plusone_0 {
display: inline-block !important;
height: 20px !important;
}
}
/*------------------------------------*\
$BASE
\*------------------------------------*/
/*------------------------------------*\
$ROOT
\*------------------------------------*/
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
background: #f4f4f4;
color: #a0a0a0;
font-family: "Roboto", "Arial", "Helvetica", "sans-serif";
font-size: 100%;
font-weight: 400;
line-height: 1.5;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
background-color: #f4f4f4;
}
::-moz-selection {
/* Code for Firefox */
background: #e6007e;
color: #fff;
}
::selection {
background: #e6007e;
color: #fff;
}
.header {
background-color: white;
max-width: 100%;
position: relative;
}
.header + .l-constrained {
position: relative;
}
.l-constrained--content {
position: relative;
z-index: 20;
}
@media screen and (min-width: 1103px) {
.header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 1400px;
margin: 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-parent .header-wrap,
.page-child .header-wrap {
margin-bottom: 3.6em;
}
}
@media screen and (min-width: 70em) {
.header-wrap {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
header[role=banner] {
padding: 1.15em 0 0.5em 1em;
}
@media screen and (min-width: 30em) {
header[role=banner] {
padding-left: 0.8rem;
}
}
@media screen and (min-width: 1103px) {
header[role=banner] {
padding: 0 0 0 1.5rem;
padding-left: 0.8rem;
}
}
@media screen and (min-width: 70em) {
header[role=banner] {
vertical-align: middle;
}
}
@media screen and (min-width: 1103px) {
#logo {
display: block;
padding-top: 0.125em;
}
}
#logo img {
width: 121px;
height: 36px;
}
@media screen and (min-width: 1103px) {
#logo img {
width: 150px;
height: 45px;
}
}
@media screen and (min-width: 70em) {
#logo img {
width: auto;
width: 168px;
height: 50px;
}
}
nav {
max-width: 1400px;
margin: 0 auto;
padding-left: 0;
}
@media screen and (min-width: 1103px) {
nav {
padding-left: 2.2rem;
}
}
@media screen and (min-width: 1103px) {
nav {
padding-left: 1em;
}
}
.header__main {
max-width: 1400px;
margin: 0 auto;
position: relative;
padding-bottom: 0.5em;
-ms-flex-positive: 1;
}
@media screen and (min-width: 1103px) {
.header__main {
padding-bottom: 0;
display: inline-block;
margin: 0;
}
}
.header__nav,
.menu-search-container {
position: relative;
}
@media screen and (min-width: 1103px) {
.header__nav,
.menu-search-container {
display: inline-block;
position: static;
}
}
@media screen and (min-width: 70em) {
.header__nav,
.menu-search-container {
position: static;
}
}
@media screen and (min-width: 1103px) {
.lang-container {
display: inline-block;
position: relative;
width: 90px;
vertical-align: middle;
}
}
.nav-lang {
font-size: 1em;
list-style: none;
margin: 0;
padding-left: 0;
width: auto;
top: -4em;
right: 7em;
position: absolute;
}
@media screen and (min-width: 1103px) {
.nav-lang {
top: -1.6em;
right: 0;
border: 0;
width: auto;
width: 90px;
top: -1.65em;
right: 0;
}
}
.nav-lang.open .nav-lang__item {
display: block;
}
.nav-lang.open .icon-expand {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav-lang__item {
text-align: center;
background: white;
display: none;
position: relative;
z-index: 30;
}
@media screen and (min-width: 1103px) {
.nav-lang__item {
text-align: auto;
width: auto;
}
}
.nav-lang__item a {
color: #1d1d1b;
display: block;
padding: 0.9em 0;
}
@media screen and (min-width: 1103px) {
.nav-lang__item a {
padding: 1em;
width: 80px;
background: white;
text-align: left;
}
}
.nav-lang__item-active {
background: none;
padding: 1em;
display: block;
cursor: pointer;
color: black;
white-space: nowrap;
}
.nav-lang__item-active .icon-expand {
background-image: url(../../assets/img/arrow-down-black-large.png);
background-position: center;
background-repeat: no-repeat;
background-size: 10px;
display: inline-block;
height: 1em;
vertical-align: middle;
width: 1em;
-webkit-transition: -webkit-transform .25s ease;
transition: transform .25s ease;
}
.search-icon {
display: inline-block;
padding-left: 5px;
vertical-align: middle;
cursor: pointer;
}
.search-icon:before {
content: "";
background: url(../../assets/img/search_thin.png);
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 25px;
width: 25px;
}
@media screen and (min-width: 1103px) {
.search-icon:before {
height: 20px;
width: 17px;
}
}
.searchform {
margin: 0;
padding: 0 1em;
position: relative;
right: 0;
top: -0.5em;
text-align: center;
}
@media screen and (min-width: 1103px) {
.searchform {
padding: 0;
position: absolute;
top: -1.7em;
text-align: left;
}
}
@media screen and (min-width: 1103px) {
.searchform {
position: relative;
top: 0.4em;
}
}
.searchform__contents {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.searchform__contents .fa {
color: #1d1d1b;
cursor: pointer;
position: absolute;
right: 8px;
top: 7px;
}
.searchform__contents input[type=submit] {
display: block;
border: 0;
height: 1.7em;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 1.6em;
}
.searchform__contents input[type=text] {
border: 1px solid #a0a0a0;
border-radius: 0;
display: block;
padding: 0.3em;
padding-right: 30px;
width: 100%;
-webkit-appearance: none;
}
@media screen and (min-width: 1103px) {
.searchform__contents input[type=text] {
width: 15.5em;
}
}
@media screen and (min-width: 1103px) {
.searchform__contents {
height: 0;
width: auto;
margin: 0;
}
.searchform__contents.show-placeholder:before {
content: attr(data-placeholder);
height: 50px;
position: absolute;
left: 2.2rem;
top: 0.8em;
z-index: 9;
-webkit-transform: translate3d(0, -150%, 0);
-ms-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
-webkit-transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
}
}
@media screen and (min-width: 1103px) and (min-width: 1103px) {
.searchform__contents.show-placeholder:before {
left: 1em;
}
}
@media screen and (min-width: 1103px) {
.show-search .searchform__contents.show-placeholder:before {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/*------------------------------------*\
$TYPOGRAPHY
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1d1d1b;
margin: 0;
font-family: "Roboto", "Arial", "Helvetica", "sans-serif";
font-weight: bold;
text-rendering: optimizeLegibility;
}
h1,
.alpha {
margin-bottom: 0.5em;
font-weight: bold;
letter-spacing: -2px;
font-family: "Roboto", "Arial", "Helvetica", "sans-serif";
font-weight: bold;
font-size: 2.8em;
line-height: 1.2;
}
h2,
.beta {
margin-bottom: 0.75em;
font-size: 1.9em;
line-height: 1.2;
}
h3,
.gamma {
margin-bottom: 1em;
font-size: 1.5em;
line-height: 1.3;
}
h4,
.delta {
margin-bottom: 1.5em;
font-size: 1.2em;
line-height: 1.25;
}
h5,
.epsilon {
margin-bottom: 1.5em;
font-size: 0.9333333333em;
}
h6,
.zeta {
margin-bottom: 1.5em;
font-size: 0.9333333333em;
font-weight: 400;
}
/* Blockquotes */
blockquote,
blockquote p {
font-size: 1.3em;
color: #e5007c;
font-family: 'Bitter', serif;
position: relative;
max-width: 700px;
}
blockquote:before {
display: block;
content: "\201d";
font-size: 60px;
position: absolute;
top: 8px;
left: 12px;
}
blockquote p {
margin: 0;
}
blockquote blockquote {
font-size: 1em;
}
blockquote {
margin: -0.5em 0 -1em;
padding: 0.75em 2em;
}
blockquote cite {
display: block;
font-size: 0.8751em;
margin-top: 0.75em;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
color: #555;
}
p {
margin: 0;
}
.lead,
.lede {
margin-bottom: 1em;
line-height: 1.3;
font-size: 120%;
}
ol,
ul {
margin: 0 0 1.5em 0;
}
ol.unstyled,
ul.unstyled {
list-style: none;
margin: 0;
padding: 0;
}
li > ul,
li > ol {
margin-bottom: 0;
}
.italic {
font-style: italic;
}
abbr[title] {
border-bottom: dotted 1px;
cursor: help;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: "Roboto", "Arial", "Helvetica", "sans-serif";
font-size: 1.0666666667em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*------------------------------------*\
Links
\*------------------------------------*/
a {
background: transparent;
color: #a0a0a0;
text-decoration: none;
}
a:focus {
color: #878787;
}
a:hover {
color: #ed008c !important;
}
.teasers {
color: #1d1d1b;
margin: 0 auto;
}
.teasers__heading {
padding: 2em 2.5em 1.2em;
margin-bottom: -2.7em;
background: #fff;
}
.teasers a {
color: inherit;
}
@media screen and (min-width: 1103px) {
.teasers {
max-width: 1400px;
}
.home .teasers {
max-width: 1400px;
}
}
.image_teasers {
padding-bottom: 2em;
}
.teaser--image {
background-color: white;
display: inline-block;
font-size: 0.95em;
margin-top: 2.2em;
vertical-align: top;
}
@media screen and (min-width: 30em) {
.teaser--image {
border: 1px solid #ebebeb;
}
}
.teaser--image__type {
color: #1d1d1b;
font-size: 0.8em;
margin: 0 0 0.76em;
padding-left: 2.1em;
padding-right: 1.6em;
text-transform: uppercase;
}
@media screen and (min-width: 40em) {
.teaser--image__type {
padding-left: 1.3em;
}
}
.teaser--image__link {
display: block;
width: 100%;
}
.teaser--image__link .teaser--image--image {
width: 100%;
}
.teaser--image__link p {
margin: 0;
font-size: 1.1em;
padding: 0 1.6em 1em 1.6rem;
}
@media screen and (min-width: 40em) {
.teaser--image__link p {
padding: 0 1em 1em;
}
}
.teaser--image__link p:last-child {
padding-bottom: 1.7em;
}
.teaser--image__heading {
font-size: 1.8em;
margin-bottom: 0;
padding-left: 1.6rem;
padding-right: 1.6em;
padding-top: 1em;
word-break: break-word;
padding-bottom: 0.1em;
}
@media screen and (min-width: 40em) {
.teaser--image__heading {
padding-left: 0.6em;
}
}
.teaser--image__heading + p {
padding-top: 1em;
}
@media screen and (min-width: 40em) {
.teaser--image__heading + p {
padding-top: 1.7em;
}
}
@media screen and (min-width: 40em) {
.teaser--image__heading + .teaser--image__date {
padding-top: 0.4em;
}
}
.teaser--image--big {
max-width: 628px;
width: 95%;
}
.text_teasers {
background-color: white;
border: 1px solid #ebebeb;
max-width: 1400px;
margin: 0 auto;
padding: 2em 0 0;
text-align: center;
width: 100%;
}
.home .text_teasers {
max-width: 1400px;
}
@media screen and (min-width: 30em) {
.home .text_teasers {
margin: 0 10px;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
}
}
@media screen and (min-width: 30em) {
.text_teasers {
padding: 2em 1.2rem 0;
}
}
@media screen and (min-width: 40em) {
.text_teasers {
text-align: left;
}
}
@media screen and (min-width: 48em) {
.text_teasers {
padding-left: 1.4rem;
padding-right: 2.4rem;
}
}
@media screen and (min-width: 1103px) {
.text_teasers {
padding-left: 1rem;
}
}
body:not(.home) .text_teasers {
border: 0;
}
@media screen and (min-width: 30em) {
body:not(.home) .text_teasers {
padding-top: 2em;
}
}
@media screen and (min-width: 48em) {
body:not(.home) .text_teasers {
padding-left: 2.1rem;
padding-right: 2.1rem;
}
}
.teaser--text {
display: inline-block;
font-size: 1em;
margin-bottom: 1em;
padding: 0 2em;
vertical-align: top;
width: 100%;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
}
.teaser--text a {
color: #ed008c;
padding: 0;
text-decoration: underline;
}
.teaser--text p + p {
margin-top: 0.3em;
}
.teaser--text a:hover {color: #009fe3!important;}
.teaser--text a,
.teaser--text a:hover {
text-decoration: none;
}
@media screen and (min-width: 40em) {
.teaser--text {
padding: 0;
}
}
.teaser--text:not(:first-child) {
border-top: 1px solid #E5E5E5;
padding-top: 1em;
}
@media screen and (min-width: 40em) {
.teaser--text:not(:first-child) {
border-top: 0;
}
}
.teaser--text:last-child {
margin-bottom: 2em;
}
.teaser--text__heading {
margin-bottom: 0.4em;
font-size: 1.5em;
}
.flexbox .image_teasers {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (min-width: 30em) {
.flexbox .image_teasers {
padding: 10px 0 0.8em;
}
}
@media screen and (min-width: 30em) {
.flexbox body:not(.home) .image_teasers {
padding: 1em 0.4em 1.8em;
}
}
@media screen and (min-width: 48em) {
.flexbox body:not(.home) .image_teasers {
padding-left: 1.2em;
padding-right: 1.2em;
}
}
.flexbox .teaser--image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0;
}
.flexbox .teaser--image--big {
border-top: 0;
border-left: 0;
width: 95%;
}
@media screen and (min-width: 40em) {
.flexbox .teaser--image--big {
width: 63%;
max-width: 63%;
}
}
@media screen and (min-width: 30em) {
.flexbox .teaser--image--small {
margin: 10px;
max-width: -webkit-calc(50% - 20px);
max-width: calc(50% - 20px);
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
}
}
@media screen and (min-width: 40em) {
.flexbox .teaser--image--small {
max-width: -webkit-calc(33.367% - 20px);
max-width: calc(33.367% - 20px);
width: -webkit-calc(32.667% - 20px);
width: calc(32.667% - 20px);
}
}
@media screen and (min-width: 30em) {
.flexbox body:not(.home) .teaser--image--small {
max-width: 47%;
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 5px;
}
}
@media screen and (min-width: 40em) {
.flexbox body:not(.home) .teaser--image--small {
max-width: 30.3%;
width: 30.3%;
}
}
.flexbox .teaser--image--side_by_side_nosto {
width: 100%;
}
@media screen and (min-width: 30em) {
.flexbox .teaser--image--side_by_side_nosto {
margin: 10px;
}
}
@media screen and (min-width: 40em) {
.flexbox .teaser--image--side_by_side_nosto {
max-width: 49%;
width: -webkit-calc(49% - 20px);
width: calc(49% - 20px);
}
}
@media screen and (min-width: 34em) {
html:not(.flexbox) .image_teasers {
padding-left: 2.7em;
padding-top: 2em;
}
}
@media screen and (min-width: 1103px) {
html:not(.flexbox) .image_teasers {
padding-left: 2.4em;
padding-right: 0;
}
}
html:not(.flexbox) .teaser--image {
display: inline-block;
margin: 0;
}
@media screen and (min-width: 34em) {
html:not(.flexbox) .teaser--image {
margin-bottom: 2.2em;
}
}
@media screen and (min-width: 48em) {
html:not(.flexbox) .teaser--image {
margin-right: 1em;
}
}
@media screen and (min-width: 1103px) {
html:not(.flexbox) .teaser--image {
margin-left: -5px;
margin-right: 2.3em;
}
}
html:not(.flexbox) .teaser--image--big {
width: 100%;
}
@media screen and (min-width: 34em) {
html:not(.flexbox) .teaser--image--big {
width: 95%;
}
}
@media screen and (min-width: 40em) {
html:not(.flexbox) .teaser--image--big {
margin-left: 0;
max-width: 62%;
}
}
@media screen and (min-width: 1103px) {
html:not(.flexbox) .teaser--image--big {
margin-left: -5px;
margin-right: 2.3em;
max-width: 63.3%;
}
}
html:not(.flexbox) .teaser--image--small {
width: 100%;
}
@media screen and (min-width: 34em) {
html:not(.flexbox) .teaser--image--small {
width: 47%;
}
}
@media screen and (min-width: 40em) {
html:not(.flexbox) .teaser--image--small {
margin-right: 1.5%;
width: 30%;
}
}
@media screen and (min-width: 1103px) {
html:not(.flexbox) .teaser--image--small {
margin-right: 2.3em;
}
}
html:not(.flexbox) .teaser--image--side_by_side_nosto {
width: 100%;
}
@media screen and (min-width: 34em) {
html:not(.flexbox) .teaser--image--side_by_side_nosto {
width: 95%;
}
}
@media screen and (min-width: 40em) {
html:not(.flexbox) .teaser--image--side_by_side_nosto {
width: 46.1%;
margin-right: 1.5%;
}
}
@media screen and (min-width: 1103px) {
html:not(.flexbox) .teaser--image--side_by_side_nosto {
width: 46.6%;
margin-right: 2.3em;
}
}
.page-template-page-list-php .image_teasers,
.page-template-page-multiple-lists-php .image_teasers,
body:not(.home) .image_teasers {
background-color: white;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
@media screen and (min-width: 34em) {
.page-template-page-list-php .image_teasers,
.page-template-page-multiple-lists-php .image_teasers,
body:not(.home) .image_teasers {
padding-top: 1.6em;
}
}
.page-template-page-list-php .image_teasers + .text_teasers,
.page-template-page-multiple-lists-php .image_teasers + .text_teasers,
body:not(.home) .image_teasers + .text_teasers {
border-top: 1px solid #E5E5E5;
}
@media screen and (min-width: 40em) {
.page-template-page-list-php .image_teasers + .text_teasers,
.page-template-page-multiple-lists-php .image_teasers + .text_teasers,
body:not(.home) .image_teasers + .text_teasers {
border-top: 0;
}
}
.page-template-page-list-php .teaser--image,
.page-template-page-multiple-lists-php .teaser--image,
body:not(.home) .teaser--image {
min-height: 0;
}
/*------------------------------------*\
$IMAGES
\*------------------------------------*/
/**
* Fluid images.
*/
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
/**
* Rounded images.
*/
.img--round {
border-radius: 50%;
}
/**
* Image placement variations.
*/
.img--right {
float: right;
margin-bottom: 1.5em;
margin-left: 1.5em;
}
.img--left {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.img--center {
display: block;
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
}
/**
* Figure
*/
figure {
margin: 0 0 1.5em;
}
figure > img {
display: block;
}
/*------------------------------------*\
$TABLES
\*------------------------------------*/
table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5em;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
table th,
table td {
padding: 0.5333333333em;
border-top: 1px solid #c4c4c4;
text-align: left;
vertical-align: top;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table colgroup + thead tr:first-child tr,
table colgroup + thead tr:first-child td {
border-top: 0;
}
table colgroup thead:first-child tr:first-child th,
table colgroup thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody {
border-top: 2px solid #c4c4c4;
}
table tbody tr:hover td,
table tbody tr:hover th {
background-color: #b2f2ff;
}
table.table--striped tbody tr:nth-child(odd) td,
table.table--striped tbody tr:nth-child(odd) th {
background-color: #e5fbff;
}
/*------------------------------------*\
Calendar
\*------------------------------------*/
#legend_box {
font: 12px/4em sans-serif!important;
float: right;
}
#legend li:hover {
opacity: 0.8;
}
.tribe-events-calendar td.mobile-active {
background-color: #fff!important;
}
.tribe-events-calendar td.tribe-events-present {
background-color: #fff!important;
}
#tribe-events-header {
display: none;
}
.tribe-events-page-title {
float: left;
margin-bottom: 1.2em!important;
line-height: 45px;
}
#tribe-events-content .tribe-events-calendar td,
#tribe-events-content table.tribe-events-calendar {
border: 0!important;
}
.tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
background: #fff!important;
color: #1d1d1b!important;
border-top: 1px solid #1d1d1b;
font-size: 2em!important;
padding: 10px 8px!important;
}
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
color: #555!important;
}
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
background: #f1f1f1!important;
}
.tribe-events-calendar thead th {
background-color: #fff!important;
color: #1d1d1b!important;
font-weight: 700;
padding: 1em 0;
white-space: nowrap;
border: 0!important;
}
.tribe-bar-disabled {
float: left!important;
max-width: 35px!important;
margin-top: 27px;
margin-right: 10px;
}
.clndr {
position: absolute;
top: 0px;
font-size: 2.05em;
z-index: -11;
color: #e6007e;
}
#tribe-bar-date {
width: 8px;
opacity: 0;
padding: 10px 15px 0;
}
#tribe-bar-form {
background: none!important;
}
.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
border-bottom: none!important;
margin: 10px 5px!important;
font-size: 14px!important;
padding-bottom: 6px!important;
}
#tribe-events-content .tribe-events-calendar td:hover {
background: #fff!important;
box-shadow: none!important;
}
table tbody tr:hover td,
table tbody tr:hover th {
background-color: #fff!important;
}
#tribe-events-content .tribe-events-calendar td:hover {
background: none!important;
}
#tribe-events-content .tribe-events-calendar td {
padding-bottom: 40px!important;
}
.datepicker.dropdown-menu {
min-width: 250px!important;
/* border: 1px solid rgba(0,0,0,.2); */
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
color: #000!important;
font-size: 15px!important;
}
.datepicker td,
.datepicker th {
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
background: #e6007e!important;
}
.tribe-events-category-nayttely,
.tribe-events-category-exhibition,
.tribe-events-category-utstallning {
background: #fff!important;
border-left: 5px solid #ed008c!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
.tribe-events-category-opastus,
.tribe-events-category-guided-tour,
.tribe-events-category-guidning {
background: #fff!important;
border-left: 5px solid #9359d2!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
.tribe-events-category-teatteri,
.tribe-events-category-theatre,
.tribe-events-category-teater {
background: #fff!important;
border-left: 5px solid #009fe3!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
h3.tribe-events-month-event-title a{font-size: 1.15em!important;}
.url{color:#000!important;font-size: 1.1em;}
.url:hover{color: #000!important;}
.tribe-events-category-taidepaja,
.tribe-events-category-workshop,
.tribe-events-category-verkstad {
background: #fff!important;
border-left: 5px solid #009a3e!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
.tribe-events-category-tapahtuma,
.tribe-events-category-event,
.tribe-events-category-evenemang {
background: #fff!important;
border-left: 5px solid #f39200!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
.tribe-events-category-yleinen,
.tribe-events-category-general,
.tribe-events-category-ovrig {
background: #fff!important;
border-left: 5px solid #1d1d1b!important;
color: #000!important;
padding: 8px 10px!important;
font-size: 14px!important;
}
.tribe-events-category-nayttely a,
.tribe-events-category-exhibition a,
.tribe-events-category-utstallning a {
font-size: 15px!important;
color: #000!important;
}
.tribe-events-category-opastus a,
.tribe-events-category-guided-tour a,
.tribe-events-category-guidning a {
color: #000!important;
font-size: 15px!important;
}
.tribe-events-category-teatteri a,
.tribe-events-category-theatrea a,
.tribe-events-category-teater a {
color: #000!important;
font-size: 15px!important;
}
.tribe-events-category-taidepaja a,
.tribe-events-category-workshop a,
.tribe-events-category-verkstad a {
color: #000!important;
font-size: 15px!important;
}
.tribe-events-category-tapahtuma a,
.tribe-events-category-event a,
.tribe-events-category-evenemang a {
color: #000!important;
font-size: 15px!important;
}
.tribe-events-category-yleinen a,
.tribe-events-category-general a,
.tribe-events-category-ovrig a {
color: #000!important;
font-size: 15px!important;
font-weight: 600!important;
}
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
background: #ffffff!important;
}
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
color: #000!important;
opacity: 0.5;
}
.tribe-events-othermonth .tribe-events-month-event-title {
opacity: 1!important;
}
.tribe-mobile-day-heading {
margin-bottom: 1em!important;
font-size: 1.6em!important;
}
td.tribe-events-present.mobile-active {
background-color: #fff!important;
}
.mobile-active.tribe-events-has-events:after {
background-color: #ed008c!important;
}
.tribe-events-read-more {
margin-bottom: 1em;
}
.tribe-events-category-nayttely h4 {
border-left: 0!important;
border-right: 0!important;
line-height: 1.4em;
padding-left: 0!important;
}
.tribe-events-calendar div[id*=tribe-events-event-] {
margin: 10px 3px!important;
word-wrap: break-word;
}
td.tribe-events-present div[id*=tribe-events-daynum-] {
color: #e6007e!important;
}
.tribe-events-tooltip {
border: 0!important;
color: #1d1d1b!important;
padding: 1em 1em 0!important;
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.22)!important;
}
.tribe-events-tooltip p {
font-size: 14px!important;
}
.tribe-event-duration {
display: none;
}
.tribe-events-tooltip h4 {
color: #1d1d1b!important;
padding-left: 0!important;
border-left: 0!important;
border-right: 0!important;
background-color: #fff!important;
}
.tribe-events-notices {
background: #e6007e!important;
border-radius: 0!important;
border: none!important;
color: #ffffff!important;
margin: 10px 0 18px!important;
padding: 10px 35px 10px 14px!important;
text-shadow: none!important;
}
.tribe-events-nav-previous a,
.tribe-events-nav-next a {
color: #fff;
background: #e6007e!important;
padding: 8px 18px!important;
display: block;
margin-top: 20px;
font-weight: 400!important;
font-size: 16px!important;
}
/*------------------------------------*\
$FORMS
\*------------------------------------*/
.mc4wp-response p{
background: #009fe3;
padding: 10px 20px;
color: #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
margin: 0;
text-align: center;
}
.mc4wp-form-fields h3{ margin-bottom: 1em!important;}
.mc4wp-form-fields h3:first-child {padding-top: 0!important;}
#mc_embed_signup input[type="text"], .email {
border-radius: 0;
width: auto;
border: none;
border-bottom: #000 solid 1px;
-webkit-appearance: none;
}
.day {
display:block;
width: 100%!important;
max-width: 200px;
}
#mc_embed_signup input[type="text"]:focus, .email:focus {
border-bottom: #ed008c solid 1px;
}
#mc_embed_signup .block{
display:block;
width: 100%!important;
max-width: 400px;
}
#mc_embed_signup .lowmargin{
margin-bottom: 1em;margin-top: 2.2em;}
#mc_embed_signup .highul ul{
margin: 0;}
#mc_embed_signup ul{margin: 0.5em 0 0;
font-size: 1em; }
#mc_embed_signup input[type="submit"] {
transition: 0.3s ease!important;
-webkit-appearance: button;
cursor: pointer;
padding: 8px 30px;
font-weight: 300;
color: white;
font-size: 1.1em;
-webkit-font-smoothing: antialiased;
background: #ed008c;
border: none;
margin: 2.3em 0 1em;
}
#mc_embed_signup input[type="submit"]:hover {
opacity:0.8;
padding: 8px 36px;
}
#mc_embed_signup form label {
display: inline-block;
font-weight: normal;
}
#mc_embed_signup .boldi{font-weight: bold;
margin-bottom: 4px;
display: inline-block;
}
#mc_embed_signup p{margin: 0;}
.mc-field-group {
margin-bottom: 1.8em;
}
.mc-field-group li{margin: 9px 0;}
.highul{ margin-top: 11px;}
#mc_embed_signup{
transition: 0.2s ease!important;
margin-top: 2.25em;
}
#mc_embed_signup .asterisk{
color: #ed008c!important;
}
#mc_embed_signup input.mce_inline_error {
border-color: inherit!important;
}
#mc_embed_signup div.mce_inline_error {
margin: 0 0 0.5em 0!important;
padding: 0!important;
background-color: #ffffff00!important;
font-weight: normal!important;
z-index: 1;
color: #ed008c!important;
font-size: 14px;
}
form {
margin: 0 0 1.5em 0;
}
form label {
display: block;
font-weight: bold;
}
form p {
margin-bottom: 0.75em;
}
form ul {
padding: 0;
margin: 0 0 1.5em 0;
list-style: none;
}
form br {
display: none;
}
fieldset {
margin: 0 0.1333333333em 1.5em;
padding: 0;
border: none;
}
legend {
display: block;
width: 100%;
padding: 0;
border: 0;
}
legend small {
color: #c4c4c4;
}
button,
input,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
padding: 8px 24px;
font-weight: 300;
color: white;
font-size: 1.1em;
-webkit-font-smoothing: antialiased;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
background-color: white;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin-right: 1em;
padding: 0;
}
input[type="search"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
vertical-align: top;
}
.gform_wrapper {
margin-top: 1.4em;
}
.gform_wrapper input {
border: none;
border-bottom: 1px solid #000;
padding-bottom: 6px;
}
.gform_wrapper textarea {
border: 1px solid #000;
padding: 6px;
}
input:focus {
outline: none !important;
border-bottom: 1px solid #ed008c;
}
textarea:focus {
outline: none !important;
border: 1px solid #ed008c;
}
*:focus {
outline: none;
}
.gform_wrapper input[type="submit"] {
border-radius: 0;
margin-top: 0.8em;
-webkit-appearance: none;
display: block!important;
}
.gform_heading {
padding-bottom: 0.8em;
}
.gform_description {
display: block;
font-size: 1em;
margin-top: 0.3em;
}
#input_74_1_2 {
float: left;
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
#input_74_1_1 {
float: left;
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
#input_74_1_3 {
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
#input_75_1_2 {
float: left;
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
#input_75_1_1 {
float: left;
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
#input_75_1_3 {
border-radius: 0px;
border: 1px #c4c4c4 solid;
padding: 4px 1px;
}
.gfield {
padding-bottom: 2em;
max-width: 500px;
}
.gsection_title{margin-bottom: 1em!important;}
.gfield.gsection{max-width:100%!important;}
.gfield_label {
padding-bottom: 0.3em;
}
.gfield_checkbox label,
.gfield_radio label {
display: inline-block;
font-weight: normal;
font-size: 0.9em;
}
.gform_button {
background-color: #ed008c;
border: 0 !important;
width: 200px;
}
.gform_button:hover {
background-color: #ee51ae;
background-color: rgba(237, 0, 140, 0.8);
}
input[type="text"],
textarea,
.gfield_select {
border-radius: 0;
width: 100%;
-webkit-appearance: none;
}
.gfield_select {
background-color: white;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: none;
overflow: hidden;
border-radius: 0;
border: 1px solid #c4c4c4;
padding: 0.3em;
}
.gfield_select option {
padding: 0.3em;
}
.gfield_select:not([multiple]) {
background: white url(../../assets/img/arrow-black-down.png) no-repeat 97.5% 50%;
height: 32px;
overflow: hidden;
text-indent: 0.01px;
text-overflow: '';
}
.gfield_select:not([multiple])::-ms-expand {
display: none;
}
.big-form_wrapper .gfield {
max-width: 800px;
}
/*------------------------------------*\
$PRINT
\*------------------------------------*/
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
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;
}
}
footer {
background-color: #FFFFFF;
color: white;
margin-top: 2em;
border-top: #ebebeb 1px solid;
}
footer .l-constrained {
background-color: #FFFFFF;
padding: 0 1.75rem 2.5em;
margin: 0 auto;
max-width: 1400px;
}
@media screen and (min-width: 48em) {
footer .l-constrained {
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-bottom: 4.7em;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
@media screen and (min-width: 1103px) {
footer .l-constrained {
width: auto;
}
}
.g--footer {
color: #1d1d1b;
font-size: 0.8em;
margin-top: 3.7em;
padding-right: 1em;
vertical-align: top;
}
@media screen and (min-width: 1103px) {
.g--footer {
font-size: 0.8em;
}
}
.g--footer h3 {
color: #1d1d1b;
font-size: 2em;
margin-bottom: 0.8em;
}
.g--footer p {
font-size: 1.2em;
}
.g--footer a {
color: #ec008c;
padding-right: 0;
}
.g--footer a:hover {
color: #009fe3!important;
}
.g--footer a:after {
content: "\f105";
font-family: FontAwesome;
padding-left: 5px;
}
.g--footer p:first-of-type {
margin-bottom: 1em;
}
.footer-nav {
background-color: black;
padding: 1.2em 0;
}
.footer-nav div {
background-color: inherit;
}
.footer-nav ul {
font-size: 0.7em;
padding: 0;
margin-bottom: 1.2em;
margin-left: auto;
margin-right: auto;
text-align: left;
vertical-align: top;
}
@media screen and (min-width: 48em) {
.footer-nav ul {
display: block;
text-align: right;
}
}
.footer-nav .l-constrained {
display: table;
padding: 0;
position: relative;
margin: 0;
padding: 0 1rem;
padding: 0 1.6rem;
}
@media screen and (min-width: 48em) {
.footer-nav .l-constrained {
display: block;
margin: 0 auto;
padding-left: 2.4rem;
padding-right: 2.4rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
}
}
.footer-nav__links {
display: table-header-group;
margin: 2em auto 0;
padding: 0 0.8rem 0 0;
}
@media screen and (min-width: 48em) {
.footer-nav__links {
display: inline-block;
position: absolute;
right: 0;
top: 0;
margin: 0;
}
}
@media screen and (min-width: 48em) {
ul.nav--other-sites {
margin: 0.5em 0 1em;
}
}
ul.nav--other-sites a {
color: white;
}
ul.nav--other-sites a:hover {
color: #ed008c;
}
ul.nav--other-sites li {
display: list-item;
padding: 0.5em 0;
}
ul.nav--other-sites li:last-child {
padding-right: 0;
}
@media screen and (min-width: 48em) {
ul.nav--other-sites li {
display: inline-block;
padding: 0 1em;
}
ul.nav--other-sites li:not(:last-child) {
border-right: 1px solid white;
}
}
ul.nav--external_links {
color: #a0a0a0;
}
@media screen and (min-width: 48em) {
ul.nav--external_links {
margin: 1em 0 0.5em;
}
}
ul.nav--external_links li {
display: list-item;
padding: 0.5em 0;
}
ul.nav--external_links li:last-child {
padding-right: 0;
}
@media screen and (min-width: 48em) {
ul.nav--external_links li {
display: inline-block;
padding: 0 0.5em;
}
}
.footer-nav__image {
display: block;
margin: 0 auto;
}
@media screen and (min-width: 48em) {
.footer-nav__image {
display: inline-block;
vertical-align: initial;
}
}
/*------------------------------------*\
$WORDPRESS
\*------------------------------------*/
.alignnone {
margin: 0 1.5em 1.5em 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin: 0 0 1.5em 1.5em;
}
.alignleft {
float: left;
margin: 0 1.5em 1.5em 0;
}
.aligncenter {
display: block;
margin: 0 auto;
}
a img.alignright {
float: right;
margin: 0 0 1.5em 1.5em;
text-align: right;
}
a img.alignnone {
margin: 0 1.5em 1.5em 0;
text-align: left;
}
a img.alignleft {
float: left;
margin: 0 1.5em 1.5em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 0;
}
.wp-caption.alignnone {
margin: 1em 1.5em 1.5em 0;
text-align: left;
}
.wp-caption.alignleft {
margin: 1em 1.5em 1.5em 0;
text-align: left;
}
.wp-caption.alignright {
margin: 1em 0 1.5em 1.5em;
text-align: right;
}
.wp-caption.aligncenter {
margin-top: 1em;
text-align: center;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
margin: 0 10px 0 0;
padding: 0.2em 0.5em;
background: white;
text-align: left;
}
.alignright .wp-caption-text {
margin: 0 0 0 10px;
}
.aligncenter .wp-caption-text {
margin: 0 5px;
}
/*------------------------------------*\
$OBJECTS
\*------------------------------------*/
/*------------------------------------*\
$MEDIA
\*------------------------------------*/
/**
* Place any image- and text-like content side-by-side, as per:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
* E.g.:
*
*
*
*/
.media {
display: block;
}
.media__img {
float: left;
margin-right: 1.5em;
}
/**
* Reversed image location (right instead of left).
*/
.media__img--rev {
float: right;
margin-left: 1.5em;
}
.media__img img,
.media__img--rev img {
display: block;
}
.media__body {
overflow: hidden;
}
.media__body,
.media__body >:last-child {
margin-bottom: 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*------------------------------------*\
$NAV
\*------------------------------------*/
/**
* When used on an `ol` or `ul`, this class throws the list into horizontal mode
* e.g.:
*
*
*
*/
.nav {
list-style: none;
margin-left: 0;
}
.nav > li,
.nav > li > a {
display: inline-block;
*display: inline;
zoom: 1;
}
/**
* `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
*
*
*/
.nav--stacked > li {
display: list-item;
}
.nav--stacked > li > a {
display: block;
}
/**
* `.nav--banner` extends `.nav` and centres the list, e.g.:
*
*
*/
.nav--banner {
text-align: center;
}
/**
* Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
*
*
*/
.nav--block {
line-height: 1;
/**
* Remove whitespace caused by `inline-block`.
*/
letter-spacing: -0.31em;
word-spacing: -0.43em;
white-space: nowrap;
}
.nav--block > li {
letter-spacing: normal;
word-spacing: normal;
}
.nav--block > li > a {
padding: 0.5em;
}
/**
* Force a nav to occupy 100% of the available width of its parent. Extends
* `.nav`, e.g.:
*
*
* Thanks to @pimpl for this idea!
*/
.nav--fit {
display: table;
width: 100%;
}
.nav--fit > li {
display: table-cell;
}
.nav--fit > li > a {
display: block;
}
#search-input {
max-width: 600px;
}
#search-input::-ms-clear {
display: none;
}
#search-input,
.mobile-search-btn {
display: none;
}
.show-search #search-input,
.show-search input[type=submit],
.show-search .mobile-search-btn {
display: block;
}
@media screen and (min-width: 1103px) {
#search-input,
input[type=submit],
.mobile-search-btn {
display: block;
}
}
#show-search {
position: absolute;
top: -2.1em;
right: 2.7em;
font-size: 1.8em;
cursor: pointer;
}
#show-search:hover {
color: #ed008c;
}
@media screen and (min-width: 1103px) {
#show-search {
right: 2.2em;
display: inline-block;
position: static;
font-size: 1em;
border-left: 1px solid #ebebeb;
padding-left: 0.4em;
padding-left: 1em;
}
}
#mobile-search-btn:hover {
color: #ed008c;
}
.nav-container #nav-primary {
display: none;
}
@media screen and (min-width: 1103px) {
.nav-container #nav-primary {
display: inline-block;
margin-right: 1.2em;
}
}
@media screen and (min-width: 1103px) {
.nav-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.open + .nav-container .lang-container,
.open + .nav-container #nav-primary {
display: block;
}
.nav-container .fa-chevron-right {
top: 9px;
}
.nav-primary {
list-style: none;
margin: 0;
padding: 0;
}
.nav-primary > li {
display: block;
border-bottom: 1px solid #c4c4c4;
}
.nav-primary > li:first-child {
border-top: 1px solid #c4c4c4;
}
@media screen and (min-width: 1103px) {
.nav-primary > li {
border: 0 !important;
display: inline-block;
padding-top: 0;
padding-left: 0;
}
}
.nav-primary > li > a {
color: black;
display: block;
padding: 0.9em 0 0.9em 0.9em;
}
@media screen and (min-width: 1103px) {
.nav-primary > li > a {
padding-left: 0;
padding: 2em 0 2em 0.8em;
}
}
@media screen and (min-width: 70em) {
.nav-primary > li > a {
padding: 2em 0 2em 0.8em;
}
}
@media screen and (min-width: 1103px) {
.nav-primary {
border-top: 0;
padding: 0.2em 0 0 0;
display: block;
}
}
.nav-primary .current-page-ancestor,
.nav-primary .current-menu-item {
font-weight: 900;
}
@media screen and (min-width: 1103px) {
.nav-primary .mobile {
display: none !important;
}
}
.nav-primary--button {
color: #1d1d1b;
cursor: pointer;
display: block;
font-size: 40px;
margin-right: 0.5em;
position: absolute;
right: -0.1em;
top: -1.4em;
z-index: 10;
}
.nav-primary--button.open + .nav-container,
.nav-primary--button.open + .searchform {
display: block;
}
@media screen and (min-width: 1103px) {
.nav-primary--button {
display: none;
}
}
.nav-primary--button:before {
content: "";
background: url(../../assets/img/menu_thin.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
display: block;
height: 40px;
width: 34px;
}
.no-js .nav-primary--button:hover + .nav-container,
.no-js .nav-primary--button:hover + .searchform {
display: block;
}
.menu-item {
display: inline-block;
*display: inline;
zoom: 1;
}
.menu-item:not(:last-child) {
padding-right: 0;
}
@media screen and (min-width: 1103px) {
.menu-item:not(:last-child) {
padding-right: 0.8em;
}
}
.sub-menu-container {
background-color: black;
left: 0;
}
@media screen and (min-width: 1103px) {
.sub-menu-container {
position: absolute;
right: 0;
z-index: 20;
}
}
.sub-menu {
display: none;
padding: 0.2em 0 0 0;
margin: 0 auto;
max-width: 1400px;
}
@media screen and (min-width: 1103px) {
.sub-menu {
padding-left: 1.2rem;
}
}
@media screen and (min-width: 1103px) {
.sub-menu {
padding-left: 0;
}
}
.sub-menu .menu-item {
display: block;
padding-right: 1em;
}
.sub-menu .menu-item a {
color: white;
display: block;
font-size: 1em;
padding: .8em 1rem 1.05em;
}
.sub-menu .menu-item a:hover {
color: #e4379d;
}
@media screen and (min-width: 1103px) {
.sub-menu .menu-item {
display: inline-block;
}
}
.sub-menu .current-menu-item a,
.sub-menu .current-page-ancestor > a {
color: #e4379d;
}
@media screen and (min-width: 1103px) {
.sub-menu-container .sub-menu-container {
display: none;
}
}
.nav-primary > .current-menu-item.menu-item-has-children > a,
.nav-primary > .current-page-ancestor > a {
display: block;
position: relative;
}
.nav-primary > .current-menu-item.menu-item-has-children > a:after,
.nav-primary > .current-page-ancestor > a:after {
content: "";
border: 10px solid transparent;
border-bottom-color: black;
position: absolute;
top: 2.1em;
bottom: 0;
left: 30px;
}
@media screen and (min-width: 1103px) {
.nav-primary > .current-menu-item.menu-item-has-children > a:after,
.nav-primary > .current-page-ancestor > a:after {
content: "" !important;
border-bottom-color: black !important;
left: -webkit-calc(50% - 10px);
left: calc(50% - 10px);
}
}
@media screen and (min-width: 1103px) {
.extra_padding {
margin-bottom: 0em !important;
}
}
.current-menu-item .sub-menu,
.current-menu-ancestor .sub-menu,
.current-page-ancestor .sub-menu,
.current-menu-parent .sub-menu {
display: block;
}
@media screen and (min-width: 1103px) {
.current-menu-item .sub-menu,
.current-menu-ancestor .sub-menu,
.current-page-ancestor .sub-menu,
.current-menu-parent .sub-menu {
display: block !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (min-width: 1103px) {
.searchform {
top: 1.5em;
max-width: 64em;
width: 100%;
z-index: -1;
}
.show-search .searchform {
z-index: 1;
}
.mobile-search-btn {
display: none !important;
}
#search-input,
#nav-primary > li > a {
-webkit-transition: -webkit-transform .25s ease, opacity .05s ease;
transition: transform .25s ease, opacity .05s ease;
font-size: 1.02em;
}
.searchform__contents #search-input {
border: 0;
font-style: italic;
height: 50px;
outline: none;
-webkit-transform: translate3d(0, -150%, 0);
-ms-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
width: 100%;
}
}
@media screen and (min-width: 1103px) and (min-width: 48em) {
.searchform__contents #search-input {
padding-left: 2.2rem;
}
}
@media screen and (min-width: 1103px) and (min-width: 1103px) {
.searchform__contents #search-input {
padding-left: 1em;
}
}
@media screen and (min-width: 1103px) {
.searchform__contents #search-input.filled {
font-style: normal;
}
.show-search .searchform__contents #search-input {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.searchform__contents input[type=submit] {
display: none;
}
.searchform__contents .fa {
top: 0.6em;
}
#nav-primary > li > a {
position: relative;
opacity: 1;
}
.show-search #nav-primary > li > a {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.sub-menu--closed .sub-menu-container .sub-menu {
display: none;
}
.sub-menu--closed > a:after {
content: none !important;
}
.sub-menu--open > .sub-menu-container > .sub-menu {
display: block;
}
@media screen and (min-width: 1103px) {
.sub-menu--open > .sub-menu-container > .sub-menu {
display: none;
}
}
.sub-menu--open > a:after {
content: "";
border: 10px solid transparent;
border-bottom-color: black;
position: absolute;
top: 2.1em;
left: 30px;
}
@media screen and (min-width: 1103px) {
.sub-menu--open > a:after {
content: none;
top: auto;
bottom: 0;
}
}
.nav-primary li {
position: relative;
}
@media screen and (min-width: 1103px) {
.nav-primary li {
position: initial;
position: static;
}
}
.nav-primary > li > a {
display: inline-block;
white-space: nowrap;
}
.btn--expand-menu {
-webkit-appearance: none;
background: none;
background-image: url(../../assets/img/arrow-down-black-large.png);
background-repeat: no-repeat;
background-position: 95.5% 50%;
width: 100%;
height: 54px;
border: none;
color: black;
padding: 13px;
margin: 0;
display: inline-block;
font-size: 2em;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
outline: none;
}
.sub-menu .btn--expand-menu {
background-image: url(../../assets/img/arrow-down-white-large.png);
}
@media screen and (min-width: 1103px) {
.btn--expand-menu {
display: none;
}
}
.btn--expand-menu.rotate {
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
background-position: 4.5% 50%;
}
.sub-menu-container .btn--expand-menu {
color: white;
}
.nav-breadcrumbs {
background-color: white;
font-size: 0.9em;
padding: 1em 0 0.6em 0;
}
.bread {
color: #a0a0a0!important;
text-decoration: none!important;
}
@media screen and (min-width: 48em) {
.nav-breadcrumbs {
padding: 1em 0 0.6em 0;
}
}
.nav-breadcrumbs .l-constrained {
margin: 0;
max-width: none;
}
.nav-breadcrumbs .current {
cursor: default;
}
.carousel--main {
margin: 0 auto;
overflow: hidden;
position: relative;
white-space: nowrap;
font-size: 0;
height: 64vh;
max-height: 650px;
z-index: 20;
}
.carousel--video {
z-index: 0;
background-color: #1d1d1b;
height: 64vh;
max-height: 650px;
}
@media screen and (min-width: 1400px) {
.carousel--video {
max-height: 650px;
height: 64vh;
width: 100%;
}
}
@media screen and (max-width: 1400px) {
.l-constrained--content {
max-width: 1200px;
}
.teasers {
max-width: 1050px;
}
.flex-direction-nav li a {
margin-top: -25px!important;;
height: 50px!important;;
line-height: 50px!important;;
width: 35px!important;;
font-size: 22px!important;;
}
.carousel--main{height: 70vh!important;}
.carousel__image{height: 70vh!important;}
div.l-main{max-width: 1050px!important;}
}
.carousel__image_in{height: 70vh!important;}
.carousel--video .responsive-video-overlay {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 34em) {
.carousel--video .responsive-video-overlay {
display: none;
}
}
.carousel--video .carousel__content {
font-size: 16px;
height: auto;
position: absolute;
top: 49%;
transform: translateY(-50%);
}
.carousel__content {
font-size: 16px;
height: auto;
position: absolute;
top: 49%;
transform: translateY(-50%);
}
@media screen and (min-width: 34em) {
.carousel--video .carousel__content {}
}
@media screen and (min-width: 48em) {
.carousel--video .carousel__content {}
}
@media screen and (min-width: 70em) {
.carousel--video .carousel__content {}
}
.carousel--video .carousel__heading {
position: relative;
}
.carousel--video .carousel__heading:after {}
.flex-prev {
left: 0;
}
#flex-nav-container{transition: all 1s;}
.flex-control-nav{display:none;transition: all 1s;}
.flex-direction-nav{display:none;transition: all 1s;}
.flexImages {display:none; }
.slides, .flex-control-nav, .flex-direction-nav{ margin: 0;
padding: 0;
list-style: none}
.flex-next {
right: 0;
}
.flex-direction-nav li a {
display: block;
z-index: 9;
position: absolute;
top: 50%;
margin-top: -35px;
height: 66px;
line-height: 66px;
width: 45px;
text-align: center;
background: #fff;
color: #e6007e;
font-size: 25px;
transition: all 0.2666s;
}
.direction-nav li a:hover {
background: #e6007e;
color: #fff!important;
}
@media screen and (min-width: 40em) {
.carousel--video .carousel__heading:after {
height: 25px;
margin-left: 10px;
bottom: 7px;
}
}
@media screen and (min-width: 1103px) {
.carousel--video .carousel__heading:after {
height: 28px;
bottom: 8px;
}
}
@media screen and (min-width: 48em) {
.carousel--video:hover .carousel__content {} .carousel--video:hover .carousel__heading {
position: relative;
z-index: 10;
}
}
.cover-video {
height: inherit;
width: 100%;
}
@media screen and (min-width: 1400px) {
.cover-video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
}
}
@media screen and (min-width: 48em) {
.carousel--image:hover .slide-link .carousel__content {
background-color: rgba(0, 0, 0, 0.75);
}
.carousel--image:hover .slide-link .carousel__heading {
position: relative;
z-index: 10;
}
}
.carousel__image {
display: inline-block;
position: relative;
-webkit-transition: left 1s ease;
transition: left 1s ease;
left: 0;
width: 100%;
vertical-align: top;
}
.carousel__image,
.carousel__button-container {
font-size: 16px;
}
.carousel__content {
z-index: 5;
background-color: transparent;
color: black;
width: 100%;
}
.carousel__content__in {
max-width: 1400px;
margin: 0 auto;
padding: 0.7em;
}
.carousel__content__in__in {
max-width: 690px;
white-space: normal
}
.c-head {
font-weight: 600;
font-size: 5em;
line-height: 1em;
margin-bottom: 0.2em;
color: inherit;
}
.c-info {
margin-bottom: 1.8em;
font-size: 2em;
font-weight: 600;
color: inherit;
}
.main-button:hover {
padding: 0.8em 2em;
color: #000!important;
transition: all 0.3s ease;
background: #fff!important;
}
.main-button {
font-size: 1.3em;
padding: 0.8em 1.7em;
background: #ffec00!important;
font-weight: 700;
color: #000;
transition: all 0.3s ease;
display: inline-block;
}
.tunnuskuva{margin-bottom: 1.6em; max-width: 110px; max-height: 110px;}
@media screen and (max-width: 800px) {
.tunnuskuva{margin-bottom: 1.2em; max-width: 70px; max-height: 70px;}
}
@media screen and (min-width: 48em) {
.carousel__content {
-webkit-transition: 0.25s ease background-color;
transition: 0.25s ease background-color;
}
}
@media screen and (min-width: 70em) {
.carousel__content {}
}
.carousel--black {} @media screen and (min-width: 48em) {
.carousel--black .carousel__content {}
}
.carousel--white {} .carousel--white h1,
.carousel--white h2,
.carousel--white h3,
.carousel--white h4,
.carousel--white h5 {
color: #fff;
}
.carousel--white .carousel__content {
color: #fff;
}
.carousel--pink {} .carousel--pink h1,
.carousel--pink h2,
.carousel--pink h3,
.carousel--pink h4,
.carousel--pink h5 {
color: #fff;
text-shadow: 0px 0px 100px #040509ad;
}
.carousel--pink .carousel__content {
color: #fff;
text-shadow: 0px 0px 100px #040509ad;
}
.carousel--pink .main-button{
box-shadow: 0px 0px 100px #0405095e;
background: #04050924;}
.opaciteetti {
z-index: 3;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://kiasma.fi/wp-content/uploads/2018/10/overlaypattern.png);
width: 100%;
height: 100%;
}
@media screen and (min-width: 48em) {
.carousel--white .carousel__content {}
}
.carousel--white .carousel__button-container {
color: #a0a0a0;
}
.carousel--white .carousel__button-container .active {
color: #1d1d1b;
}
.carousel--pink {
background-color: #ed008c;
}
@media screen and (min-width: 48em) {
.carousel--pink .carousel__content {}
}
.carousel__heading {
color: black;
font-size: 1.5em;
letter-spacing: 0.6px;
margin-bottom: 0;
white-space: normal;
}
@media screen and (min-width: 40em) {
.carousel__heading {
font-size: 2.1em;
max-width: 1050px;
max-width: 1400px;
margin: 0 auto 0;
}
}
@media screen and (min-width: 1103px) {
.carousel__heading {
font-size: 2.4em;
margin: 0 auto 0;
}
}
.slide-link .carousel__heading {
position: relative;
z-index: 10;
padding-right: 20px;
}
.slide-link .carousel__heading:after {
content: '';
height: 18px;
width: 20px;
margin-left: 5px;
background-image: url(../../assets/img/arrow-right-white.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
position: absolute;
bottom: 5px;
}
@media screen and (min-width: 40em) {
.slide-link .carousel__heading:after {
height: 25px;
margin-left: 10px;
bottom: 7px;
}
}
@media screen and (min-width: 1103px) {
.slide-link .carousel__heading:after {
height: 28px;
bottom: 8px;
}
}
.carousel__button-container {
color: #7a7a7a;
cursor: default;
position: relative;
text-align: right;
padding-bottom: 0.7em;
padding-right: 0.7em;
word-spacing: normal;
}
.carousel__button-container .active {
color: #dadada;
}
@media screen and (min-width: 48em) {
.carousel__button-container {
bottom: 5px;
color: #4c4c4c;
left: auto;
position: absolute;
right: auto;
width: 100%;
}
.carousel__button-container > div {
text-align: right;
padding-right: 30px;
margin: 0;
}
}
@media screen and (min-width: 48em) and (min-width: 1103px) {
.carousel__button-container > div {
padding-right: 0;
margin: 0 auto;
max-width: 1050px;
}
}
@media screen and (min-width: 48em) {
body:not(.home) .carousel__button-container {
bottom: 23px;
}
}
@media screen and (min-width: 48em) {
.page-child .carousel__button-container {
bottom: 44px;
}
}
.carousel__button {
cursor: pointer;
margin-left: 2px;
-webkit-transition: 0.3s ease color;
transition: 0.3s ease color;
}
@media screen and (max-width: 65em) {
.carousel__caption {
display: none;
}
.page-title {
padding-top: 0.6em;
}
.nav-breadcrumbs {
display: none;
}
.floor-number {
position: inherit!important;}
}
.carousel__caption {
background-color: black;
color: #ffffff;
font-size: 0.8em;
line-height: 1.4em;
padding: 0.3em 1.3em;
text-align: right;
white-space: normal;
word-spacing: normal;
position: absolute;
bottom: 0;
right: 0;
}
.fourofour{ margin: 0.78em!important;
padding: 0.6em 0 0.2em!important;}
.carousel__text {
font-size: 0.9em;
white-space: normal;
}
@media screen and (min-width: 48em) {
.carousel__text {
font-size: 1em;
padding-right: 9.2em;
}
}
@media screen and (min-width: 1103px) {
.carousel__text {
max-width: 61em;
margin: 0 auto;
}
}
.carousel__image {
max-height: 650px;
height: 64vh;
background-size: cover;
background-position: center;
}
.carousel__image_in {
max-height: 650px;
height: 64vh;
background-size: cover;
background-position: center;
position:relative;
}
.carousel__image--large {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-size: cover;
background-attachment: fixed;
}
.bg-position{
background-position: 35%;
background-position-x: 35%;
}
.bg-postition-35{
background-position: 35%;
background-position-x: 35%;
background-position-y: 35%;
}
.bg-postition-65{
background-position: 65%;
background-position-x: 65%;
background-position-y: 65%;
}
@media screen and (min-width: 1400px) {
.carousel__image--large {
display: block;
}
}
.main-image-wrap img {
margin: 0 auto;
display: block;
width: 100%;
}
.info-ribbon {
background-color: white;
color: #1d1d1b;
font-size: 1em;
height: auto;
}
@media screen and (min-width: 40em) {
.info-ribbon {
margin-top: auto;
}
}
.info-ribbon .l-constrained {
background-color: inherit;
border-collapse: collapse;
height: 100%;
margin: 0 auto;
max-width: 1400px;
width: 100%;
}
.third-link {
color: #1d1d1b!important;
}
@media screen and (min-width: 40em) {
.info-ribbon .l-constrained {
display: table;
}
}
.info-ribbon a {
color: #ed008c;
padding: 0;
}
.info-ribbon .read-more {
color: #ed008c;
font-size: 1em;
padding: 0;
margin-top: 0.5em;
}
.g--one--third {
display: block;
padding: 2em 1em 2.2em;
font-size: 0.8em;
height: 100%;
text-align: center;
vertical-align: middle;
width: auto;
}
@media screen and (min-width: 40em) {
.g--one--third {
display: table-cell;
vertical-align: top;
width: 33%;
}
}
.g--one--third:not(:last-child) {
border-bottom: 1px solid #ebebeb;
border-right: 0;
}
@media screen and (min-width: 40em) {
.g--one--third:not(:last-child) {
border-right: 1px solid #ebebeb;
border-bottom: 0;
}
}
.info-ribbon__icon {
display: block;
margin: 0 auto 1em;
max-width: 30px;
max-height: 30px;
}
.info-ribbon__text {
font-size: 1.3em;
line-height: 1.5;
text-align: center;
margin: 0 auto;
}
.infobar {
background: #ed008c;
color: white;
display: block;
min-height: 0;
-webkit-transition: min-height 0.25s ease;
transition: min-height 0.25s ease;
}
.infobar.hidden {
height: 0;
}
.infobar.visible {
z-index: 999;
position: relative;
min-height: 50px;
}
.infobar__inner {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 50px;
margin: 0 auto;
padding: 0.5em 1em;
max-width: 1400px;
width: 100%;
}
.infobar__inner span {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
font-size: 0.875em;
line-height: 1.2;
max-width: 100%;
width: 100%;
display: inline-block;
}
@media screen and (min-width: 48em) {
.infobar__inner span {
font-size: 1.2em;
}
}
.infobar__inner .fa {
cursor: pointer;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5em;
padding-left: 0.5em;
}
.infobar__inner a {
color: #ffffff;
text-decoration: underline;
}
.infobar__inner a:hover {
color: #1d1d1b!important;
}
.exhibition-list {
color: #1d1d1b;
}
@media screen and (min-width: 48em) {
.exhibition-list {
padding: 0 2.2em;
}
}
.exhibition-list > p {
font-size: 1.08em;
line-height: 1.55em;
padding: 0 1.6em;
margin: 0.9em 0;
}
@media screen and (min-width: 48em) {
.exhibition-list > p {
padding: 0;
margin: 0.9em 0;
}
}
.exhibition-list > p a {
color: #ed008c;
}
.exhibition-list > h2 + p {
margin-top: 1em;
}
.exhibition-list__head {
font-size: 2.8em;
letter-spacing: normal;
margin-bottom: 0.55em;
padding: 0.4em 0.8em 0;
}
@media screen and (min-width: 48em) {
.exhibition-list__head {
padding: 0;
}
}
.exhibition-list__subhead,
.exhibition-list > h2 {
margin-top: 40px;
margin-bottom: 1em;
padding: 0 1.2em;
}
@media screen and (min-width: 48em) {
.exhibition-list__subhead,
.exhibition-list > h2 {
padding: 0;
}
}
.exhibition-list__subhead:not(:first-of-type),
.exhibition-list > h2:not(:first-of-type) {
margin-top: 1.5em;
}
.item {
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px;
border-color: #ebebeb;
border-style: solid;
color: #1d1d1b;
cursor: pointer;
display: block;
}
.item:first-of-type {
border-top: 0px solid #ebebeb;
}
@media screen and (min-width: 48em) {
.item {
padding: 1.25em 2.2em;
}
}
@media screen and (min-width: 48em) {
.item {
padding: 1.25em 0;
}
}
.item:last-child {
border-bottom: 1px solid #ebebeb;
}
.item img {
display: inline-block;
vertical-align: top;
width: 100%;
}
@media screen and (min-width: 48em) {
.item img {
padding-top: 1em;
width: 44.4%;
}
}
@media screen and (min-width: 60em) {
.item img {
padding-top: 0;
}
}
h2 + .item {
border-top: 1px solid #c4c4c4;
}
.item__text {
padding: 1em 1.6em 1.25em;
}
@media screen and (min-width: 48em) {
.item__text {
padding: 0;
}
}
@media screen and (min-width: 48em) {
.item__text {
width: -webkit-calc(300px + 50%);
width: calc(300px + 50%);
}
}
.item__text {
display: inline-block;
padding-top: 1em;
vertical-align: top;
}
@media screen and (min-width: 48em) {
.item__text {
padding-left: 2.2em;
width: 50%;
}
}
.item__text > p {
font-size: 1em;
padding-top: 0.6em;
}
.item__heading,
.item__subheading {
margin: 0;
}
.item__heading + div,
.item__subheading + div {
display: block;
margin-top: 0.6em;
}
.item__subheading {
font-weight: normal;
padding-top: 0;
font-size: 1.2em!important;
}
.item__time {
display: block;
font-weight: 900;
padding: 0;
margin-top: 1em;
}
.date-in {
margin-bottom: 1.5em;
}
.sub-in {
margin: 0em 0 -0.5em 0!important;
}
.floor-number {
position: absolute;
top: 0.6em;
right: 2.2em;
font-weight: bold;
}
.read-more {
color: #ed008c !important;
display: block;
font-size: 1em;
padding-top: 0.6em;
}
.text-container__content a:hover{color: #009fe3!important;}
.read-more:after {
content: "\f105";
font-family: FontAwesome;
padding-left: 5px;
}
.flexbox .sidebar {
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-moz-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
}
@media screen and (min-width: 48em) {
.flexbox .sidebar {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-moz-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
width: 25%;
border-left: 1px solid black;
}
}
.no-flexbox .sidebar {
display: block;
padding-left: 0;
width: 100%;
}
@media screen and (min-width: 48em) {
.no-flexbox .sidebar {
width: 25%;
float: right;
}
}
.no-flexbox .nav-additional__links {
padding-left: 0;
}
.sidebar nav,
.sidebar .nav {
padding: 0;
margin: 0;
}
.sidebar a {
color: #1d1d1b;
padding-right: 12px;
}
.sidebar a:hover {
color: #ed008c
}
.sidebar a:after {
content: "\f105";
font-family: FontAwesome;
padding-left: 5px;
}
.nav-additional {
padding: 1.6em 0;
}
.nav-tertiary {
background-color: white;
border-left: 3px solid black;
font-size: 1em;
font-weight: 700;
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (max-width: 1040px) {
#legend_box {
display: none;
}
}
@media screen and (max-width: 370px) {
.carousel__image--large {background-attachment: scroll!important;}
.carousel__content__in {
margin: 0 auto 0!important;
}
.main-button {
font-size: 1em!important;
}
h2.tribe-events-page-title {
font-size: 20px!important;
}
.tribe-bar-disabled {
margin-top: 60px!important;
}
#tribe-mobile-container {
display: block;
margin: -20px auto 10px!important;
}
.c-head {font-size: 2.8em!important;}
.c-info {font-size: 1.3em!important;}
}
@media screen and (max-width: 1400px) {
.c-head {font-size: 3.8em;}
.c-info {font-size: 1.75em;}
.main-button {
font-size: 1.2em;
}
}
@media screen and (max-width: 1500px) {
.carousel__content__in {
margin: 0 auto 0!important;
padding: 0.7em 1em 0.7em 5em;
}
}
@media screen and (max-width: 480px) {
.teasers__heading{ margin-bottom: -0.7em;}
}
@media screen and (max-height: 479px){
.carousel__content__in {
font-size: 10.5px;}
}
@media screen and (max-width: 768px) {
#tribe-events-content {
overflow: inherit!important;
margin-top: -20px;
}
.carousel__image--large {background-attachment: scroll!important;}
.carousel__image_in {
max-height: 650px;
height: 48vh;
}
.main-button {
font-size: 1.1em;
}
.carousel__content__in {
margin: 0 auto 0!important;
padding: 0.7em 1.6em;
}
.c-head {font-size: 3.2em;}
.c-info {font-size: 1.45em;}
.exhibition-list__head {
padding: 0.4em 0.6em 0;
}
.tribe-bar-disabled {
margin-top: 65px;
}
.tribe-is-responsive.tribe-mobile .tribe-events-page-title {margin-top: 38px!important;}
.tribe-events-shortcode {
margin-top: -50px;
}
.tribe-events-calendar {} .tribe-events-calendar div[id*=tribe-events-daynum-],
.tribe-events-calendar div[id*=tribe-events-daynum-] a {
font-size: 1.6em!important;
padding: 12px 8px 16px!important;
}
.page-title {
padding-top: 0.6em;
}
.mobile-active div[id*=tribe-events-daynum-] {
color: #009fe3!important;
}
.nav-breadcrumbs {
display: none;
}
#tribe-events-content .tribe-events-calendar td {
padding-bottom: 0px!important;
}
.tribe-events-has-events:after {
display: none!important;
}
.nav-tertiary {
border-left: 0px solid black;
border-top: 12px solid #f4f4f4;
border-bottom: 12px solid #f4f4f4;
}
}
.nav-tertiary li {
border-bottom: 1px solid white;
padding: 0.7em 1.6em 0.7em 1.6em;
}
.nav-tertiary li:last-child {
padding-bottom: 1.6em;
}
.nav-tertiary li:first-child {
border-top: 1px solid white;
padding-top: 1.6em;
}
@media screen and (min-width: 48em) {
.nav-tertiary li {
border-top: 0;
}
}
.nav-tertiary .current_page_item a {
background: none;
color: #ed008c;
}
.nav-additional li {
display: block;
padding: 0.45em 1.6em 0.45em 1.6em;
}
.nav-additional li a {
display: inline;
}
.nav-additional__heading {
font-size: 1.5em;
padding-left: 1.1em;
padding-right: 1.45em;
margin-bottom: 0.75em;
}
.nav-additional__links ~ .nav-additional__heading {
margin-top: 0.75em;
}
.nav-additional__links {
font-size: 1em;
font-weight: 700;
}
.nav-additional:first-child {
margin-top: 0.55em;
}
.nav-additional:first-child ul:first-child li:first-child,
.nav-additional:first-child .nav-additional__heading {
padding-top: 0;
}
.tribe-events-nav-previous a:hover,
.tribe-events-nav-next a:hover {
color: #fff!important;
opacity: 0.8;
}
.social-container a:hover {
color: #fff!important;
}
.action-call {
text-decoration: none!important;
padding: 0.6em 1.2em!important;
width: 200px;
text-align: center;
margin: 1em 0!important;
color: #fff!important;
background: #ed008c;
font-weight: 300;
display: inline-block;
transition: all 0.3s ease;
}
a.action-call:hover, .action-call:hover {
background: #000;
transition: all 0.3s ease;
color: #fff!important;
}
/*------------------------------------*\
$MODULES
\*------------------------------------*/
/*------------------------------------*\
$STATE
\*------------------------------------*/
/*------------------------------------*\
$THEMES
\*------------------------------------*/