html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-weight:400;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
color: #777777;
font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
hr { height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
}
abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: none; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
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;
} @-ms-viewport {
width: device-width;
}
html {
box-sizing:border-box;
-ms-overflow-style:scrollbar
}
*,::before,::after {
box-sizing:inherit
}
.text-center {text-align: center;}
.site-header .container, .top-header .container {
padding-top: 0;
padding-bottom: 0;
}
.top-header {
background: #f4f4f4;
}
h2.widget-title {font-size: 2.0vw;}
.container {
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}
@media (min-width: 576px) {
.container {max-width:540px}
}
@media (min-width: 768px) {
.container {max-width:720px}
}
@media (min-width: 992px) {
.container {max-width:960px}
}
@media (min-width: 959px) {
.site-header a.markmebutton {display:none;}
}
@media (min-width: 1200px) {
.container {max-width:1140px}
}
.yarpp-related {
width:100%;
margin-right:auto;
margin-left:auto;
}
.container-fluid {
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}
.row {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}
.row.isotope1.tpg-isotope {
display:inherit;
display:inherit;
-ms-flex-wrap:none;
flex-wrap:none;
margin-right:-15px;
margin-left:-15px
}
.no-gutters {
margin-right:0;
margin-left:0
}
.no-gutters > .col,.no-gutters > [class*="col-"] {
padding-right:0;
padding-left:0
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px
}
.col {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-xs-fifth,
.col-sm-fifth,
.col-md-fifth,
.col-lg-fifth {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-md-fifth {
width: 20%;
float: left;
}
@media (max-width: 768px) {
.col-md-fifth {
width: 100%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-fifth {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-fifth {
width: 20%;
float: left;
}
}
.col-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-first {
-ms-flex-order:-1;
order:-1
}
.order-last {
-ms-flex-order:13;
order:13
}
.order-0 {
-ms-flex-order:0;
order:0
}
.order-1 {
-ms-flex-order:1;
order:1
}
.order-2 {
-ms-flex-order:2;
order:2
}
.order-3 {
-ms-flex-order:3;
order:3
}
.order-4 {
-ms-flex-order:4;
order:4
}
.order-5 {
-ms-flex-order:5;
order:5
}
.order-6 {
-ms-flex-order:6;
order:6
}
.order-7 {
-ms-flex-order:7;
order:7
}
.order-8 {
-ms-flex-order:8;
order:8
}
.order-9 {
-ms-flex-order:9;
order:9
}
.order-10 {
-ms-flex-order:10;
order:10
}
.order-11 {
-ms-flex-order:11;
order:11
}
.order-12 {
-ms-flex-order:12;
order:12
}
.offset-1 {
margin-left:8.333333%
}
.offset-2 {
margin-left:16.666667%
}
.offset-3 {
margin-left:25%
}
.offset-4 {
margin-left:33.333333%
}
.offset-5 {
margin-left:41.666667%
}
.offset-6 {
margin-left:50%
}
.offset-7 {
margin-left:58.333333%
}
.offset-8 {
margin-left:66.666667%
}
.offset-9 {
margin-left:75%
}
.offset-10 {
margin-left:83.333333%
}
.offset-11 {
margin-left:91.666667%
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-sm-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-sm-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-sm-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-sm-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-sm-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-sm-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-sm-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-sm-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-sm-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-sm-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-sm-first {
-ms-flex-order:-1;
order:-1
}
.order-sm-last {
-ms-flex-order:13;
order:13
}
.order-sm-0 {
-ms-flex-order:0;
order:0
}
.order-sm-1 {
-ms-flex-order:1;
order:1
}
.order-sm-2 {
-ms-flex-order:2;
order:2
}
.order-sm-3 {
-ms-flex-order:3;
order:3
}
.order-sm-4 {
-ms-flex-order:4;
order:4
}
.order-sm-5 {
-ms-flex-order:5;
order:5
}
.order-sm-6 {
-ms-flex-order:6;
order:6
}
.order-sm-7 {
-ms-flex-order:7;
order:7
}
.order-sm-8 {
-ms-flex-order:8;
order:8
}
.order-sm-9 {
-ms-flex-order:9;
order:9
}
.order-sm-10 {
-ms-flex-order:10;
order:10
}
.order-sm-11 {
-ms-flex-order:11;
order:11
}
.order-sm-12 {
-ms-flex-order:12;
order:12
}
.offset-sm-0 {
margin-left:0
}
.offset-sm-1 {
margin-left:8.333333%
}
.offset-sm-2 {
margin-left:16.666667%
}
.offset-sm-3 {
margin-left:25%
}
.offset-sm-4 {
margin-left:33.333333%
}
.offset-sm-5 {
margin-left:41.666667%
}
.offset-sm-6 {
margin-left:50%
}
.offset-sm-7 {
margin-left:58.333333%
}
.offset-sm-8 {
margin-left:66.666667%
}
.offset-sm-9 {
margin-left:75%
}
.offset-sm-10 {
margin-left:83.333333%
}
.offset-sm-11 {
margin-left:91.666667%
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-md-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-md-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-md-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-md-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-md-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-md-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-md-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-md-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-md-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-md-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-md-first {
-ms-flex-order:-1;
order:-1
}
.order-md-last {
-ms-flex-order:13;
order:13
}
.order-md-0 {
-ms-flex-order:0;
order:0
}
.order-md-1 {
-ms-flex-order:1;
order:1
}
.order-md-2 {
-ms-flex-order:2;
order:2
}
.order-md-3 {
-ms-flex-order:3;
order:3
}
.order-md-4 {
-ms-flex-order:4;
order:4
}
.order-md-5 {
-ms-flex-order:5;
order:5
}
.order-md-6 {
-ms-flex-order:6;
order:6
}
.order-md-7 {
-ms-flex-order:7;
order:7
}
.order-md-8 {
-ms-flex-order:8;
order:8
}
.order-md-9 {
-ms-flex-order:9;
order:9
}
.order-md-10 {
-ms-flex-order:10;
order:10
}
.order-md-11 {
-ms-flex-order:11;
order:11
}
.order-md-12 {
-ms-flex-order:12;
order:12
}
.offset-md-0 {
margin-left:0
}
.offset-md-1 {
margin-left:8.333333%
}
.offset-md-2 {
margin-left:16.666667%
}
.offset-md-3 {
margin-left:25%
}
.offset-md-4 {
margin-left:33.333333%
}
.offset-md-5 {
margin-left:41.666667%
}
.offset-md-6 {
margin-left:50%
}
.offset-md-7 {
margin-left:58.333333%
}
.offset-md-8 {
margin-left:66.666667%
}
.offset-md-9 {
margin-left:75%
}
.offset-md-10 {
margin-left:83.333333%
}
.offset-md-11 {
margin-left:91.666667%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-lg-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-lg-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-lg-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-lg-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-lg-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-lg-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.justify-content-center .col-lg-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.justify-content-between {
justify-content: space-between !important;
}
.align-items-center {
align-items: center !important;		
}
.col-lg-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-lg-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-lg-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-lg-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-lg-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-lg-first {
-ms-flex-order:-1;
order:-1
}
.order-lg-last {
-ms-flex-order:13;
order:13
}
.order-lg-0 {
-ms-flex-order:0;
order:0
}
.order-lg-1 {
-ms-flex-order:1;
order:1
}
.order-lg-2 {
-ms-flex-order:2;
order:2
}
.order-lg-3 {
-ms-flex-order:3;
order:3
}
.order-lg-4 {
-ms-flex-order:4;
order:4
}
.order-lg-5 {
-ms-flex-order:5;
order:5
}
.order-lg-6 {
-ms-flex-order:6;
order:6
}
.order-lg-7 {
-ms-flex-order:7;
order:7
}
.order-lg-8 {
-ms-flex-order:8;
order:8
}
.order-lg-9 {
-ms-flex-order:9;
order:9
}
.order-lg-10 {
-ms-flex-order:10;
order:10
}
.order-lg-11 {
-ms-flex-order:11;
order:11
}
.order-lg-12 {
-ms-flex-order:12;
order:12
}
.offset-lg-0 {
margin-left:0
}
.offset-lg-1 {
margin-left:8.333333%
}
.offset-lg-2 {
margin-left:16.666667%
}
.offset-lg-3 {
margin-left:25%
}
.offset-lg-4 {
margin-left:33.333333%
}
.offset-lg-5 {
margin-left:41.666667%
}
.offset-lg-6 {
margin-left:50%
}
.offset-lg-7 {
margin-left:58.333333%
}
.offset-lg-8 {
margin-left:66.666667%
}
.offset-lg-9 {
margin-left:75%
}
.offset-lg-10 {
margin-left:83.333333%
}
.offset-lg-11 {
margin-left:91.666667%
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.col-xl-auto {
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:none
}
.col-xl-1 {
-ms-flex:0 0 8.333333%;
flex:0 0 8.333333%;
max-width:8.333333%
}
.col-xl-2 {
-ms-flex:0 0 16.666667%;
flex:0 0 16.666667%;
max-width:16.666667%
}
.col-xl-3 {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-4 {
-ms-flex:0 0 33.333333%;
flex:0 0 33.333333%;
max-width:33.333333%
}
.col-xl-5 {
-ms-flex:0 0 41.666667%;
flex:0 0 41.666667%;
max-width:41.666667%
}
.col-xl-6 {
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-7 {
-ms-flex:0 0 58.333333%;
flex:0 0 58.333333%;
max-width:58.333333%
}
.col-xl-8 {
-ms-flex:0 0 66.666667%;
flex:0 0 66.666667%;
max-width:66.666667%
}
.col-xl-9 {
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-xl-10 {
-ms-flex:0 0 83.333333%;
flex:0 0 83.333333%;
max-width:83.333333%
}
.col-xl-11 {
-ms-flex:0 0 91.666667%;
flex:0 0 91.666667%;
max-width:91.666667%
}
.col-xl-12 {
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-xl-first {
-ms-flex-order:-1;
order:-1
}
.order-xl-last {
-ms-flex-order:13;
order:13
}
.order-xl-0 {
-ms-flex-order:0;
order:0
}
.order-xl-1 {
-ms-flex-order:1;
order:1
}
.order-xl-2 {
-ms-flex-order:2;
order:2
}
.order-xl-3 {
-ms-flex-order:3;
order:3
}
.order-xl-4 {
-ms-flex-order:4;
order:4
}
.order-xl-5 {
-ms-flex-order:5;
order:5
}
.order-xl-6 {
-ms-flex-order:6;
order:6
}
.order-xl-7 {
-ms-flex-order:7;
order:7
}
.order-xl-8 {
-ms-flex-order:8;
order:8
}
.order-xl-9 {
-ms-flex-order:9;
order:9
}
.order-xl-10 {
-ms-flex-order:10;
order:10
}
.order-xl-11 {
-ms-flex-order:11;
order:11
}
.order-xl-12 {
-ms-flex-order:12;
order:12
}
.offset-xl-0 {
margin-left:0
}
.offset-xl-1 {
margin-left:8.333333%
}
.offset-xl-2 {
margin-left:16.666667%
}
.offset-xl-3 {
margin-left:25%
}
.offset-xl-4 {
margin-left:33.333333%
}
.offset-xl-5 {
margin-left:41.666667%
}
.offset-xl-6 {
margin-left:50%
}
.offset-xl-7 {
margin-left:58.333333%
}
.offset-xl-8 {
margin-left:66.666667%
}
.offset-xl-9 {
margin-left:75%
}
.offset-xl-10 {
margin-left:83.333333%
}
.offset-xl-11 {
margin-left:91.666667%
}
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea { margin: 0;
font-family: inherit; font-size: 100%; line-height: 1.15; } 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 {
padding: 0;
border-style: none;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: .35em .75em .625em;
} legend { display: table; max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; color: inherit; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; margin: 0px 10px;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] { outline-offset: -2px;
-webkit-appearance: textfield; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button { font: inherit;
-webkit-appearance: button; }  details {
display: block;
margin-bottom: 15px;
} summary {
display: list-item;
cursor:pointer;
user-select:none;
font-weight: bold;
}  template {
display: none;
} [hidden] {
display: none;
}
form.wpcf7-form {
text-align: left;
}
html,
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
.screen-reader-text.skip-link {
margin: 5px;
}
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000;
display: block;
width: auto;
height: auto;
padding: 15px 23px 14px;
clip: auto !important;
font-size: 1.7rem;
font-size: 17px;
font-weight: 700;
line-height: normal;
color: #21759b;
text-decoration: none;
background-color: #f1f1f1;
border-radius: 0;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
-webkit-clip-path: none;
clip-path: none;
}
[tabindex="-1"]:focus {
outline: 0;
}
[data-whatinput="mouse"] *:focus {
outline: none;
}
[data-whatinput="keyboard"] input:focus,
[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] select:focus,
[data-whatinput="keyboard"] textarea:focus {
outline: 4px solid #f9bf47;
opacity: 1;
}
[data-whatinput="keyboard"] nav ul li a:focus {
color: #000;
background: #f9bf47;
}
[data-whatinput="keyboard"] a:focus {
background: #f9bf47;
outline: 2px solid #f9bf47;
opacity: 1;
}
.no-js *:focus {
outline: 4px solid #f9bf47;
}
.container a,
.entry-content a {
text-decoration: none;
}
.container a:hover,
.container a:focus,
.entry-content a:hover,
.entry-content a:focus {
text-decoration: none;
}
.block {
position: relative;
max-width: 100%;
min-height: 100px;
margin: 0 auto;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-position: center;
background-size: cover;
}
.shade {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: #333;
opacity: .55;
}
.tunnus-shade {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/tunnus.png) no-repeat top right;
background-size: contain;
}
.glass-shade {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/glass-bg.png) no-repeat 70% 50%;
background-size: contain;
}
.site {
position: relative;
max-width: 100%;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.container {
padding-top: 6.4rem;
padding-top: 64px;
padding-right: 2rem;
padding-right: 2rem;
padding-right: 20px;
padding-right: 20px;
padding-bottom: 6.4rem;
padding-bottom: 64px;
padding-left: 2rem;
padding-left: 20px;
padding-left: 20px;
padding-left: 2rem;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
}
.container.archive {  
padding-top: 3.4rem;
padding-top: 34px;
padding-bottom: 1.4rem;
padding-bottom: 14px;
} input.register-to-crm-form__input-field {
font-size: 100%;
}
#post-11001 .entry-content h3 {
background: #d90d7a;
color: #fff;
padding: 24px;
font-size: 20px;
}
.page-id-28974 .block-page {
background-position: 50% 35%;
}
#post-11001 .invalid-input .register-to-crm-form__description {
font-size: 16px;
}
@media (max-width: 480px) {
.page-id-11001 p, .page-id-11001 li{font-size: 14px;margin-bottom: 1.9rem; margin-top: 1.9rem;}
.page-id-11001 .site-content {
margin-top: 16px;
}
.page-id-11001 .block-page {
height: 400px;
min-height: 400px;
min-height: 15rem;
height: 15rem;
}
.page-id-11001 .block-page .breadcrumbs {
position: absolute;
bottom: 0px;
right: 0px;
background: #ec007a8a;
color: #fff;
padding: 15px 20px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.container {padding-top: 3.2rem;padding-bottom: 3.2rem;}
.glass-shade {background: url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/glass-bg.png) no-repeat left top; background-size: cover;}
}
.site-main .container {
overflow: visible;
clear: both;
}
.entry-footer {
display: block;
overflow: hidden;
clear: both;
}
.edit-link {
top: 0;
bottom: 0;
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
padding: 0;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
clear: both;
text-align: left;
}
.edit-link a {
display: block;
padding: 0;
margin-top: 40px;
clear: both;
}
a.global-link {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
}
:root {
font-size: 62.5%;
}
a {
color: #d90d7a;
text-decoration: none;
}
a:hover {
color: #111;
}
.gallery-caption a {color: #ffffff;}
.gallery-caption a:hover {color:#fff;}
.cat a,
.comments-link,
.comment-list li,
.comment-list li p,
.comment-list li .comment-time {
font-size: 1.2vw;
}
@media (max-width: 1166.66667px) {
.cat a,
.comments-link,
.comment-list li,
.comment-list li p,
.comment-list li .comment-time {
font-size: 14px;
}
}
@media (min-width: 1416.66667px) {
.cat a,
.comments-link,
.comment-list li,
.comment-list li p,
.comment-list li .comment-time {
font-size: 17px;
}
}
p,
dd,
dt,
figcaption,
hr,
small,
ol,
ul,
li,
blockquote,
kbd,
pre,
samp,
code,
th,
td,
table,
tr,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="search"] {
font-size: 3vw;
font-size: 18px;
line-height: 1.68;
letter-spacing: -.003em;
}
@media (max-width: 633.33333px) {
p,
dd,
dt,
figcaption,
hr,
small,
ol,
ul,
li,
blockquote,
kbd,
pre,
samp,
code,
th,
td,
table,
tr,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="search"] {
font-size: 19px;
}
}
@media (min-width: 600px) {
p,
dd,
dt,
figcaption,
hr,
small,
ol,
ul,
li,
blockquote,
kbd,
pre,
samp,
code,
th,
td,
table,
tr,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="search"] {
font-size: 18px;
}
}
p {
margin-top: 29px;
margin-top: 2.9rem;
margin-bottom: 29px;
margin-bottom: 2.9rem;
line-height: 1.68;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 200;
color: #8e1978;
}
h1 {
font-size: 3.2vw;
}
h1.entry-title {
margin-top: 15px;
}
@media (max-width: 1000px) {
h1 {
font-size: 32px;
}
}
@media (min-width: 1593.75px) {
h1 {
font-size: 51px;
}
}
h2 {font-size: 2.4vw;}
h3 {font-weight:400;}
h2.white,h3.white,a.white {color:#fff; font-weight:400;}
.nostot h2 {font-size:20px;    color: #000;}
.nostot img {max-width: 90px;}
@media (max-width: 1000px) {
h2 {
font-size: 24px;
}
}
@media (min-width: 1583.33333px) {
h2 {
font-size: 38px;
}
}
h3,
.accent {
font-size: 1.6vw;
}
@media (max-width: 1312.5px) {
h3,
.accent {
font-size: 21px;
}
}
@media (min-width: 1750px) {
h3,
.accent {
font-size: 28px;
}
}
h4,
.comment-list li .comment-author {
font-size: 1.4vw;
}
@media (max-width: 1285.71429px) {
h4,
.comment-list li .comment-author {
font-size: 18px;
}
}
@media (min-width: 1500px) {
h4,
.comment-list li .comment-author {
font-size: 21px;
}
}
h5 {
font-size: 1.2vw;
}
@media (max-width: 1166.66667px) {
h5 {
font-size: 14px;
}
}
@media (min-width: 1416.66667px) {
h5 {
font-size: 17px;
}
}
h6 {
font-size: 1.2vw;
}
@media (max-width: 1166.66667px) {
h6 {
font-size: 14px;
}
}
@media (min-width: 1000px) {
h6 {
font-size: 12px;
}
}
ul {
padding-left: 20.075px;
padding-left: 2.075rem;
list-style: disc outside;
}
ul li {
padding-left: 3.5px;
padding-left: .35rem;
}
ol {
padding-left: 17.5px;
padding-left: 1.75rem;
}
ol,
ul {
padding-bottom: 10px;
padding-bottom: 1rem;
}
b,
strong {
font-weight: 700;
}
em,
i {
font-style: italic;
}
small {
font-size: .875em;
line-height: 1;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
figure {
position: relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-bottom: 1rem;
margin-left: 0;
}
figure > img {
width: 100%;
}
figcaption {
margin-top: 0;
font-style: normal;
font-weight: 400;
}
blockquote{
font-size: 1.4em;
width:80%;
margin:50px auto;
font-style:italic;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #a60087;
line-height:1.6;
position: relative;
background:#EDEDED;
}
blockquote::before{
font-family:Arial;
content: "\201C";
color:#a60087;
font-size:4em;
position: absolute;
left: 10px;
top:-10px;
}
blockquote::after{
content: '';
}
blockquote span{
display:block;
color:#333333;
font-style: normal;
font-weight: bold;
margin-top:1em;
}
@media (max-width: 850px) {
blockquote p {
font-size: 17px;
}
}
@media (min-width: 1250px) {
blockquote p {
font-size: 25px;
line-height: 1.2;   
}
}
@media (min-width: 480px) {
blockquote:before {
width: 30%;
}
}
cite {
display: block;
font-style: italic;
}
hr {
height: 0;
padding-top: 10px;
padding-top: 1rem;
padding-bottom: 1rem;
padding-bottom: 10px;
margin: 0;
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 50%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #000));
background-repeat: repeat-x;
background-position: 0 50%;
background-size: 2px 2px;
border: 0;
}
kbd,
pre,
samp {
font-family: 'Menlo', 'Courier', monospace;
}
code {
padding: 3.75px 5px;
padding: .375rem .5rem;
font-family: 'Menlo', 'Courier', monospace;
font-size: inherit;
line-height: 1;
color: #c7254e;
background-color: #f9f2f4;
border-radius: .3rem;
}
pre code {
display: inline-block;
padding: 11.5px 10px 8.5px;
padding: 1.15rem 1rem .85rem;
}
pre {
display: block;
margin-bottom: 20px;
margin-bottom: 2rem;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
border-radius: .3rem;
}
.nav-container {
position: fixed;
width: 100%;
z-index: 195;
-webkit-transition: top .3s;
-moz-transition: top .3s;
-o-transition: top .3s;
transition: top .3s;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
top: 70px;
}
.nav-container.sticky {
top:0; position: fixed; z-index:99;
}
.site-title {
margin: 0;
font-weight: 200;
}
.site-title a {
color: #111;
}
.mark svg {width:65px; padding: 8px;}
.site-title svg {
fill: #fff;
width: 140px;
padding: 10px 0 0px 0;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
@media (max-width: 768px) {
.site-title svg {padding-top:15px;}
}
.site-content {
margin-top: 95px;
}
.mobile-logo {float: left;}
.mobile-logo svg {width: 120px;padding-top: 10px;}
.portali {padding-top: 12px;}
.portali a.button {
font-size: 12px;
padding: 8px 10px;
margin-left: 30px;
}
@media (min-width: 960px) {
.mobile-logo {display:none;}
}
@media (max-width: 959px) {
.site-content {margin-top: 62px;}
.top-header {display:none;}
.nav-container {top:0}
}
.site-footer {
overflow: hidden;
clear: both;
color: #fff;
background: #212121;
}
.footer {
margin-bottom: 40px;
}
.site-footer svg {
position: relative;
top: 2px;
fill: #555;
}
.site-footer p,
.site-footer span {
color: #fff;
}
.site-footer a {
color: #fff;
}
.site-footer a:hover {
color: #d90d7a;
}
.theme-info {
overflow: hidden;
}
@media (min-width: 770px) {
.theme-info {
float: right;
width: 60%;
text-align: right;
}
}
.content-area button,
.content-area .button,
.content-area input[type="reset"],
.content-area input[type="submit"],
.content-area input[type="button"], .button {
position: relative;
display: inline-block;
width: auto;
padding: 0.8rem 2.5rem;
padding: 8px 25px;
margin-bottom: 10px;
margin-bottom: 1rem;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
font-size: 14px;
color: #fff;
text-decoration: none;
cursor: pointer;
background: #d90d7a;
border: 0;
text-transform: uppercase;
font-weight: 400;
-webkit-transition: 150ms linear background;
-o-transition: 150ms linear background;
transition: 150ms linear background;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.turquoise .button {
background:#fff;
color: #61BBCD;
border: 2px solid #fff;
}
.turquoise .button:hover, .button.border:hover {
background:#42A0B9;
color: #fff;
}
.button.border {
background: transparent;
border: 2px solid #fff;
color:#fff;
}
@media (max-width: 480px) {
.content-area button,
.content-area .button,
.content-area input[type="reset"],
.content-area input[type="submit"],
.content-area input[type="button"] {
display: block;
text-align: center;
}
}
.content-area button:hover,
.content-area button:focus,
.content-area .button:hover,
.content-area .button:focus,
.content-area input[type="reset"]:hover,
.content-area input[type="reset"]:focus,
.content-area input[type="submit"]:hover,
.content-area input[type="submit"]:focus,
.content-area input[type="button"]:hover,
.content-area input[type="button"]:focus {
color: #fff;
background: #8e1878;
}
.content-area button.button-ghost,
.content-area .button.button-ghost,
.content-area input[type="reset"].button-ghost,
.content-area input[type="submit"].button-ghost,
.content-area input[type="button"].button-ghost {
color: #d90d7a;
background-color: transparent;
border: 1px solid #d90d7a;
}
.content-area button.button-ghost:hover,
.content-area .button.button-ghost:hover,
.content-area input[type="reset"].button-ghost:hover,
.content-area input[type="submit"].button-ghost:hover,
.content-area input[type="button"].button-ghost:hover {
color: #fff;
background-color: #d90d7a;
}
.content-area button.button-ghost.button-ghost-white,
.content-area .button.button-ghost.button-ghost-white,
.content-area input[type="reset"].button-ghost.button-ghost-white,
.content-area input[type="submit"].button-ghost.button-ghost-white,
.content-area input[type="button"].button-ghost.button-ghost-white {
color: #fff;
border-color: #fff;
}
.content-area button.button-ghost.button-ghost-white:hover,
.content-area .button.button-ghost.button-ghost-white:hover,
.content-area input[type="reset"].button-ghost.button-ghost-white:hover,
.content-area input[type="submit"].button-ghost.button-ghost-white:hover,
.content-area input[type="button"].button-ghost.button-ghost-white:hover {
color: #fff;
background-color: #d90d7a;
border-color: #d90d7a;
}
a,
button,
input {
-webkit-tap-highlight-color: transparent;
}
span.wpcf7-list-item {
display: block;
}
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="date"],
input[type="search"] {
position: relative;
padding: 15px 20px;
margin-bottom: 15px;
font-family: 'Helvetica Neue', Helvetica, sans-serif;
line-height: 24px;
text-decoration: none;
background: #f0f0f0;
border: 0;
-webkit-transition: background .55s;
-o-transition: background .55s;
transition: background .55s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date:before {
content: "Syntymäpäivä*:  ";
}
.content-area input[type="submit"] {
margin-top: 20px; margin-bottom:40px
}
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
color: #434343;
opacity: .4;
}
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {
color: #434343;
opacity: .4;
}
textarea::-ms-input-placeholder,
select::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="month"]::-ms-input-placeholder,
input[type="week"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder {
color: #434343;
opacity: .4;
}
textarea::placeholder,
select::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder {
color: #434343;
opacity: .4;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="search"]:focus {
background: #dfdfdf;
border-color: #222;
outline: 0;
}
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder,
input[type="week"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder {
color: #222;
opacity: .8;
}
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder {
color: #222;
opacity: .8;
}
textarea:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
input[type="text"]:focus::-ms-input-placeholder,
input[type="tel"]:focus::-ms-input-placeholder,
input[type="url"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder,
input[type="number"]:focus::-ms-input-placeholder,
input[type="month"]:focus::-ms-input-placeholder,
input[type="week"]:focus::-ms-input-placeholder,
input[type="email"]:focus::-ms-input-placeholder,
input[type="search"]:focus::-ms-input-placeholder {
color: #222;
opacity: .8;
}
textarea:focus::placeholder,
select:focus::placeholder,
input[type="text"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="url"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="month"]:focus::placeholder,
input[type="week"]:focus::placeholder,
input[type="email"]:focus::placeholder,
input[type="search"]:focus::placeholder {
color: #222;
opacity: .8;
}
.wpcf7 select {-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; color:#aaaaaa;}
select {
width: 100%;
min-width: 0;
max-width: 100%;
padding-right: 40px;
text-indent: 1px;
-o-text-overflow: '';
text-overflow: '';
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/mark/svg/select.svg);
background-repeat: no-repeat;
background-position: right center;
border: 0;
border-radius: 0;
-o-transition: none;
-webkit-transition: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-bottom: 0;
}
select::-ms-expand {
display: none;
}
select:hover,
select:focus {
border-color: #222;
}
form p {
margin-bottom: 20px!important; margin-top: 10px;
}
form p.form-submit {
margin-bottom: 0;
}
form.search-form .search-field {
float: left;
margin-right: 5px;
}
form.search-form .search-submit {
padding: 19px 1.75em;
line-height: 1;
}
span.wpcf7-not-valid-tip {color: #d90d7a;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
background: #61bbcc;
padding: 30px;
font-weight: bold;
color: #000;
}
.comment-respond {
margin-bottom: 0;
overflow: visible;
}
.comment-respond p.comment-form-author {
float: left;
width: 31.33333%;
margin-top: 0;
margin-right: 3%;
margin-bottom: 20px;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.comment-respond p.comment-form-author::after {
display: block;
clear: both;
content: '';
}
.comment-respond p.comment-form-author:last-child {
margin-right: 0%;
}
@media (max-width: 480px) {
.comment-respond p.comment-form-author {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
}
.comment-respond p.comment-form-author:first-child {
margin-left: auto;
}
.comment-respond p.comment-form-author:last-child {
margin-right: auto;
}
}
.comment-respond p.comment-form-author input#author {
padding: 15px;
border-width: 1px;
}
.comment-respond p.comment-form-email {
float: left;
width: 65.66667%;
margin-top: 0;
margin-right: 3%;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0%;
clear: none;
clear: right;
text-align: inherit;
}
.comment-respond p.comment-form-email::after {
display: block;
clear: both;
content: '';
}
.comment-respond p.comment-form-email:last-child {
margin-right: 0%;
}
@media (max-width: 480px) {
.comment-respond p.comment-form-email {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
}
.comment-respond p.comment-form-email:first-child {
margin-left: auto;
}
.comment-respond p.comment-form-email:last-child {
margin-right: auto;
}
}
.comment-respond p.comment-form-email input#email {
padding: 15px;
border-width: 1px;
}
.comment-respond p.comment-form-url {
position: relative;
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
clear: both;
}
.comment-respond p.comment-form-url:first-child {
margin-left: auto;
}
.comment-respond p.comment-form-url:last-child {
margin-right: auto;
}
.comment-respond p.comment-form-url input#url {
padding: 15px;
border-width: 1px;
}
.comment-respond p.form-submit {
display: block;
margin-top: 0;
margin-bottom: 0;
clear: both;
}
.comment-respond p.comment-form-comment {
margin-bottom: 20px;
}
@media (max-width: 480px) {
.comment-respond input {
width: 100%;
}
}
.comment-respond input#author,
.comment-respond input#email,
.comment-respond input#url,
.comment-respond textarea {
width: 100%;
}
.nav-primary .menu-items {
position: relative;
z-index: 9999;
}
.nav-primary .menu-items:after {
display: block;
height: 0;
overflow: hidden;
clear: both;
font: 0/0 serif;
visibility: hidden;
content: '\00a0';
}
.nav-primary .menu-items ul,
.nav-primary .menu-items li {
display: block;
padding: 0;
margin: 0;
line-height: normal;
text-align: left;
list-style: none;
direction: ltr;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-primary .menu-items li,
.nav-primary .menu-items a {
position: relative;
}
.nav-primary .menu-items .disabled {
cursor: not-allowed;
}
.nav-primary .menu-items li > h1,
.nav-primary .menu-items li > h2,
.nav-primary .menu-items li > h3,
.nav-primary .menu-items li > h4,
.nav-primary .menu-items li > h5,
.nav-primary .menu-items li > h6 {
padding: 0;
margin: 0;
}
@media only screen and (-ms-high-contrast: active) and (min-width: 960px), only screen and (-ms-high-contrast: none) and (min-width: 960px) {
.nav-primary .menu-items ul {
display: none;
}
}
@media only screen and (max-width: 960px) {
.js .nav-primary .menu-items ul {
display: none;
}
}
.nav-primary ul ul {
margin-top: 0;
margin-left: 25px;
}
.nav-primary ul ul ul {
margin-left: 25px;
}
@media only screen and (-ms-high-contrast: active) and (min-width: 960px), only screen and (-ms-high-contrast: none) and (min-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block;
}
}
@media only screen and (max-width: 960px) {
.js .nav-primary ul .sub-menu.toggled-on {
display: block;
}
}
.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after,
.nav-toggle:before,
.nav-toggle.toggled-on:before {
speak: none;
}
.dropdown-toggle:after,
.dropdown-toggle.toggled-on:after {
font-size: 13px;
font-size: 1.3rem;
}
.no-js .nav-toggle {
display: none;
}
@media only screen and (min-width: 960px) {
.sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: -1;
width: 19rem;
visibility: hidden;
opacity: 0;
-o-transition: all .3s ease-in-out .3s, visibility .3s linear .3s, z-index 0s linear .01s;
-webkit-transition: all .3s ease-in-out .3s, visibility .3s linear .3s, z-index 0s linear .01s;
transition: all .3s ease-in-out .3s, visibility .3s linear .3s, z-index 0s linear .01s;
-ms-transform: translateY(-2em);
-webkit-transform: translateY(-2em);
transform: translateY(-2em);
}
.nav-primary ul .sub-menu.toggled-on {
z-index: 1;
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s, 0s, .3s;
-o-transition-delay: 0s, 0s, .3s;
transition-delay: 0s, 0s, .3s;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
[data-whatinput="keyboard"] .sub-menu {
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transition-delay: none;
-o-transition-delay: none;
transition-delay: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:focus > .sub-menu,
[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,
[data-whatinput="mouse"] .nav-primary ul .menu-item-has-children:hover > .sub-menu,
[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:focus > .sub-menu,
[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,
[data-whatintent="mouse"] .nav-primary ul .menu-item-has-children:hover > .sub-menu {
z-index: 1;
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s, 0s, .3s;
-o-transition-delay: 0s, 0s, .3s;
transition-delay: 0s, 0s, .3s;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.no-js .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: -1;
width: 19rem;
visibility: hidden;
opacity: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transition-delay: none;
transition-delay: none;
-o-transition-delay: none;
-ms-transform: translateY(-2em);
-webkit-transform: translateY(-2em);
transform: translateY(-2em);
}
.no-js .nav-primary ul .menu-item-has-children:focus > .sub-menu,
.no-js .nav-primary ul .menu-item-has-children:focus-within > .sub-menu,
.no-js .nav-primary ul .menu-item-has-children:hover > .sub-menu {
z-index: 1;
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s, 0s, .3s;
-o-transition-delay: 0s, 0s, .3s;
transition-delay: 0s, 0s, .3s;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
}
@media only screen and (min-width: 960px) and (-ms-high-contrast: active), only screen and (min-width: 960px) and (-ms-high-contrast: none) {
.nav-primary .menu-items .sub-menu {
top: 0;
z-index: -1;
width: 19rem;
list-style: none;
list-style-type: none;
visibility: visible;
opacity: 1;
transition: none;
-webkit-transition: none;
-o-transition: none;
-webkit-transition-delay: none;
-o-transition-delay: none;
transition-delay: none;
-ms-transform: translateY(1.5rem);
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
.nav-primary .menu-items .sub-menu .menu-item {
padding-top: 0;
margin-top: 0;
list-style: none;
list-style-type: none;
}
.nav-primary .menu-items .sub-menu .sub-menu.has-sub-menu {
padding-top: .5rem;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nav-primary ul .menu-item-has-children:focus > .sub-menu,
.nav-primary ul .menu-item-has-children:focus-within > .sub-menu,
.nav-primary ul .menu-item-has-children:hover > .sub-menu {
z-index: 1;
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s, 0s, .3s;
-o-transition-delay: 0s, 0s, .3s;
transition-delay: 0s, 0s, .3s;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
.nav-primary ul li:hover > ul {
display: block;
}
}
@media only screen and (min-width: 960px) and (-ms-high-contrast: active), only screen and (min-width: 960px) and (-ms-high-contrast: none) {
.nav-primary ul li:hover > ul {
display: block;
}
}
@media only screen and (min-width: 960px) {
.no-js .nav-primary .menu-items .menu-item-has-children:after {
position: relative;
position: absolute;
top: 50%;
right: 0;
display: block;
width: 8px;
height: 8px;
padding: 0;
margin-top: 0;
margin-right: 0;
overflow: hidden;
color: transparent;
text-indent: -9999px;
content: ' ';
background-color: transparent;
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/svg/chevron-down-dark.svg);
background-repeat: no-repeat;
background-position: center;
border: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.no-js .nav-primary .menu-items .menu-item-has-children .sub-menu .menu-item-has-children:after {
position: absolute;
top: 50%;
right: 8px;
display: block;
width: 12px;
height: 12px;
padding: 0;
margin-top: 0;
overflow: hidden;
color: transparent;
text-indent: -9999px;
content: ' ';
background-color: transparent;
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/svg/chevron-right-dark.svg);
background-repeat: no-repeat;
background-position: center;
border: 0;
}
.nav-toggle {
display: none;
}
.nav-primary {
padding-top: 1.7rem;
padding-bottom: 1.7rem;
}
.nav-primary .menu-items {
position: relative;
float: left;
padding: 0;
margin: 0;
background: transparent;
}
.nav-primary .menu-item {
position: relative;
float: left;
margin: 0;
}
.nav-primary .menu-item a {
padding: 20px 12px;
font-size: 16px;
font-weight: 300;
color: #fff;
}
.nav-primary .menu-item a.disabled {
color: #bbb;
}
.nav-primary .menu-item a:hover,
.nav-primary .menu-item a:focus,
.nav-primary .menu-item a:active,
.nav-primary .menu-item a.highlighted,
.nav-primary .menu-item a.current {
color: #333;
}
.nav-primary .menu-item ul {
position: absolute;
z-index: 999;
padding-top: .5rem;
padding-bottom: .5rem;
margin-top: 18px;
margin-left: 0;
background: #fff;
}
.nav-primary .menu-item ul.sub-menu {
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav-primary .menu-item ul.sub-menu li {
margin: 0;
}
.nav-primary .menu-item ul .dropdown-toggle {
position: absolute;
top: .4rem;
right: 1rem;
border: 0;
}
.nav-primary .menu-item ul li {
float: none;
width: 19rem;
padding: 0;
}
.nav-primary .menu-item ul li .dropdown-toggle {
position: absolute;
top: 50%;
right: 8px;
width: 12px;
height: 12px;
padding: 0;
margin-top: 0;
overflow: hidden;
color: transparent;
text-indent: -9999px;
background-color: transparent;
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/svg/chevron-right-dark.svg);
background-repeat: no-repeat;
background-position: center;
border: 0;
}
.nav-primary .menu-item ul li .dropdown-toggle.toggled-on {
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/svg/chevron-left-dark.svg);
}
.nav-primary .menu-item ul li.menu-item-has-children a {
width: 100%;
padding-right: 3.5rem;
margin-right: 0;
margin-bottom: 0;
}
.nav-primary .menu-item ul ul {
top: 0;
left: 100%;
margin-top: -5px;
margin-left: 0;
}
.nav-primary .menu-item ul a {
display: block;
padding: .8rem 1.5rem;
font-size: 1.4rem;
color: #333;
}
.nav-primary .menu-item ul a:hover,
.nav-primary .menu-item ul a:focus,
.nav-primary .menu-item ul a:active,
.nav-primary .menu-item ul a.highlighted {
color: #d90d7a;
}
.nav-primary .menu-item ul a.disabled {
color: #ccc;
background: #fff;
}
.nav-primary .menu-item .dropdown-toggle {
position: relative;
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
padding: 0;
margin-top: 0;
margin-right: 0;
overflow: hidden;
color: transparent;
text-indent: -9999px;
background-color: transparent;
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/svg/chevron-down-dark.svg);
background-repeat: no-repeat;
background-position: center;
border: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.nav-primary .menu-item > li > ul:after {
position: absolute;
top: -16px;
left: 31px;
width: 0;
height: 0;
overflow: hidden;
content: '';
border-color: transparent transparent #fff;
border-style: dashed dashed solid;
border-width: 8px;
}
.nav-primary .menu-item.menu-item-has-children {
margin-right: .8rem;
}
.nav-primary .menu-item.menu-item-has-children > a {
padding-right: 1.5rem;
margin-bottom: .8rem;
}
}
.hamburger {
display: inline-block;
padding: 50px 15px;
padding: 5rem 1.5rem;
margin: 0;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
cursor: pointer;
background-color: transparent;
border: 0;
-o-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
transition-duration: .15s;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
-o-transition-property: opacity, filter;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, filter, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, -webkit-filter;
}
.hamburger:hover {
opacity: .8;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 40px;
width: 4rem;
height: 18px;
height: 1.8rem;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -1px;
margin-top: -0.1rem;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
width: 40px;
width: 4rem;
height: 2px;
height: .2rem;
background-color: #8e1878;
border-radius: 0;
-o-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-property: -webkit-transform;
}
.hamburger-inner::before,
.hamburger-inner::after {
display: block;
content: '';
}
.hamburger-inner::before {
top: -8px;
top: -0.8rem;
}
.hamburger-inner::after {
bottom: -8px;
bottom: -0.8rem;
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-o-transition-delay: .13s;
-webkit-transition-delay: .13s;
transition-delay: .13s;
-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
-o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
transition-timing-function: cubic-bezier(.55, .055, .675, .19);
-o-transition-duration: .13s;
-webkit-transition-duration: .13s;
transition-duration: .13s;
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
top: -1.6rem;
-webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
-o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
-o-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
}
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transition-delay: .22s;
-o-transition-delay: .22s;
transition-delay: .22s;
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
-o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
-o-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media screen and (max-width: 959px) {
.no-js .site-header {
position: static;
background: #232426;
}
.disable-scroll {
overflow: hidden;
}
.js.js-nav-active {
overflow: hidden;
}
.js.js-nav-active .nav-primary {
height: 100vh;
max-height: 100%;
overflow: auto;
visibility: visible;
}
.js .nav-primary {
position: fixed;
top: 60px;
right: 0;
left: 0;
height: 0;
max-height: 0;
clip: auto;
visibility: hidden;
}
.js .nav-primary .menu-items {
padding: 15% 0;
}
.nav-primary {
display: block;
width: 100%;
margin: 0;
overflow: hidden;
background: #d90d7a;
-webkit-transition: all .55s;
-o-transition: all .55s;
transition: all .55s;
}
.nav-primary .menu-items {
float: none;
width: 100%;
padding: 2rem 0;
margin: 0;
}
.nav-primary .menu-items a {
position: relative;
z-index: 0;
display: block;
padding-top: 1rem;
padding-right: 5.8rem;
padding-bottom: 1rem;
padding-left: 5%;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.7rem;
color: #fff;
text-decoration: none;
outline: none;
}
.nav-primary .menu-items a:focus {
outline: none;
}
.nav-primary .menu-items a.has-submenu {
position: static;
width: 80%;
}
.nav-primary .menu-items a:hover,
.nav-primary .menu-items a:focus,
.nav-primary .menu-items a:active {
color: #045d30;
}
.nav-primary .menu-items a.current {
color: #d23600;
}
.nav-primary .menu-items a.disabled {
color: #bbb;
}
.nav-primary .menu-items a.highlighted .sub-arrow:before {
display: block;
content: '-';
}
.nav-primary .menu-items .dropdown-toggle {
position: absolute;
top: 0;
right: 2rem;
left: auto;
z-index: 9999;
width: 3.7rem;
height: 3.7rem;
padding: 0;
margin-top: 0;
overflow: hidden;
font: bold 18px/37px monospace;
color: #fff;
text-align: center;
background: #202020;
border: 0;
}
.nav-primary .menu-items .dropdown-toggle:focus {
z-index: 10000;
}
.nav-primary .menu-items .dropdown-toggle:before {
content: '+';
}
.nav-primary .menu-items .dropdown-toggle:hover {
color: #fff;
background-color: #3e4853;
}
.nav-primary .menu-items .dropdown-toggle.toggled-on:before {
display: block;
content: '-';
}
.nav-primary .menu-items ul {
padding: 0;
margin-left: 0;
background: rgba(102, 102, 102, .1);
}
.nav-primary .menu-items ul > li {
padding-left: 1.5rem;
}
.nav-primary .menu-items ul > li ul {
margin-left: -1.5rem;
}
.nav-primary .menu-items ul > li ul li {
padding-left: 3rem;
}
.nav-primary .menu-items ul > li ul ul {
margin-left: -3rem;
}
.nav-primary .menu-items ul > li ul ul li {
padding-left: 4.5rem;
}
.nav-primary .menu-items ul a {
font-size: 1.4rem;
}
}
.portali {
display: none;
}
.nav-toggle {
position: relative;
z-index: 100000;
display: none;
padding: 2rem;
padding: 20px;
margin: 0 -2rem 0 0;
margin: 0 -20px 0 0;
overflow: visible;
font-weight: 200;
color: #fff;
text-decoration: none;
list-style: none;
cursor: pointer;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: transparent;
border: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
}
.nav-toggle span {
font-size: 1.2em;
color: #333;
}
.nav-toggle:focus {
outline: none;
}
.nav-toggle:focus span span {
background-color: #8e1878;
}
.nav-toggle:focus span:before,
.nav-toggle:focus span:after {
background-color: #8e1878;
}
.nav-toggle:hover,
.nav-toggle:active {
color: #8e1878;
}
.nav-toggle:hover span,
.nav-toggle:active span {
color: #8e1878;
}
@media (max-width: 959px) {
.nav-toggle {
display: block;
float:right
}
.portali {display: block;}
}
.nav-toggle.is-active {
color: #8e1878;
}
.nav-toggle.is-active:focus .hamburger-box .hamburger-inner,
.nav-toggle.is-active.focus .hamburger-box .hamburger-inner {
background-color: #8e1878;
}
.nav-toggle.is-active:focus .hamburger-box .hamburger-inner:after,
.nav-toggle.is-active.focus .hamburger-box .hamburger-inner:after {
background-color: #8e1878;
}
.nav-toggle.is-active .hamburger-box .hamburger-inner {
background-color: #8e1878;
}
.nav-toggle.is-active .hamburger-box .hamburger-inner:after {
background-color: #8e1878;
}
.nav-toggle.is-active:focus,
.nav-toggle.is-active:hover,
.nav-toggle.is-active:active {
color: #8e1878;
}
.nav-toggle.is-active:focus span,
.nav-toggle.is-active:hover span,
.nav-toggle.is-active:active span {
color: #8e1878;
}
.nav-toggle.is-active span {
color: #fff;
}
.top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 10000;
width: 50px;
height: 50px;
text-decoration: none;
background: #222;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-o-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.top.is-visible,
.top.fade-out,
.no-touch .top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-o-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.top.is-visible {
opacity: 1;
}
.top.fade-out {
opacity: .3;
}
.top.fade-out:hover {
opacity: 1;
}
.no-touch .top:hover {
opacity: 1;
}
.top svg {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
font-size: 19px;
fill: #fff;
opacity: .8;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top:hover,
.top:focus,
.top:active {
background: #d90d7a
}
.top:hover svg,
.top:focus svg,
.top:active svg {
top: 35%;
fill: #fff;
}
.gallery {
overflow: hidden;
clear: both;
text-align: center;
}
.gallery h2 , .gallery h2 a {
font-weight: 700;
font-style: normal;
text-decoration: none;
color:#fff;
font-size: 30px;
margin: 20px 0 10px 0;
hyphens: auto;
}
.box {
position: relative;
height: 430px;
background-position: 50% 0%;
}
.box-small {
position: relative;
height: 280px;
}
.poksi {
position: relative;
height: 120px;
}
.gallery .gallery-item .shade {
transition: all .55s;
}
.gallery .gallery-item:hover .shade {
opacity: .6; background: #61bbcc
}
.gallery.gallery-columns-1 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
}
.gallery.gallery-columns-1 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-1 .gallery-item:last-child {
margin-right: auto;
}
.gallery.gallery-columns-2 .gallery-item {
float: left;
width: 48.5%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-2 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-2 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n + 1) {
clear: both;
}
.news .gallery.gallery-columns-3 .gallery-item:nth-child(1) {width:48.5%; clear: none; float:left; margin-right:1.5%;}
.news .gallery.gallery-columns-3 .gallery-item:nth-child(2) {width:48.5%; clear: none; float:right; margin-right:0;}
.news .gallery.gallery-columns-3 .gallery-item:nth-child(3) {float:left}
.news .gallery.gallery-columns-3 .gallery-item:nth-child(4) {float:left; clear:none; margin-right: 0; margin-left: 3%;}
.news .gallery.gallery-columns-3 .gallery-item:nth-child(5) {float:right; clear:none; margin-right:0}
@media (max-width: 480px) {
.gallery.gallery-columns-2 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-2 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-2 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-3 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-3 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-3 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n + 1) { }
@media (max-width: 992px) {
.gallery h2, .gallery h2 a {font-size:20px;}
}
@media (max-width: 770px) {
.news .gallery.gallery-columns-3 .gallery-item:nth-child(1), .news .gallery.gallery-columns-3 .gallery-item:nth-child(2), .news .gallery.gallery-columns-3 .gallery-item:nth-child(3), .news .gallery.gallery-columns-3 .gallery-item:nth-child(4), .news .gallery.gallery-columns-3 .gallery-item:nth-child(5)	{
width: 100%;
margin-left:0;
margin-right: 0;
float: left;
}
.gallery.gallery-columns-3 .gallery-item {
float: left;
width: 100%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-3 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-3 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-3 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-3 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-3 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-4 .gallery-item {
float: left;
width: 22.75%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-4 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-4 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-4 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-4 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-4 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-4 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-4 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-4 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-4 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-4 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-5 .gallery-item {
float: left;
width: 17.6%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-5 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-5 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-5 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-5 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-5 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-5 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-5 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-5 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-5 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-5 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-6 .gallery-item {
float: left;
width: 14.16667%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-6 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-6 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-6 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-6 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-6 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-6 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-6 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-6 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-6 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-6 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-7 .gallery-item {
float: left;
width: 11.71429%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-7 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-7 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-7 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-7 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-7 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-7 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-7 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-7 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-7 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-7 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-8 .gallery-item {
float: left;
width: 9.875%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-8 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-8 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-8 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-8 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-8 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-8 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-8 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-8 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-8 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-8 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-9 .gallery-item {
float: left;
width: 8.44444%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-9 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-9 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-9 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-9 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-9 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-9 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-9 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-9 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-9 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-9 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery.gallery-columns-10 .gallery-item {
float: left;
width: 7.3%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-10 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-10 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-10 .gallery-item:nth-child(10n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-10 .gallery-item:nth-child(10n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery.gallery-columns-10 .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery.gallery-columns-10 .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery.gallery-columns-10 .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery.gallery-columns-10 .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery.gallery-columns-10 .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery.gallery-columns-10 .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery.gallery-columns-10 .gallery-item:first-child {
margin-left: auto;
}
.gallery.gallery-columns-10 .gallery-item:last-child {
margin-right: auto;
}
}
.gallery .gallery-item {
float: left;
width: 22.75%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
background-color: #000;
margin-bottom: 20px;
}
.gallery .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery .gallery-item:nth-child(4n) {
float: right;
margin-right: 0%;
}
.gallery .gallery-item:nth-child(4n + 1) {
clear: both;
}
@media (max-width: 770px) {
.gallery .gallery-item {
float: left;
width: 31.33333%;
margin-right: 3%;
margin-left: 0%;
clear: none;
text-align: inherit;
}
.gallery .gallery-item::after {
display: block;
clear: both;
content: '';
}
.gallery .gallery-item:nth-child(n) {
float: left;
margin-right: 3%;
clear: none;
}
.gallery .gallery-item:nth-child(3n) {
float: right;
margin-right: 0%;
}
.gallery .gallery-item:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
.gallery .gallery-item {
display: block;
float: none;
width: 100%;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
.gallery .gallery-item:first-child {
margin-left: auto;
}
.gallery .gallery-item:last-child {
margin-right: auto;
}
}
.gallery .gallery-item .gallery-caption {
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: .85em;
line-height: 1.2;
text-align: left;
bottom: 20px; 
left: 20px;
right: 20px;
position: absolute;
color:#fff
}
.gallery .gallery-item .gallery-caption .entry-meta * {
color:#fff
}
.gallery .gallery-item .gallery-icon a {
display: block;
}
.gallery .gallery-item .gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 0;
border: 0;
} .entry-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
height: 74rem;
height: 740px;
min-height: 74rem;
min-height: 740px;
margin: 0 auto;
-ms-flex-pack: center;
-ms-flex-align: center;
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/header.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-box-align: center;
align-items: flex-end;
-webkit-box-pack: center;
justify-content: center;
padding-bottom: 60px;
}
.postid-2407 .entry-header {
height: 85rem;
height: 850px;
min-height: 85rem;
min-height: 850px;
}
.entry-header h1 {
position: relative;
z-index: 2;
padding: 0;
margin: 0;
font-size: 60px;
color: #fff;
}
.entry-header img {padding:20px;max-width:80%;}
.entry-header p {
color:#fff; font-size:28px;line-height: 32px; margin: 10px 0 30px; font-weight:200;
}
.block-page {
height: 550px;
min-height: 550px;
min-height: 55rem;
height: 55rem;
background-position: top center;
}
@media (max-width: 767px) {
.entry-header h1 {
font-size: 36px;
}
}
@media (min-width: 1920px) {
.entry-header h1 {
font-size: 46px;
}
}
@media (max-width: 959px) {
.block-page {min-height: 42rem;height: 42rem;background-size: cover !important;}
}
@media (max-width: 767px) {
.block-page {min-height: 35rem;height: 35rem;background-size: cover !important;}
}
@media (max-width: 480px) {
.entry-header {height: 600px;min-height: 600px;min-height: 60rem;height: 60rem;}
.block-page {min-height: 25rem;height: 25rem;background-size: cover !important;}
.entry-header img {max-width: 50%;}
}
.cat-links,
.tags-links {
display: block;
}
.alignleft {
display: inline;
float: left;
margin-right: 20px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
}
.aligncenter {
display: block;
margin: 0 auto;
clear: both;
}
del {
color: #666;
text-decoration: line-through;
}
.container.container-article .yarpp-related .yellow {
background: transparent;
}
.container.container-article .yarpp-related .yellow.related h3 {
margin-bottom: 20px;
margin-top: 30px;
color: #8e1978;
}
.container.container-article .yarpp-related .yellow .container {
padding: 0;
}
.container.container-article {
margin-top: -100px;
background: #fff;
z-index: 95;
position: relative;
max-width: 870px;
}
.comments-area .comment-list li.bypostauthor {
padding: 30px;
padding: 3rem;
background-color: #fff6e8;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
padding: 10px 0;
padding: 1rem 0;
margin-bottom: 20px;
font-style: italic;
text-align: left;
}
.entry-content {
margin-bottom: 2em;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
max-width: 100%;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
height: 30px;
height: 3rem;
padding: 10px;
padding: 1rem;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (max-width: 600px) {
td,
th {
display: block;
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 10px 0;
margin-right: auto;
margin-left: auto;
clear: both;
text-align: center;
}
td:first-child,
th:first-child {
margin-left: auto;
}
td:last-child,
th:last-child {
margin-right: auto;
}
}
th {
font-weight: 200;
}
abbr[title] {
border-bottom: 1px dotted;
}
dfn {
font-style: italic;
}
kbd {
display: inline-block;
padding: 0 .5rem;
padding: 0 5px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #333;
text-shadow: 0 1px 0 #fff;
white-space: nowrap;
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff inset;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 6.25px;
margin: 0 0 .625rem;
overflow: auto;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre.debug {
font-size: 11px;
line-height: 1.5;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.taxonomy-description {
margin-bottom: 10px;
margin-bottom: 1rem;
margin-top: 30px;
margin-top: 3rem;
}
.post {
margin-bottom: 30px;
}
.entry-header .entry-title {
margin-bottom: .1em;
}
.entry-header .entry-title a {
color: #fff;
}
.entry-header .entry-meta * {
color:#fff;
}
.entry-meta * {
color: #4f5964;
}
.entry-time {
margin-bottom: 1.5em;
}
.cat {
margin-top: 0;
margin-bottom: 10px;
}
.cat a {
font-weight: 600;
}
ul.tags {
padding: 0;
padding-left: 0;
margin: 0;
overflow: hidden;
}
ul.tags li {
display: inline-block;
float: left;
padding-left: 0;
margin-top: 0;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
}
ul.asiantuntija.tags li,
ul.tags li a {
display: inline;
padding: 5px 10px;
padding: .5rem 1rem;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
background: #d90d7a;
border-radius: 15px;
opacity: .8;
}
ul.asiantuntija.tags li {
padding: 0.25rem 0.8rem;
margin: 0 2px 20px;
}
ul.tags li a:hover {
color: #fff;
background: #991983;
opacity: 1;
}
.comments-link {
display: block;
text-align: right;
}
.comments-link svg {
position: relative;
top: 1px;
margin-right: 2px;
fill: #777;
}
.comments-link:hover,
.comments-link:focus {
color: #111;
}
.comments-link:hover a,
.comments-link:hover a:link,
.comments-link:hover a:visited,
.comments-link:hover svg,
.comments-link:focus a,
.comments-link:focus a:link,
.comments-link:focus a:visited,
.comments-link:focus svg {
color: #111;
fill: #111;
}
.entry-footer {
margin-top: 20px;
margin-bottom: 0;
}
.entry-footer a {
color: #4f5964;
}
.entry-footer a:hover {
color: #d90d7a;
text-decoration: none;
}
.right {float: right;}
ul.parent-sidebar-menu, ul.child-sidebar-menu {
list-style: none;
padding-left: 0;
}
ul.child-sidebar-menu li.current_page_item a {color:#212121; padding-left:0}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 1.5em 0;
overflow: hidden;
}
.site-main .comment-navigation::after,
.site-main .posts-navigation::after,
.site-main .post-navigation::after {
display: block;
clear: both;
content: '';
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
content: '← ';
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
content: ' →';
}
.comments-area {
margin-top: 50px;
margin-bottom: 50px;
overflow: visible;
}
.comment-list {
padding: 0;
margin: 0;
list-style: none;
}
.comment-list li {
padding: 0;
margin-top: 0;
margin-bottom: 70px;
}
.comment-list li p {
color: #4f5964;
}
.comment-list li .avatar {
float: right;
border-radius: 50%;
}
.comment-list li .comment-author {
padding: 0;
margin-top: 0;
margin-bottom: 10px;
color: #222;
}
.comment-list li .comment-author a {
color: #222;
}
.comment-list li .comment-time {
padding: 0;
margin: 0;
}
.comment-list li .comment-time svg {
position: relative;
top: 2px;
margin-right: 5px;
fill: #4f5964;
}
.comment-list li .comment-time a {
color: #4f5964;
}
.comment-list li .comment-time:hover {
opacity: 1;
}
.pink {background:#d90d7a}
.violet {
background: #8e1878
}
.turquoise {
background-color: #61bbcc
}
.turquoise p {color:#fff; font-weight:normal}
.jaseneksi {
background: #61bbcc url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/liity-bg.jpg) left top no-repeat;
position: relative;
}
form#search-filter-form-105 {
width: 100%;
text-align: center;
}
.searchandfilter ul {
text-align: center;
padding-left: 0;
}
.searchandfilter ul li li {
display: inline-block;
margin-bottom: 10px;
}
.searchandfilter ul li {
display: inline-block;
margin: 0 5px;
}
.page-template-iskulauserekisteri-page .searchandfilter ul li {
display: block;
margin: 0;
}
.page-template-iskulauserekisteri-page .searchandfilter ul li ul li {
min-width: 350px
}
.page-template-iskulauserekisteri-page ul.sf_date_field {
display: flex;
justify-content: space-between;
}
.page-template-iskulauserekisteri-page .searchandfilter label {
width:100%;
}
.sf-field-tag select {
padding: 5px 20px; 
background-color:#33bccb;
color: #fff; 
font-size: 16px;
}
.searchandfilter input[type=radio] {
display:none; 
margin:10px;	
}
.searchandfilter input[type=radio] + label {
display:inline-block;
color:#fff;
padding: 4px 12px;
background-color: #33bccb;
cursor: pointer;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.violet .searchandfilter input[type=radio] + label {
background-color: #650050;
}
.searchandfilter input:hover[type=radio] + label {background:#5d014a;}
.searchandfilter  input[type=radio]:checked + label { 
background-color:#9b007c;
}
.violet .searchandfilter  input[type=radio]:checked + label { 
background-color:#d90d7a;
color:#fff;
}
.violet .searchandfilter  input[type=radio]:checked + label { 
background-image: none;
background-color:#fff;
color:#d90d7a;
}
.block-page .breadcrumbs {
position: absolute;
bottom: 0px;
right: 0px;
background: #ec007a8a;
color: #fff;
padding: 15px 30px;
}
.block-page .breadcrumbs a {
color:#fff;
}
.yellow {
background: #f2aa1f;
}
.related h2, .related h2 a, .related h3, .card-content .entry-time {
color:#fff; 
}
.related h2 {
font-size:26px;
line-height:1.2;
}
.related h3 {
margin-top:0;
}
.card {
background: #991983;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
margin-bottom: 20px;
}
.card-image {height:200px; background-repeat: no-repeat; background-size:cover;background-position: center;}
.card-content {padding: 20px 25px 30px; color:#fff}
.card-category {position:absolute; text-transform: uppercase; font-weight: normal; font-size: 12px; letter-spacing: 0.5px; background: #991983; color: #fff;}
.card-category span {padding:5px;display: block;}
.category-tapahtumat .card-category {background:#61bbcc; color:#fff;}
.category-koulutukset .card-category {background:#d90d7a; color:#fff;}
.category-menneet-tapahtumat .card-category {display:none;}
a.full-link {
width: 100%;
height: 100%;
position: absolute;
background: 0 0;
top: 0;
left: 0;
}
.top-header .kirjaudu {padding-top:15px;}
.kirjaudu .button {float:right;}
.btn-nomargin {
margin-bottom: 0 !important;
} .search-button {
display: inline-block;
color: #fff;
position: absolute;
right: 15px;
top: 30px;
} #only-for-members {
background: #fff;
color: #991983;
border-radius: 5px;
padding: 20px;
text-align: center;
border: 3px solid #991983;
-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.45);
}
.diamond {
width: 40%;
margin: auto;
display: block;
position: relative;
background: #fff;
padding: 50px 50px 0px;
min-width: 250px;
}
@media (max-width: 1200px){
.search-button {right:-10px;}
}
.search-button a {
color: #fff;
cursor: pointer;
font-weight: normal;
}
.search-form-wrapper {
position: relative;
background: #8e1878;
transition: max-height .2s;
max-height: 0;
overflow: hidden;
text-align: center;
}
.search-form-wrapper.open {
display: block;
max-height: 60px;
margin-bottom: -1px;
text-align: center;
z-index: 99;
width: 100%;
}
.search-form-wrapper input {
width:100%;
max-width: 1140px;
background: #8e1878;
padding: 15px 20px;
color:#fff; 
margin-bottom: 0px;
}
.search-form-wrapper input:focus {
background: #8e1878;
color:#fff; 
}
svg.search-icon {
width: 14px;
margin-top: 5px;
}
svg.search-icon:hover {
fill: #991983;
}
input#searchSubmit {
float: right;
width: 80px;
position: absolute;
right: 0;
top: 5px;
border: 2px solid #fff;
cursor: pointer;
padding: 10px;
}
.search-form-wrapper input::placeholder {color:#fff;}
form.search-form {
position: relative;
margin: auto;
max-width: 1140px; 
}
@media (max-width: 959px) {
.search-button {top: 12px; right:80px;}
svg.search-icon {width:20px;}
}
@media (max-width: 959px) {
.mark {display:none}
}
.kumppanilogo {
margin: auto;
text-align: center;
border: 5px solid #f5f5f5;
padding: 20px;
}
.share-buttons {
font-size: 0.7rem;
line-height: 0.7rem;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 20px;
z-index: 2;
position: relative;
text-align: center;
list-style-type: none;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: flex-start;
margin-top: 10px
}
.share-buttons li {
margin-right: 10px;
}
.share-buttons svg {
fill: #fff;
margin-top: 16px;
height: 16px;
}
.share-buttons a {
display: inline-block;
text-align: center;
border-radius: 30px;
height: 50px;
width: 50px;
background: #000;
}
.share-buttons a:hover {
background: #d90d7a;
}
footer.site-footer .share-buttons svg {
margin-top:0
}
a.twitter, a.facebook, a.linkedin, a.instagram {
background-color: #353535;
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
margin: 0 auto;
text-align: center;
padding: 2rem; height: 70px; width: 70px;
}
a.twitter:hover, a.facebook:hover, a.linkedin:hover{background:#d90d7a}
.navigation {margin:auto;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
}
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #d90d7a;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #a31a8e;
}
article {position:relative;}
.category-koulutukset section.no-results.not-found {
display: none;
}
.person {margin-bottom:20px}
.badge {
position: relative;
float: right;
max-width: 130px;
margin: 0px 0 10px 10px;
}
div.wpcf7 .ajax-loader {
background-image: url(//www.markkinointiliitto.fi/wp-content/themes/mark/images/ajax-loader.gif);
width: 24px;
height: 24px;
margin-left: 10px;
}
span.wpcf7-form-control-wrap.syntymapaiva input::before {
content: "Syntymäaika*";
margin-right: 10px;
}
div.wpcf7 .ajax-loader.is-active {visibility: visible;display: inline-block;}
.iskulause {
padding: 30px;
margin-bottom: 30px;
background: #8e1878;
color: #fff;
}
.iskulause h3 {
margin:0;
font-weight: 900;
font-size: 24px;
color: #fff;
}
.post-3422 {
margin:auto;
text-align:center;
}
div[data-id="oppilaitos"], div[data-id="muut-jasenyydet"], div[data-id="muutos"], div[data-id="jasenyyden-lopettaminen"], div[data-id="yhteistyo"], div[data-id="tuki"], div[data-id="maakunta"], div[data-id="viesti"], div[data-id="normaali-jasenyys-valittu"], div[data-id="oppilaitoksen_tunnarit"] {
width: 100%;
}
.wpcf7-response-output {
margin-block-end: 40px;
}
form#search-filter-form-3420 {
margin-top: 80px;
}
.light-grey-bg {
background-color: #E8E8E8;
}
.block-asiantuntija-content h1,
.block-filter-asiantuntijat h2 {
margin-top: 0;
margin-bottom: 10px;
}
.block-filter-asiantuntijat p {
margin-top: 10px;
}
.block-filter-asiantuntijat #search-filter-form-26986 {
margin-bottom: 60px;
width: 100%;
background-color: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
padding: 5px 30px 0px;
margin-top: -95px;
border-radius: 100px;
}
.block-filter-asiantuntijat #search-filter-results-26986 {
margin-top: 30px;
width: 100%;
}
.block-filter-asiantuntijat .searchandfilter ul li {
margin 0 10px;
}
.block-filter-asiantuntijat input[type="submit"] {
margin: 0;
margin: 0;
font-weight: 600;
font-size: 12px;
}
.block-filter-asiantuntijat .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0px 0 0 8px;
border: none;
border-radius: 25px;
background-color: #d90d7a !important;
background: #d90d7a;
background: #d90d7a;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-decoration: none;
white-space: nowrap;
line-height: 29px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.block-filter-asiantuntijat .chosen-container-single .chosen-single div b {
background-position: 0px 5px;
filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(152%) hue-rotate(255deg) brightness(116%) contrast(100%);
}
.rounded,
img.rounded {
border-radius: 5px;
}
@media (max-width: 992px) {
.badge { position: relative; margin: auto;}
}
.site nav.navigation.posts-navigation {
width: 100%;
padding: 5px 15px;
}
.post-22607 #gallery-1 .gallery-item {
background-color: unset;
}
@media (max-width: 992px) {
.block-filter-asiantuntijat #search-filter-form-26986 {
margin-bottom: 0;
width: 100%;
background-color: transparent;
box-shadow: none;
padding: 0;
margin-top: 0;
border-radius: 0;
}
.block-filter-asiantuntijat {padding: 0 15px;}
img.rounded {margin-bottom: 15px;}
} .p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
} .bg-light-gray {
background-color: #f5f5f5;
}
.expert-articles h4 {
margin: 0;
padding-top: 1.5rem;
padding-bottom: 1rem;
font-weight: 300;
}
.expert-articles h4 a {
color: #8e1978;	
}
.expert-articles p {
margin: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.expert-info-block {
text-align: start;
margin-bottom: 2rem;
}
@media (max-width: 992px) {
.expert-info-block {text-align: center;}
.expert-info-block ul.tags {display: flex; justify-content: center;}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 528px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 0px 0px 0px 0px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #212121; --cmplz_button_accept_border_color: #212121; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #212121; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 0px 0px 0px 0px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #f2aa1f; --cmplz_slider_inactive_color: #f2aa1f; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}#cmplz-manage-consent .cmplz-manage-consent { left: 40px; right: initial;}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-soft-cookiewall { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9999;}.cmplz-soft-cookiewall.cmplz-dismissed { position: initial; display: none;}.cmplz-optout .cmplz-soft-cookiewall { position: initial;}.cmplz-document .cmplz-soft-cookiewall { position: initial;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;} .cmplz-placeholder-element > blockquote.fb-xfbml-parse-ignore { margin: 0 20px; }