@charset "UTF-8";
#wp-admin-bar-dusky .ab-item.ab-empty-item {
display: none;
}
.dusky-toggle-wrap.dusky-ignore {
width: 90px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #eeeeee;
padding: 10px;
cursor: pointer;
border: 0;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 63%);
box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 63%);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dusky-toggle-wrap.dusky-ignore * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dusky-toggle-wrap.dusky-ignore .dusky-toggle-icon {
border-radius: 50%;
padding: 5px;
-webkit-transform: translate(-5px);
-ms-transform: translate(-5px);
transform: translate(-5px);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.dusky-toggle-wrap.dusky-ignore .dusky-toggle-icon .dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #ffffff;
width: 20px;
height: 20px;
}
.dusky-toggle-wrap.dusky-ignore .dusky-toggle-text {
-webkit-transform: translate(3px);
-ms-transform: translate(3px);
transform: translate(3px);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
} .dusky-toggle-wrap.dusky-ignore.dusky-active-dark {
background: #000000;
-webkit-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 63%);
box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 63%);
}
.dusky-toggle-wrap.dusky-ignore.dusky-active-dark .dusky-toggle-icon {
background: #ffffff;
-webkit-transform: translate(43px);
-ms-transform: translate(43px);
transform: translate(43px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
}
.dusky-toggle-wrap.dusky-ignore.dusky-active-dark .dusky-toggle-text {
-webkit-transform: translate(-32px);
-ms-transform: translate(-32px);
transform: translate(-32px);
}
.dusky-toggle-wrap.dusky-ignore span.dusky-toggle-light {
color: #000;
font-weight: 400;
font-size: 14px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-active-dark
.dusky-toggle-text
.dusky-toggle-dark {
color: #fff;
font-weight: 400;
font-size: 14px;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1 {
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
width: 45px;
height: 45px;
background: #ffffff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1.dusky-active-dark {
background: #000000;
border: 1px solid #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1.dusky-active-dark
.dusky-toggle-icon {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1 .dusky-toggle-icon {
position: relative;
padding: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1 .dusky-toggle-icon::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #000;
bottom: -50px;
left: calc(50% - 10px);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1.dusky-active-light
.dusky-toggle-icon::after {
bottom: calc(50% - 10px);
visibility: visible;
opacity: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1
.dusky-toggle-icon::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #000;
top: -50px;
left: calc(50% - 10px);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1.dusky-active-dark
.dusky-toggle-icon::before {
top: calc(50% - 10px);
background-color: #fff;
visibility: visible;
opacity: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1
.dusky-toggle-icon
.dusky-toggle-main-icon {
display: none;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1 .dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-1 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2 .dusky-toggle-icon {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2.dusky-active-dark {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2.dusky-active-dark
.dusky-toggle-icon {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2.dusky-active-dark .dusky-toggle-text {
transform: translate(-25px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-2.dusky-active-dark
.dusky-toggle-text
.dusky-toggle-dark {
color: #fff;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3 {
border: solid 1px #ddd;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3 .dusky-toggle-icon {
background: -o-linear-gradient(left, #3858e9 30%, #000000);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(30%, #3858e9),
to(#000000)
);
background: linear-gradient(90deg, #3858e9 30%, #000000);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3.dusky-active-dark {
background: -o-linear-gradient(left, #3858e9 30%, #000000);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(30%, #3858e9),
to(#000000)
);
background: linear-gradient(90deg, #3858e9 30%, #000000);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3.dusky-active-dark
.dusky-toggle-icon {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-3 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4 {
border: solid 1px #ddd;
overflow: visible;
margin: 0 30px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4 .dusky-toggle-icon {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4.dusky-active-dark {
background: #148333;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4.dusky-active-dark
.dusky-toggle-icon {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4
.dusky-toggle-icon
.dusky-toggle-main-icon {
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #000;
bottom: calc(50% - 10px);
left: -30px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #000;
top: calc(50% - 10px);
right: -30px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4.dusky-active-dark::after,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4.dusky-active-dark::before {
background-color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-4 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5 {
border: solid 1px #ddd;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5 .dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5.dusky-active-dark {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5 .dusky-toggle-text::after {
position: absolute;
content: "";
border-radius: 50%;
width: 20px;
height: 20px;
top: calc(50% - 10px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5.dusky-active-light
.dusky-toggle-text::after {
background: #000000;
right: -35px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5.dusky-active-dark
.dusky-toggle-text::after {
background: #ffffff;
right: -20px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5
.dusky-toggle-text
.dusky-toggle-light,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-5
.dusky-toggle-text
.dusky-toggle-dark {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6 {
height: 35px;
overflow: visible;
background: -o-linear-gradient(left, #ffffff, #0f40ff);
background: -webkit-gradient(
linear,
left top,
right top,
from(#ffffff),
to(#0f40ff)
);
background: linear-gradient(to right, #ffffff, #0f40ff);
border: solid 1px #ddd;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6 .dusky-toggle-icon {
background: #ffffff;
-webkit-box-shadow:
rgba(60, 64, 67, 0.3) 0 1px 2px 0,
rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
box-shadow:
rgba(60, 64, 67, 0.3) 0 1px 2px 0,
rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6.dusky-active-dark {
background: -o-linear-gradient(left, #0f40ff, #fff);
background: -webkit-gradient(
linear,
left top,
right top,
from(#0f40ff),
to(#fff)
);
background: linear-gradient(to right, #0f40ff, #fff);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #0f40ff;
width: 30px;
height: 30px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6 .dusky-toggle-icon {
-webkit-transform: translate(-12px);
-ms-transform: translate(-12px);
transform: translate(-12px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(42px);
-ms-transform: translate(42px);
transform: translate(42px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6.dusky-active-dark
.dusky-toggle-icon {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-6 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7 {
border: solid 1px #ddd;
overflow: visible;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7 .dusky-toggle-icon {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7.dusky-active-dark {
background: #0f40ff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7
.dusky-toggle-icon
.dusky-toggle-main-icon {
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #ffffff;
bottom: calc(50% - 10px);
left: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #000;
top: calc(50% - 10px);
right: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7.dusky-active-dark::after {
background-color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-7 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-8 {
border: solid 1px #ddd;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-8.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-8 .dusky-toggle-icon {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-8.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-8.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-8
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-8 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-9.svg);
background-size: cover;
background-repeat: no-repeat;
border: solid 1px #ddd;
overflow: visible;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9 .dusky-toggle-icon {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-9.svg);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9
.dusky-toggle-icon
.dusky-toggle-main-icon {
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #ffffff;
bottom: calc(50% - 10px);
left: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #ffffff;
top: calc(50% - 10px);
right: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-9 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-10 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-10 .dusky-toggle-icon {
background: #ffffff;
-webkit-box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-10.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-10
.dusky-toggle-icon
.dusky-toggle-main-icon {
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-10 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11 {
overflow: visible;
margin: 0 60px;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11 .dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #ffffff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11 .dusky-toggle-text {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11
.dusky-toggle-text
.dusky-toggle-light {
display: block;
position: absolute;
top: -15px;
left: -100px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-11
.dusky-toggle-text
.dusky-toggle-dark {
display: block;
position: absolute;
top: -15px;
right: -105px;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12 {
border-radius: 10px;
border: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12 .dusky-toggle-text {
display: none;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12 .dusky-toggle-icon {
background: #000000;
border-radius: 10px;
height: 40px;
width: 40px;
-webkit-transform: translate(-10px);
-ms-transform: translate(-10px);
transform: translate(-10px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12.dusky-active-dark {
background: #5d97f2;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(41px);
-ms-transform: translate(41px);
transform: translate(41px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12
.dusky-toggle-icon
.dusky-toggle-main-icon {
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #ffffff;
bottom: calc(50% - 10px);
left: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #000;
top: calc(50% - 10px);
right: 10px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12.dusky-active-dark::before {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-12.dusky-active-dark::after {
background-color: #ffffff;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13 {
padding: 0;
width: 120px;
border: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13 .dusky-toggle-icon {
background: #000000;
border-radius: 50px;
padding: 10px 25px;
-webkit-transform: translate(0px);
-ms-transform: translate(0px);
transform: translate(0px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13.dusky-active-dark {
background: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13.dusky-active-dark
.dusky-toggle-icon {
background: #ffffff;
-webkit-transform: translate(50px);
-ms-transform: translate(50px);
transform: translate(50px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13.dusky-active-dark
.dusky-toggle-text {
-ms-transform: translate(-62px);
-webkit-transform: translate(-62px);
transform: translate(-62px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13.dusky-active-dark
.dusky-toggle-text
.dusky-toggle-dark {
color: #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-13 .dusky-toggle-text {
-ms-transform: translate(8px);
-webkit-transform: translate(8px);
transform: translate(8px);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14 {
overflow: visible;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14 .dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-10.png);
background-size: cover;
background-repeat: no-repeat;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-color: #ffffff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-14 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15 {
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15.dusky-active-dark {
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15 .dusky-toggle-icon {
border: 1px solid #000;
background: #fff;
overflow: hidden;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15.dusky-active-dark
.dusky-toggle-icon {
border: 1px solid #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15
.dusky-toggle-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 50%;
top: 0;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15
.dusky-toggle-icon
.dusky-toggle-main-icon {
background: #000;
-webkit-mask-image: unset;
mask-image: unset;
border-radius: 500px;
overflow: hidden;
position: relative;
z-index: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15
.dusky-toggle-icon
.dusky-toggle-main-icon::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
right: 50%;
top: 0;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-15 .dusky-toggle-text {
display: none;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16 {
border: solid 1px #ddd;
width: 155px;
height: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 8px;
padding: 0 30px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #3858e9;
bottom: calc(50% - 10px);
left: 5px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #000;
top: calc(50% - 10px);
right: 5px;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16.dusky-active-dark::after {
background-color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16.dusky-active-dark::before {
background-color: #3858e9;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16 .dusky-toggle-icon {
display: none;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16
.dusky-toggle-text
.dusky-toggle-dark {
display: block;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16
.dusky-toggle-text
.dusky-toggle-light {
color: #3858e9;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16.dusky-active-dark
.dusky-toggle-text
.dusky-toggle-light {
display: block;
color: #ffffff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16.dusky-active-dark
.dusky-toggle-text
.dusky-toggle-dark {
color: #3858e9;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-16 .dusky-toggle-text {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
line-height: 14px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17 {
background: #875cff !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17 .dusky-toggle-text span {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17.dusky-active-light
.dusky-toggle-text {
-webkit-transform: translate(40px);
-ms-transform: translate(40px);
transform: translate(40px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17 .dusky-toggle-text:after {
position: absolute;
content: "";
width: 16px;
height: 16px;
right: 0;
top: calc(50% - 10px);
background: #fff;
border: 2px solid #fff;
border-right: 2px solid #875cff;
outline: 2px solid #fff;
border-radius: 500px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(-3px);
-ms-transform: translate(-3px);
transform: translate(-3px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-17.dusky-active-dark
.dusky-toggle-text:after {
border-left: 2px solid #875cff;
border-right: 2px solid #fff;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18 {
background: #ffffff !important;
-webkit-box-shadow: 0px 6px 8px 3px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 6px 8px 3px rgba(0, 0, 0, 0.1) inset;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18 .dusky-toggle-text span {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18 .dusky-toggle-icon {
display: none;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18.dusky-active-light
.dusky-toggle-text {
-webkit-transform: translate(25px);
-ms-transform: translate(25px);
transform: translate(25px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18 .dusky-toggle-text:after {
position: absolute;
content: "";
width: 25px;
height: 25px;
right: 0;
top: calc(50% - 12.5px);
background: #ffffff;
-webkit-filter: drop-shadow(2px 1px 6px rgba(0, 0, 0, 0.25));
filter: drop-shadow(2px 1px 6px rgba(0, 0, 0, 0.25));
border-radius: 500px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(70px);
-ms-transform: translate(70px);
transform: translate(70px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-18.dusky-active-dark {
background: #76ee59 !important;
-webkit-filter: drop-shadow(-2px 1px 6px rgba(0, 0, 0, 0.25));
filter: drop-shadow(-2px 1px 6px rgba(0, 0, 0, 0.25));
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-19-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19 .dusky-toggle-icon {
border: 1px solid #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-19.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-19-bg.svg);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-20-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(34px);
-ms-transform: translate(34px);
transform: translate(34px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border-radius: 500px;
width: 30px;
height: 30px;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 70%;
height: 70%;
top: calc(50% - 10.5px);
left: calc(50% - 10.5px);
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-20-bg.svg);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-21-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-21.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-21.svg) no-repeat center/contain;
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21.dusky-active-dark
.dusky-toggle-icon {
background: #fff;
padding: 7px 3px 0px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-21.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-21.svg) no-repeat center/contain;
background: #3716f3;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-21.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-21-bg.svg);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/22-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #e0e0e0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border-radius: 500px;
width: 30px;
height: 30px;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 75%;
height: 75%;
top: 14%;
left: 14%;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/light-22.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/dark-22.svg);
width: 40%;
height: 65%;
top: 20%;
left: 30%;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-22.dusky-active-dark {
background-color: #3716f3;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-23-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(34px);
-ms-transform: translate(34px);
transform: translate(34px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border-radius: 500px;
width: 30px;
height: 30px;
position: relative;
border: 2px solid #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 80%;
height: 80%;
top: 12%;
left: 10%;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-23.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-23.png);
width: 60%;
height: 60%;
top: 18%;
left: 20%;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border: 2px solid #3716f3;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-23.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-23-bg.png);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-24-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(34px);
-ms-transform: translate(34px);
transform: translate(34px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border-radius: 500px;
width: 30px;
height: 30px;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-24.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-24.svg);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-24.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-24-bg.png);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25 {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-25-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-20.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(34px);
-ms-transform: translate(34px);
transform: translate(34px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
border-radius: 500px;
width: 30px;
height: 30px;
position: relative;
border: 5px solid #fff;
-webkit-box-shadow: 0 0 10px 0 #fff;
box-shadow: 0 0 10px 0 #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-25.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-25.svg);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-25.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-25-bg.png);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26 {
padding: 10px !important;
background-color: #b2adf3;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#b3bede),
color-stop(#b2adf3),
to(#d0d8f6)
);
background-image: -o-linear-gradient(left, #b3bede, #b2adf3, #d0d8f6);
background-image: linear-gradient(to right, #b3bede, #b2adf3, #d0d8f6);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26 .dusky-toggle-text span {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26
.dusky-toggle-text::after {
position: absolute;
content: "Off";
color: #000000;
font-size: 12px;
left: 12px;
top: calc(50% - 9px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-text::after {
content: "On";
color: #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(-32px);
-ms-transform: translate(-32px);
transform: translate(-32px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26 .dusky-toggle-icon {
-webkit-transform: translate(-4px);
-ms-transform: translate(-4px);
transform: translate(-4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(40px);
-ms-transform: translate(40px);
transform: translate(40px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: transparent;
border-radius: 500px;
width: 20px;
height: 20px;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
background-color: #000000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon::after {
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-28.svg);
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
background-color: #ffffff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background: transparent;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-26.dusky-active-dark {
background-color: #6352f2;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#9d94ea),
color-stop(#6352f2),
to(#4e3bf4)
);
background-image: -o-linear-gradient(left, #9d94ea, #6352f2, #4e3bf4);
background-image: linear-gradient(to right, #9d94ea, #6352f2, #4e3bf4);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27 {
width: 48px;
height: 64px;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/27-mask-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #56b0ff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27.dusky-active-dark {
background-color: #2d3b91;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27 .dusky-toggle-text,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27
.dusky-toggle-icon
.dusky-toggle-main-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27 .dusky-toggle-icon,
.dusky-toggle-item
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27
.dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
background: transparent;
width: 30px;
height: 30px;
position: relative;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27 .dusky-toggle-icon::after,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27
.dusky-toggle-icon::before {
position: absolute;
width: 100%;
height: 100%;
border: 1px solid #ffffffa8;
border-radius: 500px;
left: 0;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(255, 255, 255, 0.14)),
to(#fff)
);
background-image: -o-linear-gradient(
bottom,
rgba(255, 255, 255, 0.14),
#fff
);
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.14), #fff);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27
.dusky-toggle-icon::after {
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg);
top: 0;
visibility: visible;
opacity: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27.dusky-active-dark
.dusky-toggle-icon::after {
top: 80px;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27
.dusky-toggle-icon::before {
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg);
top: -80px;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-27.dusky-active-dark
.dusky-toggle-icon::before {
top: 0;
visibility: visible;
opacity: 1;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28 {
width: 64px;
height: 64px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#ffffff),
to(#939393)
);
background-image: -o-linear-gradient(bottom, #ffffff, #939393);
background-image: linear-gradient(to top, #ffffff, #939393);
-webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28 .dusky-toggle-text,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28
.dusky-toggle-icon
.dusky-toggle-main-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28 .dusky-toggle-icon,
.dusky-toggle-item
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28
.dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
background: #bcbcbc;
width: 40px;
height: 40px;
position: relative;
-webkit-box-shadow: 2px 2px 10px 0 rgba(255, 255, 255, 0.6);
box-shadow: 2px 2px 10px 0 rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
background: #2e3b91;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28 .dusky-toggle-icon::after,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28
.dusky-toggle-icon::before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 500px;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28
.dusky-toggle-icon::after {
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg);
top: 0;
visibility: visible;
opacity: 1;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28.dusky-active-dark
.dusky-toggle-icon::after {
top: 80px;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28
.dusky-toggle-icon::before {
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-28.svg);
top: -80px;
visibility: hidden;
opacity: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-28.dusky-active-dark
.dusky-toggle-icon::before {
top: 0;
visibility: visible;
opacity: 1;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29 {
width: 82px;
height: 42px;
background: #ffffff;
border-style: solid;
border-width: 10px;
border-color: #b9b4db;
overflow: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29.dusky-active-dark {
background: #40454e;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29 .dusky-toggle-text,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29 .dusky-toggle-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29::after {
position: absolute;
content: "";
width: 34px;
height: 34px;
top: calc(50% - 17px);
left: -4px;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/off-29.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 500px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-29.dusky-active-dark::after {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/on-29.png);
left: calc(100% - 30px);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-30 {
width: 100px;
height: 40px;
background: #363636;
border-style: solid;
border-width: 17px;
border-color: #c4d0df;
overflow: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-30 .dusky-toggle-text,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-30 .dusky-toggle-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-30::after {
position: absolute;
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-30.svg);
width: 42px;
height: 27px;
top: calc(50% - 15px);
left: -4px;
border-radius: 500px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #f4f2ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 3px;
-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-30.dusky-active-dark::after {
content: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-30.svg);
background: #3c24ff;
left: calc(100% - 30px);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31 {
width: 90px;
height: 30px;
background: #d9d9d9;
overflow: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-style: solid;
border-color: #54469d;
border-width: 2px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31 .dusky-toggle-icon {
width: 40px;
height: 40px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#c897f9),
to(#77f2fc)
);
background-image: -o-linear-gradient(bottom, #c897f9, #77f2fc);
background-image: linear-gradient(to top, #c897f9, #77f2fc);
-webkit-box-shadow: 2px 2px 10px 0 rgba(255, 255, 255, 0.6);
box-shadow: 2px 2px 10px 0 rgba(255, 255, 255, 0.6);
-webkit-transform: translate(-13px);
-ms-transform: translate(-13px);
transform: translate(-13px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(48px);
-ms-transform: translate(48px);
transform: translate(48px);
background: #bcbcbc;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-31.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
width: 72%;
height: 72%;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-31.svg);
-webkit-mask: inherit;
mask: inherit;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31 .dusky-toggle-text span {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31 .dusky-toggle-text {
position: relative;
width: 20px;
height: 20px;
-webkit-transform: translate(8px);
-ms-transform: translate(8px);
transform: translate(8px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(-38px);
-ms-transform: translate(-38px);
transform: translate(-38px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31
.dusky-toggle-text::after {
position: absolute;
content: "Day";
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 12px;
color: rgba(0, 0, 0, 0.72);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-31.dusky-active-dark
.dusky-toggle-text::after {
content: "Night";
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32 {
width: 90px;
height: 30px;
background-image: -webkit-gradient(
linear,
right top,
left top,
from(rgb(4 40 147 / 13%)),
color-stop(rgb(102 85 244 / 44%)),
to(rgb(6 69 255 / 30%))
);
background-image: -o-linear-gradient(
right,
rgb(4 40 147 / 13%),
rgb(102 85 244 / 44%),
rgb(6 69 255 / 30%)
);
background-image: linear-gradient(
to left,
rgb(4 40 147 / 13%),
rgb(102 85 244 / 44%),
rgb(6 69 255 / 30%)
);
overflow: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32.dusky-active-dark {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#7363f7),
to(#9d93ea)
);
background-image: -o-linear-gradient(right, #7363f7, #9d93ea);
background-image: linear-gradient(to left, #7363f7, #9d93ea);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32 .dusky-toggle-icon {
width: 37px;
height: 37px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ebecf0;
-webkit-box-shadow: -10px -1px 20px 0 hsla(228, 100%, 99%, 0.3);
box-shadow: -10px -1px 20px 0 hsla(228, 100%, 99%, 0.3);
-webkit-transform: translate(-13px);
-ms-transform: translate(-13px);
transform: translate(-13px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(48px);
-ms-transform: translate(48px);
transform: translate(48px);
background: #7a6bf7;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: inherit;
mask: inherit;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-32.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
width: 72%;
height: 72%;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-32.svg);
-webkit-mask: inherit;
mask: inherit;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32 .dusky-toggle-text span {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32 .dusky-toggle-text {
position: relative;
width: 20px;
height: 20px;
-webkit-transform: translate(8px);
-ms-transform: translate(8px);
transform: translate(8px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(-30px);
-ms-transform: translate(-30px);
transform: translate(-30px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32
.dusky-toggle-text::after {
position: absolute;
content: "Off";
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 12px;
color: rgba(0, 0, 0, 0.72);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-32.dusky-active-dark
.dusky-toggle-text::after {
content: "On";
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33 {
width: 66px;
height: 22px;
background: #eaeaea;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33.dusky-active-dark {
background: #695aff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33 .dusky-toggle-text,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33
.dusky-toggle-icon
.dusky-toggle-main-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33 .dusky-toggle-icon {
width: 33px;
height: 22px;
background: #ffffff;
border-radius: 500px;
-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: translate(-8px);
-ms-transform: translate(-8px);
transform: translate(-8px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-33.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(23px);
-ms-transform: translate(23px);
transform: translate(23px);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34 {
width: 45px;
height: 58px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#e8edf3),
to(#c4d0df)
);
background-image: -o-linear-gradient(bottom, #e8edf3, #c4d0df);
background-image: linear-gradient(to top, #e8edf3, #c4d0df);
-webkit-box-shadow: -2px -2px 4px 0 #9aa7ba inset;
box-shadow: -2px -2px 4px 0 #9aa7ba inset;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 5px !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark {
background: #3c24ff;
-webkit-box-shadow: -2px -2px 4px 0 #9aa7ba inset;
box-shadow: -2px -2px 4px 0 #9aa7ba inset;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34 .dusky-toggle-text span,
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34
.dusky-toggle-icon
.dusky-toggle-main-icon {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34 .dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#e3e8f0),
to(#a1b1c7)
);
background-image: -o-linear-gradient(bottom, #e3e8f0, #a1b1c7);
background-image: linear-gradient(to top, #e3e8f0, #a1b1c7);
-webkit-box-shadow: 2px 2px 4px 0 #ffffff inset;
box-shadow: 2px 2px 4px 0 #ffffff inset;
width: 23px;
height: 23px;
padding: 0;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
background: #3c24ff;
-webkit-box-shadow: 2px 2px 4px 0 #ffffff inset;
box-shadow: 2px 2px 4px 0 #ffffff inset;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34 .dusky-toggle-icon:after {
position: absolute;
content: "";
width: 60%;
height: 60%;
left: 20%;
top: 20%;
border-radius: 500px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#ff845c),
to(#f03800)
);
background-image: -o-linear-gradient(bottom, #ff845c, #f03800);
background-image: linear-gradient(to top, #ff845c, #f03800);
-webkit-box-shadow: 0 4px 4px 0 rgba(255, 124, 1, 0.3);
box-shadow: 0 4px 4px 0 rgba(255, 124, 1, 0.3);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark
.dusky-toggle-icon:after {
background: #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34 .dusky-toggle-text {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
width: 24px;
height: 8px;
background-color: #f3f3f3;
border-radius: 500px;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark
.dusky-toggle-text {
background-color: #695aff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34
.dusky-toggle-text::after {
position: absolute;
content: "";
width: 50%;
height: 100%;
background: #fff;
border-radius: 500px;
left: 0;
top: 0;
-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark
.dusky-toggle-text::after {
left: calc(100% - 50%);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-34.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35 {
width: 80px;
height: 40px;
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/day-35-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: transparent;
-webkit-box-shadow: inherit;
box-shadow: inherit;
overflow: visible;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35.dusky-active-dark {
background-image: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/night-35-bg.svg);
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35 .dusky-toggle-icon {
width: 30px;
height: 30px;
background: #ebecf0;
border: 1px solid #ffffff;
-webkit-box-shadow: -10px -1px 20px 0 rgb(1 1 1 / 30%);
box-shadow: -10px -1px 20px 0 rgb(1 1 1 / 30%);
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate(-10px);
-ms-transform: translate(-10px);
transform: translate(-10px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35.dusky-active-dark
.dusky-toggle-icon {
-webkit-transform: translate(45px);
-ms-transform: translate(45px);
transform: translate(45px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background-color: #2058ff;
width: 16px;
height: 16px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-35.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36 {
width: 86px;
height: 28px;
background: #001659;
border: 1px solid rgba(0, 55, 255, 0.09);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36.dusky-active-dark {
background: #cddaff;
border: 1px solid rgba(0, 55, 255, 0.09);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36 .dusky-toggle-icon {
padding: 0;
background: transparent;
-webkit-transform: translate(41px);
-ms-transform: translate(41px);
transform: translate(41px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36.dusky-active-dark
.dusky-toggle-icon {
background: transparent;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-36.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-36.svg) no-repeat center/contain;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#b99fff),
color-stop(#ffffff),
to(#b99fff)
);
background-image: -o-linear-gradient(bottom, #b99fff, #ffffff, #b99fff);
background-image: linear-gradient(to top, #b99fff, #ffffff, #b99fff);
width: 28px;
height: 24px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-36.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-36.svg) no-repeat center/contain;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#001659),
color-stop(#042997),
to(#001659)
);
background-image: -o-linear-gradient(bottom, #001659, #042997, #001659);
background-image: linear-gradient(to top, #001659, #042997, #001659);
}
.dusky-toggle-item
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36
.dusky-toggle-text {
-webkit-transform: translate(-27px);
-ms-transform: translate(-27px);
transform: translate(-27px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36 .dusky-toggle-text {
width: 38px;
height: 9px;
position: relative;
-webkit-transform: translate(-30px);
-ms-transform: translate(-30px);
transform: translate(-30px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36.dusky-active-dark
.dusky-toggle-text {
-webkit-transform: translate(4px);
-ms-transform: translate(4px);
transform: translate(4px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36
.dusky-toggle-text::after {
position: absolute;
content: "Light mode";
font-size: 7px;
line-height: 8px;
color: #ffffff;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36.dusky-active-dark
.dusky-toggle-text::after {
content: "Dark Mode";
color: #001659;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-36 .dusky-toggle-text span {
display: none !important;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37 {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#fda158),
to(#88337e)
);
background-image: -o-linear-gradient(bottom, #fda158, #88337e);
background-image: linear-gradient(to top, #fda158, #88337e);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37::after {
position: absolute;
content: "";
width: calc(100% - 10px);
height: calc(100% - 10px);
background: #000;
left: 5px;
top: 5px;
border-radius: 500px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37 .dusky-toggle-icon {
width: 40px;
height: 40px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#fda158),
to(#88337e)
);
background-image: -o-linear-gradient(bottom, #fda158, #88337e);
background-image: linear-gradient(to top, #fda158, #88337e);
z-index: 1;
padding: 2px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate(-10px);
-ms-transform: translate(-10px);
transform: translate(-10px);
}
.dusky-toggle-item
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37
.dusky-toggle-icon {
-webkit-transform: translate(-5px);
-ms-transform: translate(-5px);
transform: translate(-5px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37.dusky-active-dark
.dusky-toggle-icon {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#0cf8fd),
to(#1e57e6)
);
background-image: -o-linear-gradient(bottom, #0cf8fd, #1e57e6);
background-image: linear-gradient(to top, #0cf8fd, #1e57e6);
-webkit-transform: translate(40px);
-ms-transform: translate(40px);
transform: translate(40px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-37.dusky-active-dark {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#0cf8fd),
to(#1e57e6)
);
background-image: -o-linear-gradient(bottom, #0cf8fd, #1e57e6);
background-image: linear-gradient(to top, #0cf8fd, #1e57e6);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38 {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#939393),
to(#ffffff)
);
background-image: -o-linear-gradient(bottom, #939393, #ffffff);
background-image: linear-gradient(to top, #939393, #ffffff);
-webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38::before {
position: absolute;
content: "";
width: calc(100% - 20px);
height: calc(100% - 20px);
left: 10px;
top: 10px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#ffffff),
to(#939393)
);
background-image: -o-linear-gradient(bottom, #ffffff, #939393);
background-image: linear-gradient(to top, #ffffff, #939393);
-webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%) inset;
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%) inset;
border-radius: 500px;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38 .dusky-toggle-icon {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#939393),
to(#ffffff)
);
background-image: -o-linear-gradient(bottom, #939393, #ffffff);
background-image: linear-gradient(to top, #939393, #ffffff);
-webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%) inset;
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%) inset;
border: 0.5px solid #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-38.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
background: #000;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39 {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#939393),
color-stop(#ffffff),
to(#939393)
);
background-image: -o-linear-gradient(bottom, #939393, #ffffff, #939393);
background-image: linear-gradient(to top, #939393, #ffffff, #939393);
-webkit-box-shadow: 0px 0px 0px 12px rgb(58 0 255 / 87%) inset;
box-shadow: 0px 0px 0px 12px rgb(58 0 255 / 87%) inset;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39.dusky-active-dark {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#000000),
color-stop(#ffffff),
to(#000000)
);
background-image: -o-linear-gradient(bottom, #000000, #ffffff, #000000);
background-image: linear-gradient(to top, #000000, #ffffff, #000000);
-webkit-box-shadow: 0px 0px 0px 12px rgb(105 83 194 / 76%) inset;
box-shadow: 0px 0px 0px 12px rgb(105 83 194 / 76%) inset;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39 .dusky-toggle-icon {
background: #000;
border: 0.5px solid #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background: #fff;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-39.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
background: #fff;
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40 {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#298fbe),
to(#9afffe)
);
background-image: -o-linear-gradient(bottom, #298fbe, #9afffe);
background-image: linear-gradient(to top, #298fbe, #9afffe);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40::after {
position: absolute;
content: "";
width: 0;
height: calc(100% - 10px);
background: #000;
left: 5px;
top: 5px;
border-radius: 500px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40.dusky-active-dark::after {
width: calc(100% - 10px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40 .dusky-toggle-text {
display: none !important;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40 .dusky-toggle-icon {
width: 40px;
height: 40px;
background: #fff;
z-index: 1;
padding: 2px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate(-10px);
-ms-transform: translate(-10px);
transform: translate(-10px);
}
.dusky-toggle-item
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40
.dusky-toggle-icon {
-webkit-transform: translate(-5px);
-ms-transform: translate(-5px);
transform: translate(-5px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40.dusky-active-dark
.dusky-toggle-icon {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#298fbe),
to(#9afffe)
);
background-image: -o-linear-gradient(bottom, #298fbe, #9afffe);
background-image: linear-gradient(to top, #298fbe, #9afffe);
-webkit-transform: translate(40px);
-ms-transform: translate(40px);
transform: translate(40px);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40.dusky-active-dark
.dusky-toggle-icon
.dusky-toggle-main-icon {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon-19.svg) no-repeat center/contain;
background: #000;
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-style-40.dusky-active-dark {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#298fbe),
to(#9afffe)
);
background-image: -o-linear-gradient(bottom, #298fbe, #9afffe);
background-image: linear-gradient(to top, #298fbe, #9afffe);
} .dusky-toggle-wrap.dusky-ignore.dusky-toggle-large {
transform: scale(1.3);
}
.dusky-toggle-wrap.dusky-ignore.dusky-toggle-small {
transform: scale(0.8);
} .dusky-toggle-wrap.dusky-ignore.dusky-floating {
position: fixed;
z-index: 999999999999;
bottom: 30px;
transition: none;
}
.dusky-toggle-wrap.dusky-ignore.dusky-floating.dusky-left {
left: 30px;
right: auto;
}
.dusky-toggle-wrap.dusky-ignore.dusky-floating.dusky-right {
right: 30px;
left: auto;
}
.dusky-toggle-wrap.dusky-ignore.dusky-floating.dusky-middle {
left: 0;
right: 0;
margin: 0 auto;
}
.dusky-toggle-wrap.dusky-ignore.dusky-floating .dusky-toggle-button-move {
position: absolute;
top: -20px;
left: -20px;
cursor: grab;
height: 25px;
width: 25px;
padding: 3px;
color: #443a96;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.dusky-toggle-wrap.dusky-ignore.dusky-floating:hover .dusky-toggle-button-move {
visibility: visible;
opacity: 1;
}
.dusky-toggle-style-admin-bar {
width: 20px !important;
height: 20px !important;
cursor: pointer;
border-radius: 500px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mce-ico.mce-i-dusky_toggle,
.dusky-toggle-style-admin-bar.dusky-active-light .dusky-toggle-icon-light {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/sun.svg) no-repeat center/contain;
background-color: #000000;
width: 15px !important;
height: 15px !important;
margin: 0 auto !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mce-ico.mce-i-dusky_toggle.dusky-mode-dark,
.dusky-toggle-style-admin-bar.dusky-active-dark .dusky-toggle-icon-dark {
-webkit-mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
mask: url(//septemnovem.hr/wp-content/plugins/dusky-dark-mode/assets/icons/moon.svg) no-repeat center/contain;
background-color: #ffffff;
width: 15px !important;
height: 15px !important;
margin: 0 auto !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#wp-admin-bar-dusky {
line-height: 22px;
margin-top: 4px !important;
}
.dusky-toggle-style-admin-bar.dusky-active-light {
background: #ffffff;
}
.dusky-toggle-style-admin-bar.dusky-active-dark {
background: #000000;
}
.dusky-toggle-wrap.dusky-floating.dusky-custom {
bottom: var(--dusky-toggle-bottom-offset);
left: var(--dusky-toggle-left-side-offset);
right: var(--dusky-toggle-right-side-offset);
}
.dusky-toggle-wrap.dusky-toggle-custom {
transform: scale(var(--dusky-toggle-custom-size, 1)) !important;
}
.dusky-toggle-wrap.dusky-toggle-custom.dusky-toggle-style-1 {
width: var(--dusky-toggle-custom-size);
height: var(--dusky-toggle-custom-size);
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore {
position: relative;
display: flex !important;
align-items: center;
line-height: 1 !important;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-menu-active {
cursor: pointer;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-menu-active svg {
width: 28px;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-menu-active svg path {
stroke: #94a3b8;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-menu-active:not(.dusky-active-auto) svg path {
stroke: #433996;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list {
position: absolute;
width: 130px;
background: #fff;
padding: 6px 0;
border-radius: 8px;
border: 1px solid #0f172a1a;
box-shadow: 0 0 #0f172a1a;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
top: 100%;
left: calc(50% - 65px);
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item {
display: block;
color: #4d555f;
padding: 6px 12px;
font-size: 16px;
line-height: 1;
cursor: pointer;
transition: all .3s ease;
display: flex;
align-items: center;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item svg {
width: 24px;
margin-right: 8px;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item svg path {
stroke: #94a3b8;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item:hover, 
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item:focus {
background: #dddddd45;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item.ddm-drop-active svg path {
stroke: #433996;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list .ddm-toggle-dropdown-list-item.ddm-drop-active {
color: #433996;
}
.dusky-toggle-dropdown-menu-wrapper.dusky-ignore .ddm-toggle-dropdown-list.active-dropdown {
opacity: 1;
visibility: visible;
}
 .animated{-webkit-animation-duration:1s !important;animation-duration:1s !important;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:.75s !important;animation-duration:.75s !important;-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounceOut,.flipOutX{-webkit-animation-duration:.75s !important}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:.75s !important;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-duration:.75s !important;-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s !important;animation-duration:.75s !important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s !important;animation-duration:2s !important;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(//septemnovem.hr/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
} .elementor-shortcode .trp-ls-shortcode-current-language,
.elementor-shortcode .trp-ls-shortcode-language {
width: 300px !important;
}