@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
a {
text-decoration: none
}
button {
cursor: pointer
}
@font-face {
font-family: Sansation;
src: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/fonts/sansation-ttf/Sansation_Light.ttf) format("truetype");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: Sansation;
src: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/fonts/sansation-ttf/Sansation_Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Sansation;
src: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/fonts/sansation-ttf/Sansation_Regular.ttf) format("truetype");
font-weight: 300;
font-style: normal
}
* {
box-sizing: border-box
}
body,
html {
height: 100%
}
html {
font-size: 62.5%
}
body {
font-size: 1.2rem;
font-family: Sansation, sans-serif;
display: flex;
flex-direction: column;
width: 100%;
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
strong {
font-weight: 700
}
.site {
width: 100%;
flex: 1 0 auto
}
img {
max-width: 100%
}
a {
color: #2b2b2b;
color: #2b2b2b;
transition: color .3s
}
a:focus,
a:hover {
color: #0a4c8a
}
a:focus,
a:hover {
color: #0a4c8a
}
a:focus.icon-location:before,
a:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.cover {
background-size: cover;
background-position: 50%
}
.slide {
min-height: 100vh
}
.slide--placeholder {
min-height: 50vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
color: #cdcdcd
}
.group:after,
.group:before {
content: "";
display: table
}
.group:after {
clear: both
}
.icon-arrow,
.icon-location,
.icon-web {
position: relative;
display: inline-flex;
align-items: center
}
.icon-arrow:focus,
.icon-arrow:hover,
.icon-location:focus,
.icon-location:hover,
.icon-web:focus,
.icon-web:hover {
text-decoration: none;
color: #0a4c8a
}
.icon-arrow {
padding-right: 3rem
}
.icon-arrow:after {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: .92rem 1.5rem;
width: .92rem;
height: 1.5rem;
position: relative;
margin-left: 1.3rem;
display: inline-block
}
@media screen and (max-width:990px) {
.icon-arrow:after {
margin-left: 1rem
}
}
.icon-arrow:focus,
.icon-arrow:hover {
text-decoration: none;
color: #0a4c8a
}
.icon-mail {
margin-right: 4rem
}
.icon-mail:before {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/mail.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 2.1rem 2.1rem;
width: 2.1rem;
height: 2.1rem;
position: relative;
margin-right: 1rem;
display: inline-block;
top: 5px
}
.icon-mail:focus,
.icon-mail:hover {
text-decoration: none;
color: #0a4c8a
}
.icon-link {
padding-left: 0;
margin-left: 1rem
}
.icon-link:after {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/link.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 1.4rem;
width: 1.4rem;
height: 1.4rem;
margin-left: 1.3rem;
display: inline-block
}
.icon-link:focus,
.icon-link:hover {
text-decoration: none;
color: #0a4c8a
}
.icon-location,
.icon-web {
padding-left: 0;
margin-right: 4rem
}
.icon-location:before,
.icon-web:before {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 2.1rem 2rem;
width: 2.1rem;
height: 2rem;
position: relative;
margin-right: 1rem;
display: inline-block
}
.icon-location:focus,
.icon-location:hover,
.icon-web:focus,
.icon-web:hover {
text-decoration: none;
color: #0a4c8a
}
.icon-web:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/web.svg);
background-size: 2.1rem 2.1rem;
height: 2.1rem
}
.icon-web:focus,
.icon-web:hover {
text-decoration: none;
color: #0a4c8a
}
.extra-margin {
margin-top: 1rem;
margin-bottom: 1rem
}
.breadcrumbs {
margin-bottom: 4rem
}
.breadcrumbs span[property=itemListElement] {
text-decoration: none;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
color: #2b2b2b
}
.breadcrumbs span[property=itemListElement]:last-child {
font-weight: 700
}
.breadcrumbs a {
text-decoration: none
}
.breadcrumbs__separator {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: .92rem 1.5rem;
width: .92rem;
height: 1.5rem;
position: relative;
margin: 0 1.5rem;
display: inline-block;
top: 2px
}
.quote {
position: relative;
display: inline
}
.quote:after,
.quote:before {
content: "";
position: absolute;
width: 2.2rem;
height: 1.3rem;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/quote.svg);
background-size: cover;
background-repeat: no-repeat
}
.quote:before {
left: -3.7rem;
top: 10px
}
.quote:after {
bottom: 10px;
right: -3.7rem
}
.quote--small {
padding: 0
}
.quote--small:after,
.quote--small:before {
width: 1.1rem;
height: .7rem;
position: relative;
display: inline-block
}
.quote--small:before {
left: 0;
top: -10px;
margin-right: .8rem
}
.quote--small:after {
bottom: 0;
right: 0;
margin-left: .8rem
}
.top-text {
vertical-align: top
}
.blue-hover {
color: #2b2b2b;
transition: color .3s
}
.blue-hover:focus,
.blue-hover:hover {
color: #0a4c8a
}
.blue-hover:focus.icon-location:before,
.blue-hover:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.wpcf7-not-valid,
input.has-error {
border-left: 3px solid #fe7b58!important
}
.not-valid {
position: relative
}
.not-valid>span,
.wpcf7-not-valid-tip {
background: #fe7b58;
color: #fff;
border-radius: 3px;
font-weight: 700;
padding: 10px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
font-size: 14px
}
.not-valid>span:before,
.wpcf7-not-valid-tip:before {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #fe7b58 transparent;
position: absolute;
top: -5px;
left: 50%;
margin: 0 0 0 -5px;
z-index: 10
}
.avalehe-uudised .uudis img {
border-radius: 30px
}
.navigation {
width: 100%;
margin: 0 2rem;
display: flex;
justify-content: center
}
.navigation {
margin-left: 30px;
min-width: 90px;
display: flex;
vertical-align: center;
align-items: center;
transition: margin-left .3s
}
.pp-tiled-post-content {
background-color: rgba(43, 50, 88, .6)
}
.navigation-logos {
position: fixed;
bottom: 0;
left: 0;
max-width: 150px;
height: auto;
z-index: 1500
}
.pea .sub-menu:before {
position: absolute;
content: ' ';
top: -15px;
left: 22px;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 15px solid #2c3258
}
.pea li {
position: relative
}
.pea li:hover>.sub-menu {
max-height: 1000px;
opacity: 1;
display: block!important;
overflow-y: visible;
-webkit-transition: all .35s ease-out 0s;
-moz-transition: all .35s ease-out 0s;
-o-transition: all .35s ease-out 0s;
transition: all .35s ease-out 0s
}
.pea .sub-menu {
opacity: .5;
overflow-y: hidden;
max-height: 0;
max-width: 300px;
display: block!important;
position: absolute;
top: 80px;
left: 0;
z-index: 1000;
background-color: #2c3258;
clear: both!important;
-webkit-transition: all .35s ease-out 0s;
-moz-transition: all .35s ease-out 0s;
-o-transition: all .35s ease-out 0s;
transition: all .35s ease-out 0s
}
.pea .sub-menu li {
display: block;
clear: both!important
}
.pea .sub-menu li a:before {
content: none
}
.pea .sub-menu li a {
display: block;
padding: 15px 20px 15px 20px;
color: #fff;
height: inherit
}
.langs {
margin-right: 15px
}
.langs .wpml-ls-flag {
width: 36px!important;
height: auto!important
}
@media screen and (max-width:1080px) {
.navigation .navigation-logos {
margin-left: 1%
}
}
.navigation .navigation-logos img {
max-height: 80px
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu {
flex-wrap: nowrap
}
@media screen and (max-width:990px) {
.navigation {
display: none
}
}
.navigation ul {
display: flex;
justify-content: center
}
.navigation li a {
display: flex;
align-items: center;
padding: 0 2.4rem;
font-family: Sansation, sans-serif;
height: 8rem;
font-size: 1.6rem;
font-weight: 700;
color: #2b2b2b;
text-decoration: none;
text-transform: uppercase;
transition: all .3s;
position: relative
}
@media screen and (min-width:991px) and (max-width:1366px) {
.navigation li a {
padding: 0 1.5rem
}
}
@media screen and (max-width:1080px) {
.navigation li a {
padding: 0 1rem
}
}
.navigation li a:before {
content: "";
width: 100%;
height: 100%;
background-color: transparent;
position: absolute;
top: 0;
left: 0;
transform: skew(-6deg);
z-index: -1
}
.navigation li a:first-child {
margin-left: 0
}
.navigation li a:last-child {
margin-right: 0
}
.navigation li a:focus,
.navigation li a:hover {
color: #d5a86c
}
.navigation li.current-menu-ancestor a,
.navigation li.current-menu-item a,
.navigation li.current-page-ancestor a {
color: #fff;
z-index: 1
}
.navigation li.current-menu-ancestor a:before,
.navigation li.current-menu-item a:before,
.navigation li.current-page-ancestor a:before {
background-color: #d5a86c
}
.main-menu {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 5% 3.5rem 5%;
background-color: #f7f7f7;
opacity: 1;
z-index: 30;
transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out
}
@media screen and (min-width:991px) and (max-width:1366px) {
.main-menu {
padding: 0 2.5% 3.5rem 2.5%
}
}
@media screen and (max-width:990px) {
.main-menu {
text-align: center;
overflow: hidden;
}
}
.main-menu--transparent {
opacity: 0
}
.main-menu--hidden {
display: none
}
.main-menu__extra,
.main-menu__header {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px
}
@media screen and (max-width:990px) {
.main-menu__header {
flex-wrap: wrap;
position: relative;
padding-top: 4.5rem!important;
height: auto
}
}
@media screen and (max-width:990px) {
.main-menu__extra {
flex: 0 0 100%
}
}
.main-menu__search {
height: 24px
}
.main-menu__search .site-search__term {
font-size: 16px
}
@media screen and (max-width:990px) {
.main-menu__search {
flex: 0 0 100%
}
}
.main-menu__toggle {
margin-left: 24px
}
.main-menu__items {
display: flex;
justify-content: center;
margin-top: 16rem;
height: 50vh;
overflow: auto
}
@media screen and (max-width:990px) {
.main-menu__items {
flex-wrap: wrap;
height: 75vh;
overflow: auto;
margin-top: 0;
padding-top: 5rem
}
}
.main-menu__group {
margin-right: 65px
}
@media screen and (max-width:990px) {
.main-menu__group {
flex: 0 0 100%;
margin-right: 0
}
}
.main-menu__group:first-child {
margin-right: 65px
}
@media screen and (max-width:990px) {
.main-menu__group:first-child {
margin-right: 0
}
}
.main-menu__group .main-menu-logos {
margin-bottom: 2rem;
margin-top: -2rem
}
.main-menu__group .main-menu-logos img {
height: 50px;
width: 90px
}
.main-menu .menu-item__parent {
display: flex;
font-family: Sansation, sans-serif;
font-size: 22px;
margin-bottom: 45px;
opacity: 0;
transform: translateY(-5px);
transition: all .3s ease-out
}
.main-menu .menu-item__parent.main-menu-logos {
display: none
}
@media screen and (max-width:990px) {
.main-menu .menu-item__parent.main-menu-logos {
justify-content: center
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.main-menu .menu-item__parent {
margin-bottom: 2.5rem
}
}
@media screen and (max-width:990px) {
.main-menu .menu-item__parent {
flex-wrap: wrap
}
}
.main-menu .menu-item__parent a {
width: 20rem
}
@media screen and (max-width:990px) {
.main-menu .menu-item__parent a {
width: 100%;
flex: 0 0 100%;
margin-bottom: 2rem
}
}
@media screen and (max-width:990px) {
.main-menu .menu-item__parent ul {
flex: 0 0 100%
}
}
.main-menu .menu-item--visible {
opacity: 1;
transform: translateY(0)
}
.main-menu .menu-item__child {
font-size: 16px;
padding: 0 0 20px 0
}
.main-menu .menu-item a {
text-decoration: none
}
.site-header {
position: relative;
background-color: #fff
}
.site-header__content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 5%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.site-header__content {
padding: 0 2.5%
}
}
@media screen and (max-width:990px) {
.site-header__content {
padding: 1rem 5%;
flex-wrap: wrap
}
}
.site-header__financers--mobile {
display: none
}
@media screen and (max-width:990px) {
.site-header__financers--mobile {
display: none;
height: 40px;
margin-right: 20%
}
.site-header__financers--mobile img {
height: 100%
}
.navigation-logos {
position: fixed;
bottom: 0;
left: 0;
max-width: 120px;
height: auto;
z-index: 1500
}
}
.site-header__submenu {
padding: 0 5%;
background-color: #2b3258;
width: 100%;
display: none
}
.site-header__submenu.third-level {
background-color: #fff
}
.site-header__submenu.third-level a {
color: #2b3258
}
@media screen and (max-width:990px) {
.site-header__submenu {
display: none!important
}
}
.site-header__submenu .menu {
display: flex
}
.site-header__submenu .menu li a {
height: 5.5rem;
line-height: 5.5rem;
text-decoration: none;
color: #fff;
font-size: 1.6rem;
font-family: Sansation, sans-serif;
font-weight: 700;
text-transform: uppercase;
margin: 0 2rem;
transition: color .3s;
display: flex;
align-items: center;
text-align: center;
line-height: 1.5
}
.site-header__submenu .menu li a:focus,
.site-header__submenu .menu li a:hover {
color: #d5a86c
}
.site-header__submenu .menu li.current-menu-item a,
.site-header__submenu .menu li.current-page-parent a {
color: #d5a86c!important
}
.site-header__submenu .menu li:first-child a {
margin-left: 0
}
.site-header__submenu .menu li:last-child a {
margin-right: 0
}
.site-header__search {
position: relative;
margin-right: 24px;
width: 21px;
height: 80px;
display: flex;
vertical-align: center
}
@media screen and (max-width:990px) {
.site-header__search {
flex: 0 0 100%;
margin-top: 3rem
}
}
.site-header__search .site-search__form {
position: absolute;
top: 0;
right: 0;
background-color: #fff;
min-width: 36px;
height: 80px;
display: flex;
align-items: center
}
@media screen and (max-width:990px) {
.site-header__search .site-search__form {
position: relative;
width: 100%
}
}
.site-header__search .site-search__term {
font-size: 16px;
height: 24px
}
.site-header__search.site-search--expanded .site-search__term {
margin-left: 24px
}
.site-header__toggle-menu {
cursor: pointer;
padding: 5px
}
.hamburger {
padding: 5px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: .15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
overflow: visible
}
@media screen and (max-width:990px) {
.hamburger {
position: absolute;
right: 5%;
top: 1.5rem
}
}
.hamburger:hover {
opacity: .7
}
.hamburger-box {
width: 24px;
height: 24px;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
width: 24px;
height: 3px;
background-color: #000;
position: absolute;
transition-property: transform;
transition-duration: .15s;
transition-timing-function: ease
}
.hamburger-inner::after,
.hamburger-inner::before {
content: "";
display: block
}
.hamburger-inner::before {
top: -9px
}
.hamburger-inner::after {
bottom: -9px
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 75ms;
transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 75ms .12s ease, opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 75ms ease, opacity 75ms .12s ease
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}
@media screen and (max-width:990px) {
.main-menu .hamburger {
right: 0;
top: 4.5rem
}
.langs {
margin-right: 35px
}
.langs .wpml-ls-flag {
width: 25px!important;
height: auto!important
}
}
.site-logo {
flex-shrink: 0;
width: 167px;
height: 42px;
background-size: 167px auto;
background-position: no-repeat;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/parnumaa.svg);
background-repeat: no-repeat
}
.site-logo a {
display: block;
width: 100%;
height: 100%
}
@media only screen and (max-width:360px) {
.site-logo {
width: 145px;
background-size: 145px auto
}
}
.disable-menu-scroll {
margin: 0;
margin-right: 17px;
height: 100%;
overflow: hidden;
position: fixed
}
.site-header__submenu.third-level .menu li a {
color: #2b3258
}
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
#menu-main-menu,
.navigation-logos {
overflow: hidden
}
}
.page-header {
padding-top: 27%;
width: 100%;
background-size: cover;
position: relative;
color: #fff;
font-family: Sansation, sans-serif;
font-weight: 700;
background-position: 50% 0
}
@media screen and (max-width:990px) {
.page-header {
padding-top: 50%
}
}
.page-header:after {
content: "";
position: absolute;
width: 2.5rem;
height: 2.5rem;
left: 0;
bottom: 0;
background-color: #d5a86c
}
@media screen and (max-width:990px) {
.page-header:after {
display: none
}
}
.page-header__title {
font-size: 6.8rem;
margin: 0 0 5.4rem 5%;
display: inline-block
}
@media screen and (min-width:991px) and (max-width:1366px) {
.page-header__title {
padding: 0;
max-width: 45%;
font-size: 4.5rem
}
}
@media screen and (max-width:990px) {
.page-header__title {
margin: 0 0 4rem 5%;
font-size: 2.5rem;
hyphens: auto;
text-shadow: 0 0 5px #777
}
}
.page-header__block {
position: absolute;
right: 0;
bottom: 0;
background-color: #2b3258;
padding: 4rem 5.3rem;
width: 44.75rem
}
@media screen and (max-width:990px) {
.page-header__block {
background-color: #fff;
position: relative;
text-align: left;
color: #2b2b2b;
margin-top: 0;
width: 100%;
padding: 4rem 5%
}
}
.page-header__block:after {
content: "";
width: 4rem;
height: 100%;
background-color: #2b3258;
position: absolute;
top: 0;
right: calc(100% - 2.6rem);
transform: skew(-6deg)
}
@media screen and (max-width:990px) {
.page-header__block:after {
display: none
}
}
.page-header__description-title {
font-size: 2.8rem;
margin-bottom: 3rem
}
.page-header__description {
font-family: Sansation, sans-serif;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.56
}
.page-header__description p {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide-with-image {
display: flex;
clear: both;
flex-direction: row;
margin: 10rem 5% 0 0
}
@media screen and (max-width:990px) {
.subpage-slide-with-image {
flex: 0 0 100%;
flex-wrap: wrap;
padding: 2rem 0;
margin: 0
}
}
.subpage-slide-with-image a {
text-decoration: none
}
.subpage-slide-with-image a:focus,
.subpage-slide-with-image a:hover {
text-decoration: none
}
.subpage-slide-with-image__image {
padding-top: 36%;
width: 50%;
min-height: 48rem;
background-size: cover;
background-position: 50%;
background-color: #f7f7f7
}
@media screen and (max-width:990px) {
.subpage-slide-with-image__image {
min-height: 25rem;
width: 100%
}
}
.subpage-slide-with-image#toostusalad .subpage-slide-with-image__text p:last-of-type {
margin-bottom: 5.2rem
}
.subpage-slide-with-image__text {
flex: 1;
padding: 0 0 0 12rem
}
@media screen and (max-width:990px) {
.subpage-slide-with-image__text {
flex: 0 0 100%;
padding: 0 5%
}
}
.subpage-slide-with-image__text h2 {
font-size: 4.5rem;
font-weight: 700;
color: #2b2b2b;
margin: 5rem 0
}
.subpage-slide-with-image__text ol,
.subpage-slide-with-image__text ul {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin: 2.5rem 0;
color: #2b2b2b
}
.subpage-slide-with-image__text ol:first-child,
.subpage-slide-with-image__text ul:first-child {
margin-top: 0
}
.subpage-slide-with-image__text ul {
padding-left: 2.7rem
}
@media screen and (max-width:990px) {
.subpage-slide-with-image__text ul {
padding-left: 0
}
}
.subpage-slide-with-image__text ul li {
padding: 0 0 0 1.5rem;
position: relative
}
.subpage-slide-with-image__text ul li:before {
background: #d5a86c;
content: "";
display: block;
height: .5rem;
left: 0;
position: absolute;
top: 1rem;
width: .5rem
}
.subpage-slide-with-image__text ul a:after {
content: "";
background: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/link.svg) no-repeat 100% 0;
background-size: 1.4rem 1.4rem;
display: inline-block;
height: 1.4rem;
margin-left: 1.3rem;
vertical-align: middle;
width: 1.4rem
}
.subpage-slide-with-image__text ul.two-column {
column-count: 2
}
@media screen and (min-width:991px) and (max-width:1366px) {
.subpage-slide-with-image__text ul.two-column {
column-count: 1;
padding: 0
}
}
@media screen and (max-width:990px) {
.subpage-slide-with-image__text ul.two-column {
column-count: 1
}
}
.subpage-slide-with-image__text .slide-special-rows {
margin-top: 4rem;
display: flex;
flex-direction: row
}
@media screen and (min-width:991px) and (max-width:1366px) {
.subpage-slide-with-image__text .slide-special-rows {
flex-wrap: wrap
}
}
@media screen and (max-width:990px) {
.subpage-slide-with-image__text .slide-special-rows {
flex-wrap: wrap
}
}
.subpage-slide-with-image__text .slide-special-rows>ul {
margin: 0 40px 0 0;
padding: 0
}
.subpage-slide-with-image__text .slide-special-rows>ul>li {
padding: 0
}
.subpage-slide-with-image__text .slide-special-rows>ul>li:before {
display: none
}
.subpage-slide-with-image__text .slide-special-rows>ul>li>a {
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
text-align: right
}
.subpage-slide-with-image__text .slide-special-rows>ul>li>a:after {
background: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg) no-repeat 100% 0
}
.subpage-slide-with-image__text .slide-special-rows>ul:first-child li a:after {
display: none
}
.subpage-slide-with-image.subpage-slide--right {
flex-direction: row-reverse;
margin-right: 0;
margin-left: 5%
}
@media screen and (max-width:990px) {
.subpage-slide-with-image.subpage-slide--right {
flex-direction: row;
margin: 0
}
}
.subpage-slide-with-image.subpage-slide--right .subpage-slide-with-image__text {
padding-left: 0;
padding-right: 12rem
}
@media screen and (max-width:990px) {
.subpage-slide-with-image.subpage-slide--right .subpage-slide-with-image__text {
padding: 0 5%
}
}
.subpage-slide-with-image--small {
margin-left: 5%;
margin-right: 5%
}
.subpage-slide-with-image--small.subpage-slide--right {
margin-left: 5%;
margin-right: 5%
}
@media screen and (max-width:990px) {
.subpage-slide-with-image--small.subpage-slide--right .subpage-slide-with-image__text {
padding: 0
}
}
.subpage-slide-with-image--small .subpage-slide-with-image__text {
width: 40%
}
@media screen and (max-width:990px) {
.subpage-slide-with-image--small .subpage-slide-with-image__text {
width: 100%;
flex: 0 0 100%;
padding: 0
}
}
.subpage-slide-with-image--small .subpage-slide-with-image__text h3 {
margin-top: 0
}
@media screen and (max-width:990px) {
.subpage-slide-with-image--small .subpage-slide-with-image__text h3 {
margin: 3rem 0 0
}
}
.subpage-slide-with-image--small .subpage-slide-with-image__image {
align-self: flex-start;
padding-top: 28.8%;
width: 40%
}
@media screen and (max-width:990px) {
.subpage-slide-with-image--small .subpage-slide-with-image__image {
width: 100%;
flex: 0 0 100%
}
}
.subpage-slide-with-image .links {
font-size: 1.6rem;
font-weight: 700;
margin: 3rem 0 0;
line-height: 2.1rem
}
.subpage-slide-with-image .links a {
display: inline-block;
margin: 0 4rem 0 0;
vertical-align: top
}
.subpage-slide-with-image .links a:after,
.subpage-slide-with-image .links a:before {
vertical-align: middle
}
@media screen and (min-width:991px) and (max-width:1366px) {
.subpage-slide-with-image .links a {
margin: 0 4rem 2rem 0
}
}
@media screen and (max-width:990px) {
.subpage-slide-with-image .links a {
margin: 0 4rem 2rem 0;
width: 100%;
display: block
}
}
.subpage-slide-double-image-container {
clear: both;
padding: 4rem 0 6rem
}
@media screen and (max-width:990px) {
.subpage-slide-double-image-container {
padding: 4rem 0 0
}
}
.subpage-slide-double-image__first,
.subpage-slide-double-image__second {
padding-top: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 50%;
background-color: #f7f7f7;
float: left
}
.subpage-slide-double-image__first {
transform: translateY(-15%)
}
@media screen and (max-width:990px) {
.subpage-slide-double-image__first {
transform: translateY(0)
}
}
.subpage-slide-double-image__second {
transform: translateY(15%)
}
@media screen and (max-width:990px) {
.subpage-slide-double-image__second {
transform: translateY(0)
}
}
.subpage-slide-double-image__text {
clear: both;
text-align: left
}
.subpage-slide-double-image__text h2 {
font-size: 2.8rem!important;
padding: 3rem 0;
margin: 0!important
}
.subpage-slide-double-image.block-position--left {
width: 43%;
margin-left: 5%;
float: left;
margin-bottom: 20%
}
@media screen and (max-width:990px) {
.subpage-slide-double-image.block-position--left {
width: 100%;
float: none;
margin: 0 0 2rem;
padding: 0 5%
}
}
.subpage-slide-double-image.block-position--right {
width: 43%;
margin-right: 5%;
float: right;
margin-top: 20%
}
@media screen and (max-width:990px) {
.subpage-slide-double-image.block-position--right {
width: 100%;
float: none;
margin: 0 0 2rem;
padding: 0 5%
}
}
#company-email-hidden,
.company-email-wrap {
display: none
}
.slide-parallax-2-images-title {
margin: 10rem 5%
}
.slide__parallax-block {
margin: -15rem 0 0;
width: calc(50% - 3rem)
}
.slide__parallax-block:first-child {
margin-top: 0
}
.slide__parallax-block:nth-child(2n+2) {
margin-left: calc(50% + 6rem)
}
.slide__parallax-block__images {
display: flex
}
.slide__parallax-block__image {
flex: 0 0 auto;
width: 50%
}
.slide__parallax-block img {
vertical-align: top
}
.slide__parallax-block h3 {
margin: 3rem 0 0;
padding: 0
}
.subpage-slide.take-contact {
margin: 12rem 5% 0 0
}
@media screen and (max-width:990px) {
.subpage-slide.take-contact {
margin: 5rem 0 0 0;
overflow: hidden
}
}
.subpage-slide.take-contact .slide-contact__wrap {
display: flex;
flex-direction: row;
min-height: 30rem;
background-color: #9ecbb2;
background-image: linear-gradient(250deg, #9ecbb2, #7bad8a), linear-gradient(#f7f7f7, #f7f7f7)
}
@media screen and (max-width:990px) {
.subpage-slide.take-contact .slide-contact__wrap {
flex-wrap: wrap
}
}
.subpage-slide.take-contact .slide-contact__wrap-skew {
min-height: 30rem;
width: 100%;
position: absolute;
z-index: -1;
right: 0;
background-color: #9ecbb2;
background-image: linear-gradient(250deg, #9ecbb2, #7bad8a), linear-gradient(#f7f7f7, #f7f7f7);
transform: skew(-6deg) translateX(-5vh)
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__image-wrap {
display: inline-block;
width: 50%;
position: relative
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__image {
display: block;
margin: 0 auto 0 40%;
background-size: 350px 300px;
background-repeat: no-repeat;
transform: translateY(-2vh);
height: 300px;
width: 350px
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption {
font-family: Sansation;
padding: 7.5rem 10rem 0 12rem;
display: inline-block;
width: 49%;
height: 100%;
vertical-align: top
}
@media screen and (max-width:990px) {
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption {
width: 100%;
display: block;
height: auto;
padding: 2rem 5%;
text-align: center
}
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption p {
font-size: 22px;
font-weight: 100;
text-align: left;
line-height: 1.2;
color: #fff
}
@media screen and (max-width:990px) {
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption p {
text-align: center
}
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption a.button {
font-size: 1.6rem;
font-weight: 700;
height: 4.5rem;
line-height: 4.5rem;
letter-spacing: .5px;
color: #fff;
padding: 0 2rem;
border-radius: 3px;
background-color: #2b3258;
text-decoration: none;
display: inline-flex;
align-items: center;
transition: background-color .3s
}
@media screen and (max-width:990px) {
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption a.button {
height: auto;
text-align: center
}
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption a.button:focus,
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption a.button:hover {
background-color: #0a4c8a
}
.subpage-slide.take-contact .slide-contact__wrap .slide-contact__caption a.button:active {
background-color: #2b3258
}
.subpage-slide.something-find {
display: block;
margin: 7vh 9.3vh 0
}
@media screen and (max-width:990px) {
.subpage-slide.something-find {
margin: 7vh 5% 0
}
}
.subpage-slide.something-find .slide-something__wrap-items {
display: flex
}
@media screen and (max-width:990px) {
.subpage-slide.something-find .slide-something__wrap-items {
flex-wrap: wrap
}
}
.subpage-slide.something-find .slide-something__wrap-item {
display: inline-block;
margin: auto
}
@media screen and (max-width:990px) {
.subpage-slide.something-find .slide-something__wrap-item {
flex: 0 0 100%;
text-align: center;
margin-bottom: 4rem
}
}
.subpage-slide.something-find .slide-something__wrap-item .image-wrap {
display: inline-block;
position: relative
}
.subpage-slide.something-find .slide-something__wrap-item .image-wrap__box,
.subpage-slide.something-find .slide-something__wrap-item .image-wrap__svg {
height: 20vh;
width: 20vh
}
.subpage-slide.something-find .slide-something__wrap-item .image-wrap__box {
background-color: #d5a86c;
transform: skew(-6deg);
z-index: -1
}
.subpage-slide.something-find .slide-something__wrap-item .image-wrap__svg {
top: 0;
left: 0;
position: absolute;
background-size: 8.8vh 11.8vh;
background-repeat: no-repeat;
background-position: 50% 50%
}
.subpage-slide.something-find .slide-something__wrap-item .text-wrap {
margin-top: 3vh
}
@media screen and (max-width:990px) {
.subpage-slide.something-find .slide-something__wrap-item .text-wrap {
margin-top: 2rem
}
}
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-one,
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-two {
font-family: Sansation;
font-size: 22px;
font-weight: 300;
text-align: left;
color: #2b2b2b;
margin: 0
}
@media screen and (max-width:990px) {
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-one,
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-two {
text-align: center
}
}
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-two {
text-indent: 25px
}
@media screen and (max-width:990px) {
.subpage-slide.something-find .slide-something__wrap-item .text-wrap__row-two {
text-indent: 0
}
}
.subpage-slide.slice-items {
display: block;
margin: 21vh 0 0
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items {
margin: 5rem 0 0
}
}
.subpage-slide.slice-items .slice-items__wrap-items {
display: flex
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-items {
flex-wrap: wrap
}
}
.subpage-slide.slice-items .slice-items__wrap-items-left,
.subpage-slide.slice-items .slice-items__wrap-items-right {
width: 50%
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-items-left,
.subpage-slide.slice-items .slice-items__wrap-items-right {
width: 100%
}
}
.subpage-slide.slice-items .slice-items__wrap-items-right {
padding-left: 3vh
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-items-right {
padding-left: 0
}
}
.subpage-slide.slice-items .slice-items__wrap-item {
min-height: 19.4vh;
position: relative;
margin-bottom: 2rem;
font-family: Sansation;
display: flex
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item {
flex-wrap: wrap;
min-height: auto
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number {
width: 8vh;
display: flex;
align-items: center;
margin-right: 5.7vh
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number {
flex: 0 0 100%;
margin-right: 0;
width: 100%
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span {
font-size: 124px;
font-weight: 700;
text-align: left;
color: #d5a86c
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span {
position: relative;
padding: 0 5rem;
display: block
}
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span:after,
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span:before {
content: "";
background-color: #d5a86c;
display: block;
height: 100%;
position: absolute;
top: 0;
transform: skew(-6deg);
width: 3px;
z-index: -1
}
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span:after {
right: 0
}
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-number span:before {
left: 0
}
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content {
width: 100%
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-title {
padding-top: 1.2vh;
color: #2b2b2b;
font-size: 22px;
font-weight: 300;
text-align: left;
vertical-align: baseline;
margin-bottom: 2vh
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-title {
padding-top: 3rem
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-title.title-bold {
padding-top: 0;
font-size: 28px;
font-weight: 700;
margin-bottom: 3.8vh
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description {
padding-right: 3vh
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description {
padding-right: 0
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description strong {
color: #d5a86c;
font-weight: 700
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description a:after {
content: "";
background: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/link.svg) no-repeat 100% 0;
background-size: 1.4rem 1.4rem;
display: inline-block;
height: 1.4rem;
margin-left: 1.3rem;
vertical-align: middle;
width: 1.4rem
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form {
font-family: Sansation
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__input-container {
display: inline-flex
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__input-container {
flex-wrap: wrap;
width: 100%;
margin: 2rem 0 3rem
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email {
background-color: #f7f7f7;
border: none;
color: #d5a86c;
font-size: 1.6rem;
font-size: 16px;
font-weight: 300;
height: 4.5rem;
letter-spacing: .5px;
line-height: 1.56;
outline: 0;
padding: 1rem 2rem;
text-align: left;
width: 100%
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email ::-webkit-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email :-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email ::-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email :-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__email ::-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__newsletter-submit {
height: 4.5rem;
width: 146px;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.81;
letter-spacing: .5px;
background-color: #2b3258;
border: none;
border-radius: .3rem;
outline: 0;
box-sizing: none;
color: #fff;
text-align: center;
cursor: pointer;
transition: background-color .3s
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__newsletter-submit:hover {
background-color: #0a4c8a
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__newsletter-submit {
width: 100%;
display: block;
clear: both
}
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__error,
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .sendsmaily__success {
display: none
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .g-recaptcha {
display: none
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .wrap-description form .g-recaptcha.show {
display: block
}
.subpage-slide.slice-items .slice-items__wrap-item .wrap-content .title-bold+.wrap-description {
margin-top: 3.8vh
}
.subpage-slide.slice-items .slice-items__wrap-item:after {
content: "";
background-color: #d5a86c;
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
transform: skew(-6deg);
width: 3px;
z-index: -1
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item:after {
display: none
}
}
@media screen and (max-width:990px) {
.subpage-slide.slice-items .slice-items__wrap-item.empty-item {
display: none
}
}
.subpage-slide.next-page {
margin: 7rem 0 5rem 5%
}
.subpage-slide.next-page.right {
margin: 7rem 5% 5rem 0
}
@media screen and (max-width:990px) {
.subpage-slide.next-page.right {
margin: 0 5%
}
}
.subpage-slide.next-page.right .next-page__wrap-half:nth-child(2) {
padding-left: 12rem
}
@media screen and (max-width:990px) {
.subpage-slide.next-page.right .next-page__wrap-half:nth-child(2) {
padding-left: 0
}
}
.subpage-slide.next-page .next-page__wrap {
display: flex;
flex-direction: row;
background-size: cover
}
@media screen and (max-width:990px) {
.subpage-slide.next-page .next-page__wrap {
display: block
}
}
.subpage-slide.next-page .next-page__wrap-half {
width: 50%
}
@media screen and (max-width:990px) {
.subpage-slide.next-page .next-page__wrap-half {
width: 100%
}
}
.subpage-slide.next-page .next-page__wrap a .button {
display: inline-block;
padding: 0 20px
}
@media screen and (max-width:990px) {
.subpage-slide.next-page .next-page__wrap a .button {
display: block
}
}
.subpage-slide.next-page .next-page__wrap a .button span {
position: relative;
margin-left: 1.5rem;
top: 2px
}
.subpage-slide.next-page .next-page__wrap a .button span svg {
transition: fill .3s
}
.subpage-slide.next-page .next-page__wrap a .button:hover span svg {
fill: #0a4c8a
}
.sidebar--filters {
flex: 0 0 300px;
margin-right: 40px;
z-index: 1
}
@media screen and (max-width:990px) {
.sidebar--filters {
flex: 0 0 100%;
margin-right: 0
}
}
.page-id-102 .page-header__title {
word-wrap: break-word;
hyphens: auto
}
.page-template-page-subpage p {
max-width: 100%
}
.page-template-page-subpage .page-content__text {
margin-left: 0
}
.page-template-page-subpage .page-content__text p {
font-size: 1.6rem
}
.page-content {
padding: 7rem 5%
}
@media screen and (max-width:990px) {
.page-content {
padding-top: 2rem
}
}
.page-content--splitted {
padding: 0 0 7rem 0
}
.page-content--splitted .page-content__text {
padding: 7rem 0 0 5%;
flex: 1;
margin-right: 8rem
}
@media screen and (min-width:991px) and (max-width:1366px) {
.page-content--splitted .page-content__text {
margin-right: 5rem
}
}
@media screen and (max-width:990px) {
.page-content--splitted .page-content__text {
text-align: left;
width: 100%;
margin-right: 0;
padding: 7rem 5% 0
}
}
.page-content ul {
padding-left: 2.7rem;
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin: 25px 0;
margin: 2.5rem 0;
color: #2b2b2b
}
.page-content ul li {
padding: 0 0 0 1.5rem;
position: relative
}
.page-content ul li:before {
background: #d5a86c;
content: "";
display: block;
height: 5px;
height: .5rem;
left: 0;
position: absolute;
top: 10px;
top: 1rem;
width: 5px;
width: .5rem
}
.page-content h2 {
font-size: 4.5rem;
font-weight: 700;
margin-bottom: 5rem;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.page-content h2 {
font-size: 2.8rem
}
}
.page-content h3 {
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 4rem;
color: #2b2b2b
}
h3.lugude-alampealkiri  {
margin-top: 4rem;
margin-bottom: -4rem;
}
.page-content p {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin: 2.5rem 0;
color: #2b2b2b
}
.page-content p:first-child {
margin-top: 0
}
.page-content img.alignright {
float: right;
margin: 0 0 0 12rem
}
.page-content img.alignleft {
float: left;
margin: 0 12rem 0 0
}
.page-content__text a {
text-decoration: none;
color: blue;
}
.page-content__text a:focus,
.page-content__text a:hover {
color: #0a4c8a
}
.page-content__text ul {
column-count: 2;
display: inline-block;
min-width: 85%
}
.page-content__text ul a {
color: #2b2b2b;
}
@media screen and (max-width:990px) {
.page-content__text ul {
column-count: 1;
display: block
}
}
.page-content__text ul.one-column {
column-count: 1
}
.page-content__text ul li {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin-bottom: 1rem;
color: #2b2b2b;
margin-right: 3rem;
display: flex;
align-items: flex-start;
break-inside: avoid-column;
page-break-inside: avoid
}
.page-content__text ul li:before {
content: "";
width: .5rem;
height: .5rem;
min-width: .5rem;
background-color: #d5a86c;
display: block;
margin-right: 10px;
margin-right: 1rem;
vertical-align: top;
transition: all .3s
}
.page-content__text ul li a {
position: relative
}
.page-content__text ul li a:after {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/link.svg);
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 1.4rem;
top: 50%;
margin-top: -.7rem;
width: 14px;
width: 1.4rem;
height: 14px;
height: 1.4rem;
position: absolute;
margin-left: 13px;
margin-left: 1.3rem;
display: inline-block
}
.page-content__top {
display: flex;
flex-direction: row;
flex: 1
}
@media screen and (max-width:990px) {
.page-content__top {
flex-wrap: wrap
}
}
@media screen and (max-width:990px) {
.page-content__text {
text-align: center;
width: 100%;
order: 2
}
}
@media screen and (max-width:990px) {
.page-content__side {
flex: 0 0 100%;
order: 1
}
}
.page-content__links {
width: 47.3rem;
padding: 5rem 8rem;
background-color: #f7f7f7
}
@media screen and (max-width:990px) {
.page-content__links {
width: 100%;
padding: 5rem 5%;
margin-top: 0
}
}
.page-content__links h3 {
font-size: 2.8rem;
font-weight: 700;
color: #d5a86c;
margin-bottom: 4rem
}
.page-content__links li {
margin-bottom: 1rem
}
.page-content__links li:last-child {
margin-bottom: 0
}
.page-content__links a {
font-size: 2.2rem;
line-height: 1.2;
font-weight: 100;
text-decoration: none
}
.page-content__links a:focus,
.page-content__links a:hover {
color: #0a4c8a
}
.page-content__action {
width: 47.3rem;
position: relative;
color: #fff;
background-color: #2b3258;
padding: 4rem
}
@media screen and (max-width:990px) {
.page-content__action {
width: 100%
}
}
.page-content__action p {
margin-bottom: 3rem;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
color: #fff
}
.page-content__action p:last-child {
margin-bottom: 0
}
.page-content__action a {
font-weight: 700;
text-decoration: none;
color: #fff
}
.page-content__action a:focus,
.page-content__action a:hover {
color: #d5a86c
}
.page-content__action a.button {
font-size: 1.6rem;
font-weight: 700;
height: 4.5rem;
line-height: 4.5rem;
letter-spacing: .5px;
color: #2b3258;
padding: 0 2rem;
border-radius: 3px;
background-color: #fff;
text-decoration: none;
display: inline-flex;
align-items: center
}
@media screen and (max-width:990px) {
.page-content__action a.button {
height: auto;
text-align: center
}
}
.page-content__action a.button svg {
margin-left: 1.5rem;
fill: #2b3258;
transition: color .3s
}
.page-content__action a.button:focus,
.page-content__action a.button:hover {
background-color: #d5a86c
}
.page-content__action a.button:active {
color: #fff
}
.page-content__action a.button:active svg {
fill: #fff
}
.page-content__action:after {
content: "";
width: 6rem;
height: 100%;
background-color: #2b3258;
position: absolute;
top: 0;
left: calc(0% - .8rem);
transform: skew(-6deg);
z-index: -1
}
@media screen and (max-width:990px) {
.page-content__action:after {
display: none
}
}
.page-content--with-sidebar {
display: flex
}
.page-content--with-sidebar .page-content__side {
padding: 0 100px 0 0
}
.page-content--with-sidebar .page-content__side__menu a {
display: inline-block;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0
}
.page-content--with-sidebar .page-content__side .current-menu-item a {
color: #d5a86c
}
.page-content .category__title {
color: #fff
}
.page-content .page-category-detail__title {
color: #fff
}
.site-footer {
background-color: #f7f7f7;
font-size: 2.2rem;
padding: 11rem 5%;
font-family: Sansation, sans-serif;
font-weight: 100
}
@media screen and (max-width:990px) {
.site-footer {
padding: 5rem 5%;
font-size: 1.6rem
}
}
.site-footer__top {
display: flex;
justify-content: space-between;
padding-bottom: 8rem
}
@media screen and (max-width:990px) {
.site-footer__top {
flex-wrap: wrap;
padding-bottom: 5rem
}
}
.site-footer__middle {
display: flex;
align-items: center
}
.site-footer__middle svg {
margin-left: 1.5rem
}
.site-footer__bottom {
padding-top: 9rem
}
@media screen and (max-width:990px) {
.site-footer__bottom {
padding-top: 5rem
}
}
.site-footer__bottom-address {
line-height: 1.56;
margin-top: 4.5rem;
display: inline-block;
font-size: 1.6rem
}
@media screen and (max-width:990px) {
.site-footer__bottom-address {
padding: 0 10%
}
}
.site-footer__bottom-wrap {
justify-content: center;
display: flex;
line-height: 2
}
@media screen and (max-width:990px) {
.site-footer__bottom-wrap {
flex-direction: column;
text-align: center
}
}
.site-footer__bottom-text-long {
display: inline-block
}
@media screen and (max-width:990px) {
.site-footer__bottom-text-long {
display: none
}
}
.site-footer__bottom-email-icon,
.site-footer__bottom-facebook-icon,
.site-footer__bottom-phone-icon {
background-repeat: no-repeat;
margin-right: 1rem;
display: inline-block;
height: 2.1rem;
vertical-align: sub
}
.site-footer__bottom-email-icon:after,
.site-footer__bottom-facebook-icon:after,
.site-footer__bottom-phone-icon:after {
content: "";
background-position: 100% 0;
background-size: 2.1rem;
width: 2.1rem;
height: 2.1rem;
position: relative;
display: inline-block
}
.site-footer__bottom-email,
.site-footer__bottom-facebook,
.site-footer__bottom-phone {
font-size: 1.4rem
}
.site-footer__bottom-email span:nth-child(2),
.site-footer__bottom-facebook span:nth-child(2),
.site-footer__bottom-phone span:nth-child(2) {
font-size: 1.6rem
}
@media screen and (max-width:990px) {
.site-footer__bottom-email,
.site-footer__bottom-facebook,
.site-footer__bottom-phone {
line-height: 1.5
}
}
.site-footer__bottom-email,
.site-footer__bottom-phone {
margin-right: 4rem
}
@media screen and (max-width:990px) {
.site-footer__bottom-email,
.site-footer__bottom-phone {
margin: 1rem 0
}
}
.site-footer__bottom-phone-icon {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/phone-2.svg)
}
.site-footer__bottom-email-icon {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/letter.svg)
}
.site-footer__bottom-facebook-icon {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/facebook.svg)
}
.site-footer__bottom-text {
margin: 2.4rem auto;
position: relative;
line-height: 1.2;
letter-spacing: .5px;
text-align: center;
vertical-align: top;
font-size: 1.4rem;
font-weight: 100
}
.site-footer__common li,
.site-footer__quickaccess li {
margin: 0 0 2rem
}
.site-footer__common li:last-child,
.site-footer__quickaccess li:last-child {
margin-bottom: 0
}
@media screen and (max-width:990px) {
.site-footer__common li:last-child,
.site-footer__quickaccess li:last-child {
margin-bottom: 2rem
}
}
.site-footer__sitelinks {
display: flex;
justify-content: space-between;
width: 50%
}
@media screen and (max-width:990px) {
.site-footer__sitelinks {
flex-wrap: wrap;
text-align: center;
width: 100%
}
}
.site-footer__sitelinks nav {
width: 50%
}
@media screen and (max-width:990px) {
.site-footer__sitelinks nav {
width: 100%
}
}
.site-footer__sitelinks nav:last-child {
margin-right: 0
}
.site-footer__outerlinks {
font-size: 1.6rem;
text-align: right;
width: 25%
}
@media screen and (max-width:990px) {
.site-footer__outerlinks {
width: 100%;
margin-top: 5rem
}
}
.site-footer__outerlinks li {
max-width: 250px;
margin-bottom: 1rem;
margin-right: 2.7rem
}
@media screen and (max-width:990px) {
.site-footer__outerlinks li {
max-width: 100%;
text-align: center;
margin-bottom: 2rem
}
}
.site-footer__outerlinks a {
line-height: 1.56;
letter-spacing: .5px;
position: relative;
display: inline-block;
vertical-align: top
}
.site-footer__outerlinks a:active svg,
.site-footer__outerlinks a:hover svg {
stroke: #0a4c8a
}
.site-footer__outerlinks a svg {
stroke: #2b2b2b;
top: .2em;
width: 1.4rem;
height: 1.4rem;
position: absolute;
margin-left: 1.3rem;
display: inline-block;
transition: stroke .3s
}
@media screen and (max-width:990px) {
.site-footer__outerlinks a svg {
top: auto;
margin-top: .4em
}
}
.site-footer__regions ul {
display: flex;
flex-wrap: wrap
}
.site-footer__regions li {
width: 25%;
padding-right: 3rem;
margin-bottom: 2rem
}
.site-footer__regions li:nth-child(4n+4) {
padding-right: 0
}
@media screen and (max-width:990px) {
.site-footer__regions li {
width: 100%;
text-align: center;
padding-right: 0
}
.site-footer__regions li:nth-child(4n+4) {
padding-right: 0
}
}
.site-footer__regions a {
line-height: 1.2
}
.site-footer a:focus,
.site-footer a:hover {
color: #0a4c8a
}
.site-footer__search {
display: flex
}
@media screen and (max-width:990px) {
.site-footer__search {
margin: 0 auto
}
}
.site-footer__search__label {
margin-right: 0;
transition: margin .3s ease-out
}
@media screen and (max-width:990px) {
.site-footer__search__label {
padding-top: .25rem
}
}
.site-footer__search.site-search--expanded .site-footer__search__label {
margin-right: 15px
}
.userbar {
overflow: visible!important
}
.userbar .userbar__content {
display: none
}
.userbar__header {
display: flex;
justify-content: flex-end;
padding: 0;
height: 35px;
align-items: center
}
.userbar__header .language {
display: flex;
flex-direction: column;
z-index: 999;
position: relative
}
.userbar__header .language+a {
margin-left: 15px
}
.userbar__header .language ul {
display: flex;
visibility: hidden;
transition: opacity .3s ease;
opacity: 0;
position: absolute;
top: 0;
padding-top: 25px;
width: 100%
}
.userbar__header .language ul li {
display: flex;
align-items: center
}
.userbar__header .language ul li a {
padding: 4px 8px 4px 10px;
line-height: 16px;
font-size: 14px
}
.userbar__header .language ul li:hover {
background: #f7f7f7
}
.userbar__header .language.opened ul {
visibility: visible;
opacity: 1;
flex-direction: column;
background: #fff;
border-radius: 3px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}
.userbar__header .language.opened,
.userbar__header .language:hover {
border-radius: 3px
}
.userbar__header .language button {
background: 0 0;
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px 4px 10px;
line-height: 16px;
font-size: 14px;
z-index: 1;
border-radius: 3px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.userbar__header .language button>span {
margin-right: 15px;
font-size: 14px
}
.userbar__header .language button>i {
width: 13px;
height: 13px;
display: inline-block;
background-position: center;
background-size: contain;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-down-light.svg);
background-repeat: no-repeat
}
.accordion {
width: 100%;
margin: 5rem 0;
padding: 0 5%
}
.accordion__header {
font-size: 2.8rem;
font-weight: 700;
color: #2b2b2b;
line-height: 2.86;
background-color: #f7f7f7;
padding: 0 3.1rem;
transition: all .3s;
position: relative;
cursor: pointer;
width: calc(100% - 3rem)
}
.accordion__header:after {
content: "";
width: 4rem;
height: 100%;
background-color: #f7f7f7;
position: absolute;
top: 0;
left: calc(100% - 2rem);
transform: skew(-6deg);
z-index: -1;
transition: all .3s
}
.accordion__header h3 {
margin: 0
}
.accordion__header svg {
position: absolute;
right: 10px;
top: 0;
height: 100%;
stroke-width: 3px;
stroke: #d5a86c
}
.accordion__header svg:nth-of-type(2) {
stroke: #fff;
display: none
}
.accordion__section {
width: 100%;
margin-bottom: .4rem
}
.accordion__section.accordion--opened .accordion__header {
background-color: #9ecbb2;
color: #fff
}
.accordion__section.accordion--opened .accordion__header:after {
background-color: #9ecbb2
}
.accordion__section.accordion--opened .accordion__header h3 {
color: #fff
}
.accordion__section.accordion--opened .accordion__header svg {
display: none
}
.accordion__section.accordion--opened .accordion__header svg:nth-of-type(2) {
display: block
}
.accordion__section.accordion--opened .accordion__content,
.accordion__section.accordion--opened .accordion__description {
display: block
}
.accordion__description {
padding: 15px 15px 0 0;
display: none
}
.accordion__description p {
margin: 0
}
.accordion__content {
padding: 3rem 0;
display: none;
column-count: 3;
min-height: 20rem
}
@media screen and (max-width:990px) {
.accordion__content {
column-count: 2
}
}
.accordion__item {
margin-bottom: 5rem;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
color: #2b2b2b
}
.accordion__item h4 {
margin: 0 0 2rem;
font-size: 2rem;
font-weight: 700;
color: #2b2b2b;
margin-bottom: 3rem;
text-transform: uppercase
}
.accordion__item div {
margin: 2.5rem 0
}
.accordion__item .pive-accordion-doctor {
font-family: Sansation;
font-size: 16px;
font-style: normal;
font-stretch: normal;
font-weight: 400;
line-height: 1.56;
letter-spacing: .5px;
text-align: left;
color: #2b2b2b;
margin-bottom: 40px
}
.accordion__item .pive-accordion-doctor>a span:first-child,
.accordion__item .pive-accordion-doctor>span:first-child {
font-weight: 700;
padding-bottom: 20px
}
.accordion__item .pive-accordion-doctor p {
margin: 0
}
.accordion__item .pive-accordion-doctor p:first-of-type {
margin-top: 20px
}
.accordion__item .pive-accordion-doctor p>span:first-child {
position: relative;
top: 6px;
margin-right: 12px
}
.button {
font-weight: 700;
padding: 0;
font-family: Sansation, sans-serif;
letter-spacing: .5px;
font-size: 16px;
line-height: 2.81;
border: none;
border-radius: 3px;
cursor: pointer;
transition: background-color .3s, color .3s;
vertical-align: top
}
.button:focus {
outline: 0
}
.button--blue {
color: #fff;
background: #2b3258
}
.button--blue:focus,
.button--blue:hover {
background: #0a4c8a;
color: #fff
}
.button--gray {
color: #2b2b2b;
background: #f7f7f7
}
.button--gray:hover {
color: #0a4c8a
}
.button:focus,
.button:hover {
text-decoration: none
}
.filters {
color: #2b2b2b;
font-size: 16px
}
.filters input[type=checkbox],
.filters input[type=radio] {
display: none
}
.filters input[type=checkbox]+label span,
.filters input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.filters input[type=checkbox]:checked+label span,
.filters input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
.filters__title {
font-size: 22px;
padding: 4rem 0 3rem 0
}
@media screen and (max-width:990px) {
.filters__title {
background: #f7f7f7;
border-radius: .3rem;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
padding: 1em;
cursor: pointer;
margin: 0 0 .4rem
}
}
.filters__title__suffix {
font-size: 16px;
margin-left: -2px
}
.filters>div:first-of-type .filters__title {
padding-top: 0
}
@media screen and (max-width:990px) {
.filters>div:first-of-type .filters__title {
padding: 1em
}
}
.filters__range__input {
width: 130px;
height: 45px;
padding: 18px;
border: 0;
outline: 0;
font-family: Sansation, sans-serif;
font-size: 16px;
letter-spacing: .5px;
background-color: #f7f7f7
}
.filters__range__input::-webkit-input-placeholder {
color: #d5a86c
}
.filters__range__input::-moz-placeholder {
color: #d5a86c
}
.filters__range__input:-ms-input-placeholder {
color: #d5a86c
}
.filters__range__input:-moz-placeholder {
color: #d5a86c
}
@media screen and (max-width:990px) {
.filters__range__input {
width: 46%
}
}
.filters__range__separator {
font-size: 17px;
font-weight: 700
}
.filters__range__options {
margin-top: 24px
}
.filters__range__options label:first-of-type {
margin-right: 35px
}
.filters__option {
margin-bottom: 12px
}
.filters__clear {
height: 45px;
margin-top: 20px;
padding: 0 23px;
font-size: 16px;
font-family: Sansation, sans-serif;
font-weight: 700;
line-height: 2.81;
letter-spacing: .5px;
text-align: center;
color: #2b2b2b;
outline: 0;
border: none;
border-radius: 3px;
background-color: #f7f7f7
}
@media screen and (max-width:990px) {
.filters__clear {
width: 49%;
margin-top: 1.5rem
}
}
.filters label {
cursor: pointer;
transition: opacity 150ms ease-in
}
.filters input:disabled+label {
opacity: .5;
cursor: default
}
@media screen and (max-width:990px) {
.filter-accordion {
display: none;
padding: 2.5rem 0 3.5rem
}
}
@media screen and (max-width:990px) {
.active>.filter-accordion {
display: block
}
}
@media screen and (max-width:990px) {
.page-template-page-events .filters__checked,
.page-template-page-events-archive .filters__checked,
.page-template-page-news .filters__checked {
float: left;
margin-right: 10px
}
.page-template-page-events .filters input[type=checkbox]:checked+label span.filters__checked,
.page-template-page-events-archive .filters input[type=checkbox]:checked+label span.filters__checked,
.page-template-page-news .filters input[type=checkbox]:checked+label span.filters__checked {
background-image: none;
display: block;
border: none
}
}
.flash {
font-size: 16px;
padding: 15px 48px;
margin-bottom: 20px;
background-size: 18px;
background-position: 15px 50%;
letter-spacing: .5px
}
.flash--error {
color: #fff;
background-color: #fe7b58;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/bordered-cross-white.svg);
background-repeat: no-repeat
}
.flash--success {
color: #fff;
background-color: #9ecbb2;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/bordered-cross-white.svg);
background-repeat: no-repeat
}
.form label {
cursor: pointer
}
.form__input {
border: none;
padding: 10px 20px;
background-color: #f7f7f7;
font-family: Sansation, sans-serif;
font-size: 16px;
letter-spacing: .5px;
color: #2b2b2b
}
.form__input::-webkit-input-placeholder {
color: #d5a86c
}
.form__input::-moz-placeholder {
color: #d5a86c
}
.form__input:-ms-input-placeholder {
color: #d5a86c
}
.form__input:-moz-placeholder {
color: #d5a86c
}
.form__input:focus {
outline: 0
}
.form__label {
font-size: 16px;
letter-spacing: .6px;
color: #2b2b2b;
display: block
}
.form select {
appearance: none;
-moz-appearance: none;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-down.svg);
background-repeat: no-repeat;
background-position: 97% 50%;
font-family: Sansation, sans-serif;
cursor: pointer
}
.form select:focus {
outline: 0
}
.form input[type=checkbox],
.form input[type=radio] {
display: none
}
.form input[type=checkbox]+label span,
.form input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.form input[type=checkbox]:checked+label span,
.form input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
.contact-form label,
.pum-container label {
position: relative;
display: block;
margin-bottom: 10px;
color: #2b2b2b
}
.contact-form label::after,
.pum-container label::after {
content: "*";
position: absolute;
right: -24px;
top: 38px;
color: #d5a86c;
font-size: 34px
}
.contact-form input[type=email],
.contact-form input[type=text],
.contact-form textarea,
.pum-container input[type=email],
.pum-container input[type=text],
.pum-container textarea {
border: none;
padding: 10px 20px;
background-color: #f7f7f7;
font-family: Sansation, sans-serif;
font-size: 16px;
letter-spacing: .5px;
color: #2b2b2b;
width: 100%;
margin-bottom: 30px;
padding: 13px 20px
}
.contact-form input[type=email]::-webkit-input-placeholder,
.contact-form input[type=text]::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder,
.pum-container input[type=email]::-webkit-input-placeholder,
.pum-container input[type=text]::-webkit-input-placeholder,
.pum-container textarea::-webkit-input-placeholder {
color: #d5a86c
}
.contact-form input[type=email]::-moz-placeholder,
.contact-form input[type=text]::-moz-placeholder,
.contact-form textarea::-moz-placeholder,
.pum-container input[type=email]::-moz-placeholder,
.pum-container input[type=text]::-moz-placeholder,
.pum-container textarea::-moz-placeholder {
color: #d5a86c
}
.contact-form input[type=email]:-ms-input-placeholder,
.contact-form input[type=text]:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder,
.pum-container input[type=email]:-ms-input-placeholder,
.pum-container input[type=text]:-ms-input-placeholder,
.pum-container textarea:-ms-input-placeholder {
color: #d5a86c
}
.contact-form input[type=email]:-moz-placeholder,
.contact-form input[type=text]:-moz-placeholder,
.contact-form textarea:-moz-placeholder,
.pum-container input[type=email]:-moz-placeholder,
.pum-container input[type=text]:-moz-placeholder,
.pum-container textarea:-moz-placeholder {
color: #d5a86c
}
.contact-form input[type=email]:focus,
.contact-form input[type=text]:focus,
.contact-form textarea:focus,
.pum-container input[type=email]:focus,
.pum-container input[type=text]:focus,
.pum-container textarea:focus {
outline: 0
}
.contact-form textarea,
.pum-container textarea {
margin-bottom: 0;
resize: none
}
.contact-form__btn,
.pum-container__btn {
float: right;
padding: 0 30px;
margin: 0 5% 30px 0
}
.contact-form .g-recaptcha,
.pum-container .g-recaptcha {
margin-top: 30px
}
.contact-form .wpcf7-mail-sent-ok,
.contact-form .wpcf7-response-output,
.contact-form .wpcf7-validation-errors,
.pum-container .wpcf7-mail-sent-ok,
.pum-container .wpcf7-response-output,
.pum-container .wpcf7-validation-errors {
border: none
}
.contact-form .wpcf7-form-control-wrap,
.pum-container .wpcf7-form-control-wrap {
position: relative;
display: block
}
.contact-form .wpcf7-not-valid-tip,
.pum-container .wpcf7-not-valid-tip {
top: 100%;
color: #fff;
font-size: 14px;
font-weight: 700
}
.site-search {
display: flex;
z-index: 10
}
.site-search__form {
display: flex
}
.site-search__term {
width: 448px;
height: 25px;
font-size: inherit;
font-family: Sansation, sans-serif;
letter-spacing: .5px;
border: none;
border-bottom: 3px solid #2b2b2b;
background: 0 0;
padding: 0
}
@media screen and (max-width:990px) {
.site-search__term {
width: 100%
}
}
.site-search__term:focus {
outline: 0
}
.site-search__submit {
background: 0 0;
border: none;
margin-left: 15px;
padding: 0;
cursor: pointer
}
.site-search__submit:focus svg path,
.site-search__submit:hover svg path {
fill: #0a4c8a
}
.site-search__submit svg {
margin: 0
}
.site-search--toggled .site-search__term {
width: 0;
transition: width .3s ease-in-out
}
.site-search--expanded .site-search__term {
width: 448px
}
@media screen and (max-width:990px) {
.site-search--expanded .site-search__term {
width: 100%
}
}
.search-results {
letter-spacing: .5px
}
.search-results h2.search-results__term {
font-size: 68px
}
.search-results__content {
display: flex;
justify-content: space-between
}
@media screen and (max-width:990px) {
.search-results__content {
flex-wrap: wrap
}
}
.search-results__sources {
min-width: 340px
}
@media screen and (max-width:990px) {
.search-results__sources {
min-width: 100%;
text-align: center;
padding-bottom: 3rem
}
}
.search-results__source {
margin-bottom: 20px
}
.search-results__source--active a {
color: #d5a86c
}
.search-results__source__link {
text-decoration: none;
font-size: 16px;
font-weight: 700;
text-transform: uppercase
}
.search-results__list-wrap {
flex-grow: 1
}
@media screen and (max-width:990px) {
.search-results__list-wrap {
flex-grow: 0
}
}
.search-results__list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start
}
.search-results__list:after {
content: "";
display: table;
clear: both
}
@media (max-width:1425px) {
.search-results__list {
min-width: 900px
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.search-results__list {
min-width: 100%
}
}
@media screen and (max-width:990px) {
.search-results__list {
min-width: 100%
}
}
.search-results__item {
display: none;
height: 400px;
overflow: hidden;
box-sizing: border-box;
margin: 0 24px 20px 0
}
@media (max-width:1425px) {
.search-results__item:nth-child(3n) {
margin-right: 0
}
}
.search-results__item--visible {
position: relative;
display: block;
flex: 0 0 280px
}
@media screen and (min-width:991px) and (max-width:1366px) {
.search-results__item--visible {
flex: 0 0 45%
}
}
@media screen and (max-width:990px) {
.search-results__item--visible {
flex: 0 0 100%
}
}
.search-results__item__image {
width: 100%;
height: 280px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f7f7f7
}
@media screen and (min-width:991px) and (max-width:1366px) {
.search-results__item__image {
height: auto
}
}
.search-results__item__image img {
width: 100%;
height: auto
}
.search-results__item__placeholder {
background: #f7f7f7;
width: 100%;
height: 100%
}
.search-results__item__excerpt {
font-size: 14px;
line-height: 18px;
max-height: 35px;
overflow: hidden
}
.search-results__item__parent {
display: inline-block;
padding: 5px;
margin-top: 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: .4px;
background: #f7f7f7
}
.search-results__item h2.search-results__item__title {
font-size: 22px;
line-height: 24px;
font-weight: 400;
margin-bottom: 10px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.search-results__error {
font-size: 22px;
padding: 44px 0 64px 140px;
color: #fff;
background-color: #fe7b58;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/bordered-cross-white.svg);
background-repeat: no-repeat;
background-size: 61px;
background-position: 40px 35px;
flex: 1 0 100%
}
.search-results__footer {
margin-top: 80px;
height: 56px
}
.search-results__load-more {
border: none;
background-color: #2b3258;
color: #fff;
font-family: Sansation, sans-serif;
font-size: 16px;
font-weight: 700;
padding: 20px 40px 20px 20px;
letter-spacing: .5px;
border-radius: 3px;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrows-down-white.svg);
background-repeat: no-repeat;
background-size: 15px 17px;
background-position: 90% 50%
}
.search-results__load-more:focus {
outline: 0
}
.search .navigation {
height: 80px
}
.saved-searches {
letter-spacing: .5px
}
.saved-searches__items {
border-collapse: separate;
border-spacing: 5px
}
.saved-searches td,
.saved-searches th {
height: 50px;
vertical-align: middle;
text-align: left;
padding: 0 20px
}
.saved-searches th {
font-size: 20px;
color: #2b3258
}
.saved-searches td {
background-color: #f7f7f7;
font-size: 16px
}
.modal.js-save-search-modal #search__login-button {
text-decoration: underline;
cursor: pointer
}
.saved-search__title {
padding-right: 100px;
color: #2b3258
}
.saved-search__action {
color: #d5a86c
}
.saved-search__delete {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
display: none
}
.saved-search__delete__buttons {
position: absolute;
bottom: -84px;
right: 0;
width: 100%;
background: #fff
}
.date-search__filters,
.date-search__term {
height: 50px
}
.date-search__term {
width: 100px;
flex: 1 2 100px;
position: relative;
background-color: #f7f7f7;
background-position: 15px 50%;
padding-left: 50px;
margin-left: 7px
}
@media screen and (max-width:990px) {
.date-search__term {
width: 100%;
flex: 0 0 100%;
margin-left: 0;
border-left: 7px solid #fff
}
}
.date-search__term:before {
content: "";
position: absolute;
left: -7px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 7px;
border-color: transparent transparent #f7f7f7 transparent
}
.keyword-search {
display: flex;
flex: 1 1 1180px;
max-width: 1400px;
align-items: center;
margin-bottom: 6rem;
letter-spacing: .4px;
padding: 0 0 0 16%
}
.keyword-search input[type=checkbox],
.keyword-search input[type=radio] {
display: none
}
.keyword-search input[type=checkbox]+label span,
.keyword-search input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.keyword-search input[type=checkbox]:checked+label span,
.keyword-search input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.keyword-search {
padding: 0
}
}
@media screen and (max-width:990px) {
.keyword-search {
flex-wrap: wrap;
clear: both;
padding: 0;
margin-bottom: 4rem
}
.keyword-search .js-save-success {
display: none
}
}
.keyword-search button,
.keyword-search input {
font-size: 16px;
font-family: Sansation, sans-serif;
letter-spacing: .5px
}
.keyword-search button:focus,
.keyword-search input:focus {
outline: 0
}
.keyword-search__filters,
.keyword-search__term {
height: 50px
}
.keyword-search__term {
width: 530px;
flex: 1 2 530px;
position: relative;
background-color: #f7f7f7;
background-position: 15px 50%;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/search-gold.svg);
background-repeat: no-repeat;
padding-left: 50px;
margin-left: 7px
}
@media screen and (max-width:990px) {
.keyword-search__term {
width: 100%;
flex: 0 0 100%;
margin-left: 0;
border-left: 7px solid #fff
}
}
.keyword-search__term:before {
content: "";
position: absolute;
left: -7px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 7px;
border-color: transparent transparent #f7f7f7 transparent
}
.keyword-search__input {
background: 0 0;
width: 100%;
height: 100%;
border: none;
color: #d5a86c
}
.keyword-search__input::-webkit-input-placeholder {
color: #d5a86c
}
.keyword-search__input::-moz-placeholder {
color: #d5a86c
}
.keyword-search__input:-ms-input-placeholder {
color: #d5a86c
}
.keyword-search__input:-moz-placeholder {
color: #d5a86c
}
.keyword-search__filters {
display: flex;
flex: 1 1 380px;
align-items: center;
background-color: #f7f7f7;
margin-left: 4px;
padding-right: 20px;
font-size: 14px;
min-width: 25%
}
@media screen and (max-width:990px) {
.keyword-search__filters {
width: 100%;
flex: 0 0 100%;
margin-left: 0;
margin-top: .4rem;
margin-bottom: .4rem
}
}
.keyword-search__filters label {
margin-left: 10px;
margin-right: 10px;
color: #2b2b2b;
cursor: pointer
}
.keyword-search__filters label:last-child {
margin-right: 0
}
@media screen and (max-width:990px) {
.keyword-search__filters label {
display: inherit;
margin-right: 0
}
}
.keyword-search__submit {
height: 50px;
margin-left: 4px;
padding: 0 65px;
border: none;
border-radius: 3px;
background-color: #d5a86c;
color: #fff;
font-weight: 700;
transition: background-color 150ms ease-in
}
.keyword-search__submit:disabled {
background-color: #f1f1f1;
cursor: default
}
@media screen and (max-width:990px) {
.keyword-search__submit {
margin-left: 0;
margin-right: 3px;
width: 49%;
height: 45px
}
}
.keyword-search__save {
display: none;
width: 70px;
margin-left: 15px;
font-size: 16px;
font-weight: 700;
color: #d5a86c
}
@media screen and (max-width:990px) {
.keyword-search__save {
width: 100%;
margin: 0;
padding: 0 0 3rem 0;
text-align: center
}
}
.search-no-results .search-results__sources {
display: none
}
@media screen and (max-width:990px) {
.site-header .site-search {
display: none
}
}
.modal {
display: none;
position: fixed;
width: 780px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 50px 80px;
color: #2b2b2b;
background: #fff;
z-index: 20
}
.modal input[type=checkbox],
.modal input[type=radio] {
display: none
}
.modal input[type=checkbox]+label span,
.modal input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.modal input[type=checkbox]:checked+label span,
.modal input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
@media screen and (max-width:990px) {
.modal {
width: 100%;
padding: 4rem;
top: 0;
left: 0;
bottom: 0;
transform: translate(0, 0)
}
}
.modal--open {
display: block
}
.modal__close {
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
padding: 26px 28px;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/close.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer
}
.modal__header {
margin-bottom: 40px
}
.modal__title {
font-size: 28px;
font-weight: 700
}
.modal__body {
position: relative;
font-size: 16px
}
.modal__row {
margin-bottom: 30px
}
.modal__row:last-child {
margin-bottom: 0
}
.modal__footer {
margin-top: 40px;
text-align: right
}
.modal .button {
width: 135px;
margin-right: 10px;
display: inline-block;
vertical-align: top
}
@media screen and (max-width:990px) {
.modal .button {
width: calc(50% - 7px)
}
}
.modal .button:last-child {
margin-right: 0
}
.modal label {
display: block
}
.modal input[type=text],
.modal select {
width: 100%;
background-color: #f7f7f7;
line-height: 1.56
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: .5;
background: #2b3258
}
.modal .form label {
margin-bottom: 10px
}
.popmake-title {
margin-bottom: 30px
}
.page-template .pum-container,
.page-template-default .pum-container {
padding: 5rem 8rem!important
}
.page-template .pum-container ::-webkit-input-placeholder,
.page-template-default .pum-container ::-webkit-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.page-template .pum-container :-moz-placeholder,
.page-template-default .pum-container :-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.page-template .pum-container ::-moz-placeholder,
.page-template-default .pum-container ::-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.page-template .pum-container :-ms-input-placeholder,
.page-template-default .pum-container :-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.page-template .pum-container ::-ms-input-placeholder,
.page-template-default .pum-container ::-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
@media screen and (max-width:990px) {
.page-template .pum-container#popmake-390334,
.page-template-default .pum-container#popmake-390334 {
padding: 5rem 3rem!important;
min-width: 100%!important;
left: 0!important
}
}
.page-template .pum-container .pum-title,
.page-template-default .pum-container .pum-title {
font-size: 2.8rem;
font-weight: 700;
color: #2b2b2b;
text-align: left
}
.page-template .pum-container .pum-close,
.page-template-default .pum-container .pum-close {
padding: 1.8rem!important;
color: #2b2b2b!important;
background-color: #fff!important
}
.page-template .pum-container .pum-close:after,
.page-template-default .pum-container .pum-close:after {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/close.svg);
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
height: 19px;
width: 19px
}
.page-template .pum-container .pum-content .wpcf7-submit,
.page-template-default .pum-container .pum-content .wpcf7-submit {
font-weight: 700;
padding: 0;
font-family: Sansation, sans-serif;
letter-spacing: .5px;
font-size: 16px;
line-height: 2.81;
border: none;
border-radius: 3px;
cursor: pointer;
transition: background-color .3s, color .3s;
vertical-align: top;
color: #fff;
background: #2b3258;
float: right;
padding: 0 30px
}
.page-template .pum-container .pum-content .wpcf7-submit:focus,
.page-template-default .pum-container .pum-content .wpcf7-submit:focus {
outline: 0
}
.page-template .pum-container .pum-content .wpcf7-submit:focus,
.page-template .pum-container .pum-content .wpcf7-submit:hover,
.page-template-default .pum-container .pum-content .wpcf7-submit:focus,
.page-template-default .pum-container .pum-content .wpcf7-submit:hover {
background: #0a4c8a;
color: #fff
}
.custom-pagination {
display: flex;
justify-content: space-between;
width: 840px;
padding: 2rem 0
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination {
width: 100%
}
}
@media screen and (max-width:990px) {
.custom-pagination {
flex-wrap: wrap;
width: 100%
}
}
.custom-pagination .page-numbers-middle {
display: flex;
justify-content: center
}
.custom-pagination .page-numbers-middle a,
.custom-pagination .page-numbers-middle span {
text-align: center;
display: block;
padding: 6px 0
}
.custom-pagination a,
.custom-pagination span {
display: flex;
padding: 6px 19px;
margin-right: 4px
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination .next-page,
.custom-pagination .previous-page {
font-size: 0
}
}
@media screen and (max-width:990px) {
.custom-pagination .next-page,
.custom-pagination .previous-page {
font-size: 0
}
}
.custom-pagination .next-page .prev-arrow,
.custom-pagination .previous-page .prev-arrow {
transform: rotate(180deg);
padding-left: .5rem;
padding-right: 0
}
.custom-pagination .next-page .icon-arrow,
.custom-pagination .previous-page .icon-arrow {
padding-left: .5rem
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination .next-page .icon-arrow,
.custom-pagination .previous-page .icon-arrow {
padding-right: 0
}
}
@media screen and (max-width:990px) {
.custom-pagination .next-page .icon-arrow,
.custom-pagination .previous-page .icon-arrow {
padding-right: 0
}
}
.custom-pagination .next-page .next.page-numbers,
.custom-pagination .previous-page .next.page-numbers {
padding-left: 2.6rem
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination .next-page .next.page-numbers,
.custom-pagination .previous-page .next.page-numbers {
padding-left: .5rem
}
}
@media screen and (max-width:990px) {
.custom-pagination .next-page .next.page-numbers,
.custom-pagination .previous-page .next.page-numbers {
padding-left: .5rem
}
}
.custom-pagination .next-page .prev.page-numbers,
.custom-pagination .previous-page .prev.page-numbers {
padding-right: 2.6rem
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination .next-page .prev.page-numbers,
.custom-pagination .previous-page .prev.page-numbers {
padding-right: .5rem
}
}
@media screen and (max-width:990px) {
.custom-pagination .next-page .prev.page-numbers,
.custom-pagination .previous-page .prev.page-numbers {
padding-right: .5rem
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.custom-pagination .next-page .next,
.custom-pagination .next-page .prev,
.custom-pagination .previous-page .next,
.custom-pagination .previous-page .prev {
font-size: 0;
width: auto!important;
padding: 0
}
}
.custom-pagination .page-num {
margin-right: 1rem;
padding: 0
}
.custom-pagination .page-numbers {
background-color: #f7f7f7;
color: #2b2b2b;
width: 4.5rem;
height: 4.5rem;
font-weight: 700;
font-size: 16px;
line-height: 2.2;
letter-spacing: .5px;
border-radius: 3px
}
.custom-pagination .page-numbers.current {
background-color: #d5a86c;
width: 4.5rem;
height: 4.5rem;
font-weight: 700;
line-height: 2.2;
letter-spacing: .5px;
font-size: 16px;
border-radius: 3px;
color: #fff
}
.custom-pagination .page-numbers.dots {
font-weight: 400;
background: #fff;
width: 33px;
margin: 0;
padding: 0;
font-size: 55px;
line-height: 27px;
color: #fff
}
.custom-pagination .page-numbers.dots:before {
content: "...";
color: #2b2b2b;
letter-spacing: -4px;
margin-left: -4px
}
.custom-pagination .next.page-numbers,
.custom-pagination .prev.page-numbers {
width: 14rem;
height: 4.5rem;
border-radius: 3px;
background-color: #f7f7f7
}
@media screen and (max-width:990px) {
.custom-pagination .next.page-numbers,
.custom-pagination .prev.page-numbers {
width: auto;
font-size: 0
}
}
.custom-pagination .next.page-numbers.disabled,
.custom-pagination .prev.page-numbers.disabled {
pointer-events: none;
opacity: .4
}
.content-transport__container {
font-family: Sansation;
font-size: 16px;
letter-spacing: .5px;
color: #2b2b2b;
padding: 0 19vh;
width: 100%;
display: flex;
align-items: flex-start;
align-content: space-between;
justify-content: space-between;
flex-wrap: wrap
}
@media screen and (max-width:990px) {
.content-transport__container {
flex-wrap: wrap;
padding: 0
}
}
.content-transport__container-left,
.content-transport__container-right {
flex: 1 50%;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
padding: 0 20px
}
@media screen and (max-width:990px) {
.content-transport__container-left,
.content-transport__container-right {
flex: 0 0 100%;
flex-direction: row;
flex-wrap: wrap
}
}
.content-transport__container-right {
padding-top: 210px
}
@media screen and (max-width:990px) {
.content-transport__container-right {
padding-top: 8rem
}
}
.content-transport__container-section {
max-width: 380px;
margin: 0 auto;
padding-top: 350px;
opacity: 0
}
@media screen and (max-width:990px) {
.content-transport__container-section {
max-width: 100%;
opacity: 1;
padding: 0
}
}
.content-transport__container-section:nth-child(n+2) {
margin-top: 80px
}
.content-transport__container-section__heading {
margin-top: 60px;
line-height: 1.3
}
.content-transport__container-section__image {
margin-bottom: 350px
}
@media screen and (max-width:990px) {
.content-transport__container-section__image {
margin-bottom: 0
}
}
.content-transport__container-section__desc {
margin-bottom: 30px
}
.content-transport__container-section__links p {
margin-bottom: 0
}
.content-transport ul {
font-family: Sansation;
font-size: 16px;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
text-align: left;
color: #2b2b2b;
padding-left: 2.7rem;
margin-bottom: 30px
}
.content-transport ul li {
padding: 0 0 0 1.5rem;
position: relative
}
.content-transport ul li:before {
transition: background .3s;
background: #d5a86c;
content: "";
display: block;
height: .5rem;
left: 0;
position: absolute;
top: 1rem;
width: .5rem
}
.content-transport ul li:active:before,
.content-transport ul li:hover:before {
background-color: #0a4c8a
}
.content-transport ul li .underline {
text-decoration: underline
}
.content-transport ul a {
line-height: 1.5
}
.content-transport ul a:focus,
.content-transport ul a:hover {
color: #0a4c8a
}
.content-transport ul a:focus svg,
.content-transport ul a:hover svg {
stroke: #0a4c8a
}
.content-transport ul a svg {
stroke: #2b2b2b;
transition: stroke .3s;
display: inline-block;
height: 1.4rem;
margin-left: 1.3rem;
width: 1.4rem
}
.content-transport a {
font-family: Sansation;
font-size: 16px;
line-height: 2.5;
letter-spacing: .5px;
margin-left: 0;
color: #2b2b2b;
transition: color .3s
}
.content-transport a:focus,
.content-transport a:hover {
color: #0a4c8a
}
.content-transport a:focus.icon-location:before,
.content-transport a:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.content-transport a:active svg,
.content-transport a:hover svg {
stroke: #0a4c8a
}
.content-transport a svg {
transition: stroke .3s, fill .3s;
stroke: #2b2b2b;
height: 1.4rem;
width: 1.4rem;
margin-left: 1.3rem
}
.content-transport a.location:active svg,
.content-transport a.location:hover svg {
fill: #0a4c8a
}
.content-transport a.location svg {
stroke: none;
fill: #2b2b2b;
margin-right: 1.4rem;
margin-left: 0;
height: 2rem;
width: 2.1rem
}
.userbar {
position: relative;
width: 100%;
display: block;
height: 35px;
padding: 0 5%;
letter-spacing: .5px;
background-color: #f7f7f7;
overflow: hidden;
transition: height .4s ease-in-out
}
.userbar--expanded {
height: 525px
}
@media screen and (max-width:990px) {
.userbar--expanded {
height: auto;
padding-bottom: 3rem
}
}
.userbar--expanded .userbar__footer {
display: block
}
.userbar--expanded .userbar__login-links {
display: none
}
.userbar--expanded .userbar__close {
display: inline
}
.userbar__header {
padding: 10px 0 11px 0;
text-align: right
}
.userbar__link {
font-size: 14px
}
.userbar__link-separator {
position: relative;
top: -1px
}
.userbar__link-separator:before {
content: "|";
font-weight: 700;
padding: 0 10px
}
.userbar__title {
font-size: 28px;
font-weight: 700;
text-align: center;
margin: 20px 0 50px 0
}
.userbar__content {
width: 620px;
margin: 0 auto
}
@media screen and (max-width:990px) {
.userbar__content {
width: 100%
}
}
.userbar__footer {
display: none;
position: absolute;
bottom: 10px;
right: 5%;
text-align: right
}
.userbar__close {
display: none;
padding-right: 20px;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/cross.svg);
background-repeat: no-repeat;
background-size: 13px;
background-position: 100% 46%
}
.userbar__login__options {
display: flex;
justify-content: space-between;
margin-bottom: 40px
}
@media screen and (max-width:990px) {
.userbar__login__options {
flex-wrap: wrap
}
}
.userbar__login__option {
width: 206.6666666667px;
margin-left: 4px;
line-height: 2.81;
font-size: 16px;
font-weight: 700;
background-color: #f1f1f1;
border-radius: 3px;
transition: background-color .1s ease-in
}
.userbar__login__option:first-child {
margin-left: 0
}
@media screen and (max-width:990px) {
.userbar__login__option {
margin: 0 0 .4rem;
flex: 0 0 100%;
width: 100%
}
}
.userbar__login__option--selected {
color: #fff;
background-color: #d5a86c;
cursor: default
}
.userbar__login__form {
display: none
}
.userbar__login__form--visible {
display: block
}
.userbar .bs-sk-auth__label {
display: block;
color: #2b2b2b;
font-size: 16px;
margin: 20px 0 10px 0;
cursor: pointer
}
.userbar .bs-sk-auth__label::first-child {
margin-top: 0
}
.userbar .bs-sk-auth__button {
background: 0 0;
border: none;
padding: 0;
margin: 0 0 20px 0;
cursor: default
}
.userbar .bs-sk-auth__input {
width: 100%;
font-size: 16px;
color: #d5a86c;
height: 45px;
padding: 14px 20px 15px 20px;
outline: 0;
box-shadow: none
}
.userbar .bs-sk-auth__input-row input {
width: calc(100% - 90px)
}
.userbar .bs-sk-auth__input-row .bs-sk-auth__input--prefix {
width: 80px;
margin-right: 4px;
padding-right: 0
}
.userbar .bs-sk-auth__cancel,
.userbar .bs-sk-auth__close,
.userbar .bs-sk-auth__submit {
display: block;
margin: 40px auto 0 auto;
padding: 14px 20px;
font-size: 16px;
font-weight: 700;
color: #fff;
border-radius: 3px;
transition: background 150ms ease-in
}
.userbar .bs-sk-auth__cancel[disabled],
.userbar .bs-sk-auth__close[disabled],
.userbar .bs-sk-auth__submit[disabled] {
background: #f1f1f1;
cursor: default
}
.userbar .bs-sk-auth__cancel,
.userbar .bs-sk-auth__close,
.userbar .bs-sk-auth__submit {
background: #2b3258
}
.userbar .bs-sk-auth__cancel:hover,
.userbar .bs-sk-auth__close:hover,
.userbar .bs-sk-auth__submit:hover {
background-color: #0a4c8a
}
.userbar .bs-sk-auth__status {
font-size: 14px;
text-align: center
}
.userbar .bs-sk-auth__status__code {
font-size: 28px;
margin: 40px 0;
font-weight: 700
}
.userbar .bs-sk-auth__status__notice {
margin-top: 20px
}
.userbar .bs-sk-auth__message {
color: #fff;
padding: 25px 40px 25px 110px;
font-size: 22px;
line-height: 1.15;
background-size: 35px;
background-position: 40px 50%
}
.userbar .bs-sk-auth__message--notice {
background-color: #a2c6e9;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/bordered-info-white.svg);
background-repeat: no-repeat
}
.userbar .bs-sk-auth__message--error {
background-color: #fe7b58;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/bordered-cross-white.svg);
background-repeat: no-repeat
}
.userbar form button:focus,
.userbar form button:hover {
background: #0a4c8a
}
.userbar button,
.userbar input,
.userbar select {
font-family: Sansation, sans-serif;
letter-spacing: .5px;
border: none
}
.userbar button:focus,
.userbar input:focus,
.userbar select:focus {
outline: 0
}
.userbar input:focus,
.userbar select:focus {
color: #2b2b2b
}
.userbar__link,
.userbar__link-separator {
z-index: 999
}
.slide.slide--jobs {
min-height: auto
}
.latest-jobs {
padding: 12.5rem 5%
}
@media screen and (max-width:990px) {
.latest-jobs {
padding: 7rem 5%
}
}
.latest-jobs h2 {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.1;
margin: 0 0 5rem;
padding: 0
}
@media screen and (max-width:990px) {
.latest-jobs h2 {
margin: 0 0 3rem
}
}
.latest-jobs__items {
display: flex;
flex-wrap: wrap
}
.latest-jobs__item {
flex: 0 0 auto;
margin: 2.2rem 0 0;
width: 25%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.latest-jobs__item {
width: 33%
}
}
@media screen and (max-width:990px) {
.latest-jobs__item {
flex: 0 0 100%;
width: 100%
}
}
.latest-jobs__item a {
color: rgba(43, 43, 43, .9);
display: block;
line-height: 1.13;
min-height: 18.3rem;
padding: 4.6rem 0 0 5.3em;
position: relative
}
@media screen and (max-width:990px) {
.latest-jobs__item a {
padding: 2rem 0 2em 4rem;
min-height: auto
}
}
.latest-jobs__item a svg {
height: 100%;
left: 0;
fill: #d5a86c;
position: absolute;
width: 2.3rem;
top: 0;
transition: fill .3s
}
.latest-jobs__item a:active svg,
.latest-jobs__item a:hover svg {
fill: #2b3258
}
.latest-jobs h3 {
font-size: 2.2rem;
font-weight: 700;
margin: 0;
padding: 0
}
.latest-jobs p {
font-size: 1.4rem;
margin: .5rem 0 0;
padding: 0
}
.latest-jobs__links {
font-size: 1.6rem;
font-weight: 700;
line-height: 2.5;
margin: 3rem 0 0;
text-align: right
}
@media screen and (max-width:990px) {
.latest-jobs__links {
text-align: left
}
}
.latest-jobs__links a {
display: inline-block;
margin: 0 0 0 4rem;
transition: color .3s
}
@media screen and (max-width:990px) {
.latest-jobs__links a {
margin: 0;
display: block
}
}
.latest-jobs__links a svg {
margin: 0 0 0 1.6rem;
vertical-align: middle;
margin-right: 10px;
transition: fill .3s;
fill: #2b2b2b
}
@media screen and (max-width:990px) {
.latest-jobs__links a svg {
margin: 0 1rem 0 0
}
}
.latest-jobs__links a:active,
.latest-jobs__links a:hover {
color: #0a4c8a
}
.latest-jobs__links a:active svg,
.latest-jobs__links a:hover svg {
fill: #0a4c8a
}
.loader {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/loader.svg);
background-size: 6rem 6rem;
background-repeat: no-repeat;
width: 6rem;
height: 6rem;
animation: spin 2s linear infinite;
margin: 0 auto
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.google-photos {
margin: 9rem 0 0;
padding: 0 5%
}
@media screen and (max-width:990px) {
.google-photos {
margin: 0
}
}
.google-photos__title {
font-size: 4.5rem;
font-weight: 700;
margin-bottom: 5rem;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.google-photos__title {
font-size: 2.8rem
}
}
.google-photos__albums {
display: flex;
overflow: hidden
}
@media screen and (max-width:990px) {
.google-photos__albums {
flex-wrap: wrap
}
}
.google-photos__album {
flex: 0 0 auto;
margin: 0 0 0 2rem;
width: calc((100% - 6rem)/ 4)
}
.google-photos__album:nth-child(4n+1) {
margin-left: 0
}
@media screen and (max-width:990px) {
.google-photos__album {
flex: 0 0 100%;
margin: 4rem 0 0
}
}
.google-photos__album__thumb {
position: relative;
background: #d5a86c;
line-height: 0;
font-size: 0
}
.google-photos__album__thumb img {
width: 100%;
transition: .2s
}
.google-photos__album__title {
font-size: 2.2rem;
line-height: 1.08;
margin: 2rem 0 0
}
.google-photos__album__count {
color: #d5a86c;
font-size: 1.6rem;
line-height: 1.5625;
margin: .3rem 0 0
}
.google-photos__album:focus .google-photos__album__thumb img,
.google-photos__album:hover .google-photos__album__thumb img {
opacity: .3
}
.google-photos__album:focus .google-photos__album__thumb:after,
.google-photos__album:hover .google-photos__album__thumb:after {
content: "+";
font-size: 6rem;
color: #fff;
position: absolute;
text-align: center;
left: 0;
top: 48%;
right: 0;
z-index: 10
}
.google-photos__album .album-content {
display: none
}
.google-photos__album .album-content.active {
display: block
}
.google-photos__footer {
text-align: right;
padding: 2rem 0 0
}
.google-photos__footer a {
font-size: 1.6rem;
font-weight: 700;
padding-right: 0
}
.google-photos__modal {
display: none;
animation: google-photos-modal-hide .5s ease
}
.google-photos.active {
position: absolute;
left: 0;
top: 0;
right: 0;
height: auto;
z-index: 1000;
background: #2b2b2b
}
.google-photos.active .google-photos__albums {
flex-wrap: wrap
}
.google-photos.active .google-photos__album__title {
color: #fff
}
@media screen and (max-width:990px) {
.google-photos__photo__header {
background-color: rgba(0, 0, 0, .8);
height: 7rem;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
z-index: 100;
animation: google-photos-hide-header .5s ease 2s forwards
}
}
.google-photos .is-lazy {
position: relative
}
.google-photos .is-lazy:after {
content: "";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/loader.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
transition: all .3s
}
.google-photos-albums-active {
overflow: hidden
}
.google-photos-albums-active .google-photos__modal {
display: block;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: auto;
margin: 0;
z-index: 1000;
padding: 0;
background: #2b2b2b;
animation: google-photos-modal-show .5s ease
}
.google-photos-albums-active .google-photos__albums {
flex-wrap: wrap;
margin: 0 5%
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__albums {
margin: 0 4rem
}
}
.google-photos-albums-active .google-photos__photos {
display: flex;
flex-wrap: wrap
}
.google-photos-albums-active .google-photos__photo {
flex: 0 0 auto;
margin: 0 0 2rem 2rem;
width: calc((100% - 6rem)/ 4)
}
.google-photos-albums-active .google-photos__photo:nth-child(4n+1) {
margin-left: 0
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo {
flex: 0 0 100%;
margin: 0 0 2rem;
width: 100%
}
}
.google-photos-albums-active .google-photos__photo__thumb {
position: relative;
background: #d5a86c;
line-height: 0;
font-size: 0
}
.google-photos-albums-active .google-photos__photo__thumb img {
width: 100%;
transition: .2s
}
.google-photos-albums-active .google-photos__photo__thumb a {
display: block
}
.google-photos-albums-active .google-photos__photo__thumb a:focus img,
.google-photos-albums-active .google-photos__photo__thumb a:hover img {
opacity: .3
}
.google-photos-albums-active .google-photos__photo__thumb a:focus:after,
.google-photos-albums-active .google-photos__photo__thumb a:hover:after {
content: "+";
font-size: 6rem;
color: #fff;
position: absolute;
text-align: center;
left: 0;
top: 48%;
right: 0;
z-index: 10;
font-weight: 400
}
.google-photos-albums-active .google-photos__photo__fullsize {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 0 6rem;
z-index: 100;
background: #2b2b2b;
bottom: 0;
text-align: center
}
@media screen and (min-width:991px) and (max-width:1366px) {
.google-photos-albums-active .google-photos__photo__fullsize {
padding: 0;
overflow: hidden
}
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize {
padding: 0;
overflow: hidden
}
}
.google-photos-albums-active .google-photos__photo__fullsize img {
height: 100%;
width: auto
}
@media screen and (min-width:991px) and (max-width:1366px) {
.google-photos-albums-active .google-photos__photo__fullsize img {
width: 100%;
height: auto;
max-width: 100%
}
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize img {
width: 100%;
height: auto;
max-width: 100%
}
}
.google-photos-albums-active .google-photos__photo__fullsize__content {
display: flex;
height: 100%;
align-content: center;
justify-content: center;
align-items: center
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize__content {
height: 100%;
position: relative
}
}
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-next,
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-prev {
position: absolute;
top: 7rem;
width: 50%;
bottom: 0;
border: none;
background-color: transparent;
z-index: 101;
background-repeat: no-repeat;
outline: 0
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-next,
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-prev {
background-color: rgba(0, 0, 0, .8);
width: 4rem
}
}
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-prev {
left: 0;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-left-tan.svg);
background-position: 3rem 50%
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-prev {
background-position: 50%;
animation: google-photos-hide-prev .5s ease 2s forwards
}
}
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-next {
right: 0;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right-tan.svg);
background-position: calc(100% - 3rem) 50%
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize .google-photo-next {
background-position: 50%;
animation: google-photos-hide-next .5s ease 2s forwards
}
}
.google-photos-albums-active .google-photos__photo__fullsize .google-albums-back {
position: absolute;
z-index: 101;
left: 2.5rem;
top: 2rem
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize .google-albums-back {
left: 1.5rem
}
}
.google-photos-albums-active .google-photos__photo__fullsize .google-albums-close {
position: absolute;
z-index: 101;
right: 2.5rem;
top: 2rem
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize .google-albums-close {
right: 1.5rem
}
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize__content:active .google-photos__photo__header {
animation: google-photos-show-header .5s ease 2s forwards
}
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize__content:active .google-photo-prev {
animation: google-photos-show-prev .5s ease 2s forwards
}
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__photo__fullsize__content:active .google-photo-next {
animation: google-photos-show-next .5s ease 2s forwards
}
}
.google-photos-albums-active .google-photos__photo.active .google-photos__photo__fullsize {
display: block
}
.google-photos-albums-active .google-photos__photo.active .google-photos__photo__fullsize img {
animation: google-photos-modal-show .5s ease
}
.google-photos-albums-active .google-photos__album {
margin-bottom: 5.8rem
}
@media screen and (max-width:990px) {
.google-photos-albums-active .google-photos__album {
margin: 0 0 4rem
}
}
.google-photos-albums-active .google-photos__album__title {
color: #fff
}
.google-photos-albums-active .google-photos__header {
padding: 2rem 3rem 3rem;
display: flex
}
.google-photos-albums-active .google-photos__header .site-logo {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/parnumaa-white.svg)
}
.google-photos-albums-active .google-photos__footer {
display: none
}
.google-photos-albums-active.google-photos-album-active .google-photos__album {
flex: 0 0 auto;
margin: 0;
width: 100%;
font-weight: 700
}
.google-photos-albums-active.google-photos-album-active .google-photos__album__title {
font-size: 4.5rem
}
@media screen and (max-width:990px) {
.google-photos-albums-active.google-photos-album-active .google-photos__album__title {
font-size: 2.8rem
}
}
.google-photos-albums-active.google-photos-album-active .google-photos__album__count {
font-weight: 400;
margin-bottom: 3rem
}
.google-photos-albums-active.google-photos-album-active .site-logo {
display: none
}
.google-photos-albums-active.google-photos-album-active .google-albums-back {
display: inline-block
}
.google-photos-albums-active.google-photos-album-active .album-content.active {
animation: google-photos-modal-show 1s ease
}
.google-photos-albums-active .google-albums-close {
flex: 0 0 auto;
margin: 0 0 0 auto;
display: inline-block;
vertical-align: top;
background: 0 0;
border: none;
padding: 5px;
width: 3rem;
height: 3rem;
position: relative
}
.google-photos-albums-active .google-albums-close:after,
.google-photos-albums-active .google-albums-close:before {
content: "";
display: block;
background: #fff;
height: 4px;
width: 100%;
position: absolute;
left: 0;
top: 50%
}
.google-photos-albums-active .google-albums-close:before {
transform: rotate(45deg)
}
.google-photos-albums-active .google-albums-close:after {
transform: rotate(-45deg)
}
.google-photos-albums-active .google-albums-back {
flex: 0 0 auto;
vertical-align: top;
background: 0 0;
border: none;
padding: 5px;
width: 3rem;
height: 3rem;
position: relative;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-left.svg);
background-repeat: no-repeat;
background-position: 50%;
display: none
}
.admin-bar .google-photos__modal {
padding-top: 32px
}
@keyframes google-photos-modal-show {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes google-photos-hide-header {
0% {
transform: translateY(0)
}
100% {
transform: translateY(-100%)
}
}
@keyframes google-photos-hide-prev {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-100%)
}
}
@keyframes google-photos-hide-next {
0% {
transform: translateX(0)
}
100% {
transform: translateX(200%)
}
}
@keyframes google-photos-show-header {
0% {
transform: translateY(-100%)
}
100% {
transform: translateY(0)
}
}
@keyframes google-photos-show-prev {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(0)
}
}
@keyframes google-photos-show-next {
0% {
transform: translateX(200%)
}
100% {
transform: translateX(0)
}
}
@keyframes google-photos-modal-hide {
0% {
opacity: 1;
display: block
}
100% {
opacity: 0;
display: none
}
}
#newsletter_subscribe ::-webkit-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
#newsletter_subscribe :-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
#newsletter_subscribe ::-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
#newsletter_subscribe :-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
#newsletter_subscribe ::-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
#newsletter_subscribe.hidden {
display: none
}
#newsletter_subscribe .sendsmaily__success {
padding: 1.5rem;
background-color: #dff0d8;
margin: 1rem 0 1rem;
display: none
}
#newsletter_subscribe .sendsmaily__error {
padding: 1.5rem;
background-color: #f2dede;
margin: 1rem 0 1rem;
display: none
}
#newsletter_subscribe .sendsmaily__email {
background-color: #fff;
outline: 0;
height: 4.5rem;
width: 100%;
font-size: 1.6rem;
padding: 1rem 2rem;
margin: 1rem 1rem 0 0
}
#newsletter_subscribe .sendsmaily__newsletter-submit {
font-size: 1.6rem;
font-weight: 700;
height: 4.5rem;
outline: 0;
border-style: none;
line-height: 3.5rem;
letter-spacing: .5px;
color: #fff;
padding: 0 2rem;
border-radius: 3px;
background-color: #2b3258;
text-decoration: none;
display: inline-flex;
align-items: center;
float: right;
transition: background-color .3s
}
#newsletter_subscribe .sendsmaily__newsletter-submit:hover {
background-color: #0a4c8a
}
#newsletter_subscribe .sendsmaily__clearfix::after {
display: block;
content: "";
clear: both
}
.popmake-content #newsletter_subscribe {
display: inline-block;
width: 100%
}
.popmake-content #newsletter_subscribe .sendsmaily__email {
background-color: #f7f7f7
}
.sort {
font-size: 16px;
margin-bottom: 40px
}
.sort__link {
font-size: 17px;
font-weight: 700;
margin-left: 30px;
color: #2b2b2b !important;
}
.sort__link--active {
color: #d5a86c
}
.sort__link::after {
content: "";
display: inline-block;
width: 15px;
height: 10px;
margin-left: 5px;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-down.svg);
background-repeat: no-repeat;
opacity: .2;
transition: rotate .2s ease-in
}
.sort__link--asc::after {
transform: rotate(180deg)
}
.page-content__text {
margin: 0 auto
}
.job-offers {
display: flex;
padding: 0 16%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers {
padding: 0
}
}
@media screen and (max-width:990px) {
.job-offers {
flex-wrap: wrap;
padding: 0
}
}
.job-offers.study {
flex-direction: column
}
.job-offers.study .job-offers__container-sort {
font-size: 16px;
width: 100%;
flex: 0 0 auto;
display: flex;
flex-direction: row
}
.job-offers.study .job-offers__found-posts {
flex: 0 0 300px;
margin-right: 40px
}
@media screen and (max-width:990px) {
.job-offers.study .job-offers__found-posts {
flex: 0 0 auto
}
}
.job-offers.study .job-offers__sort-bar {
width: 100%;
margin-bottom: 30px
}
.job-offers.study .job-offers__sort-bar .sort__links {
display: inline-block
}
.job-offers.study .job-offers__map-link {
float: right;
text-align: right;
margin-left: auto;
font-weight: 700
}
.job-offers.study .job-offers__map-link a {
position: relative;
top: -5px;
font-size: 16px;
font-weight: 700;
letter-spacing: .5px;
color: #2b2b2b;
transition: color .3s
}
.job-offers.study .job-offers__map-link a:focus,
.job-offers.study .job-offers__map-link a:hover {
color: #0a4c8a
}
.job-offers.study .job-offers__map-link a:focus.icon-location:before,
.job-offers.study .job-offers__map-link a:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.job-offers.study .job-offers__map-link a svg {
position: relative;
top: 3px;
width: 21px;
height: 20px;
margin-right: 10px;
transition: fill .3s;
fill: #2b2b2b
}
.job-offers.study .job-offers__map-link a:active svg,
.job-offers.study .job-offers__map-link a:hover svg {
fill: #0a4c8a
}
.job-offers.study .job-offers__flex-row {
display: flex;
flex-direction: row
}
@media screen and (max-width:990px) {
.job-offers.study .job-offers__flex-row {
flex-wrap: wrap
}
}
.job-offers.study .job-offers__item--properties li {
margin-bottom: .3rem;
text-align: left
}
.job-offers.study .job-offers__item--title {
margin-top: .5rem
}
.job-offers__item--names {
flex: 0 0 55%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__item--names {
flex: 0 0 75%
}
}
@media screen and (max-width:990px) {
.job-offers__item--names {
flex: 0 0 100%
}
}
.job-offers__label--new {
color: #fff;
background: #9ecbb2;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: .4px;
text-align: left;
padding: 0 5px
}
.job-offers__sort {
display: flex;
flex: 1 1 1180px;
max-width: 1400px;
padding: 0 0 0 16%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__sort {
padding: 0
}
}
@media screen and (max-width:990px) {
.job-offers__sort {
flex-wrap: wrap;
padding: 0;
margin-bottom: 20px
}
}
.job-offers__sort .sort__links {
flex: 6 1 200px
}
@media screen and (max-width:990px) {
.job-offers__sort .sort__links {
width: 100%;
text-align: left;
padding: 4rem 0 0 0;
flex: none
}
}
.job-offers__sort .job-offers__result-count {
flex: 0 0 300px;
margin-right: 40px;
z-index: 1
}
@media screen and (max-width:990px) {
.job-offers__sort .job-offers__result-count {
flex: 0 0 100%;
margin-right: 0
}
}
.job-offers__sort .job-offers__map-link {
display: flex;
flex: 1 1 100px;
justify-content: right;
align-items: center;
margin-left: auto;
font-weight: 700;
color: #2b2b2b;
}
@media screen and (max-width:990px) {
.job-offers__sort .job-offers__map-link {
margin-left: 0;
justify-content: left;
flex: none
}
}
.job-offers__sort .job-offers__map-link svg {
width: 21px;
height: 20px;
margin-right: 10px
}
.job-offers__sort .job-offers__found-posts {
font-size: 16px;
font-weight: 300;
letter-spacing: .5px;
text-align: left
}
@media screen and (max-width:990px) {
.job-offers__sort .job-offers__found-posts {
display: none
}
}
.job-offers__term-sidenav {
transition: .5s
}
@media screen and (max-width:990px) {
.job-offers__term-sidenav {
padding-bottom: 3rem
}
}
.job-offers__term-sidenav.sidebar-disabled {
pointer-events: none;
opacity: .4
}
.job-offers__term-sidenav--list {
column-count: 1!important
}
.job-offers__term-sidenav--list div {
margin-bottom: 1.4rem
}
@media screen and (max-width:990px) {
.job-offers__term-sidenav--list div {
text-align: left
}
}
.job-offers__term-sidenav--list label {
font-size: 16px;
cursor: pointer
}
.job-offers__term-sidenav--list-item {
width: 32rem
}
.job-offers__term-sidenav--title {
margin: 25px 0 35px 0;
font-size: 22px;
font-weight: 300;
text-align: left;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.job-offers__term-sidenav--title {
height: 45px;
background: #f7f7f7;
border-radius: .3rem;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
padding: 1em;
cursor: pointer;
margin: 0 0 .4rem
}
}
.job-offers__section {
width: 100%
}
.job-offers__item {
width: 84rem;
display: block;
margin-bottom: .4rem;
background-color: #f7f7f7;
overflow: hidden
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__item {
width: 100%;
height: auto
}
}
@media screen and (max-width:990px) {
.job-offers__item {
width: 100%;
height: auto
}
}
.job-offers__item:focus,
.job-offers__item:hover {
background-color: #f1e3cf
}
.job-offers__item--wrap {
display: flex;
align-items: center
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__item--wrap {
flex-wrap: wrap;
padding: 1.5rem 5%
}
}
@media screen and (max-width:990px) {
.job-offers__item--wrap {
flex-wrap: wrap;
padding: 1.5rem 5%
}
}
.job-offers__item--image {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.job-offers__item--image-default {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/job-offer-default.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #fff;
height: 100%;
display: block
}
.job-offers__item--title {
font-size: 20px;
font-weight: 700;
text-align: left;
color: #2b2b2b;
margin-left: 5rem;
margin-top: 2.7rem;
width: auto;
padding: 0 1rem 0 0
}
.job-offers__item--title:first-letter {
text-transform: uppercase
}
@media screen and (max-width:990px) {
.job-offers__item--title {
margin: 0;
font-size: 1.6rem;
line-height: 1.5;
padding: 0
}
}
.job-offers__item--establishment {
margin-top: 5px;
margin-left: 5rem;
margin-bottom: 15px;
font-size: 14px;
font-weight: 300;
line-height: 1.79;
letter-spacing: .4px;
text-align: left;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.job-offers__item--establishment {
margin: 0
}
}
.job-offers__item--location {
flex: 0 0 15%
}
.job-offers__item--days-left,
.job-offers__item--location {
font-size: 16px;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
text-align: left;
color: #2b2b2b
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__item--days-left,
.job-offers__item--location {
margin: 0;
flex: 0 0 50%
}
}
@media screen and (max-width:990px) {
.job-offers__item--days-left,
.job-offers__item--location {
margin: 0;
flex: 0 0 50%
}
}
.job-offers__item--days-left {
margin-left: auto;
padding: 0 1.5rem 0 0
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers__item--days-left {
margin-left: 0;
padding: 0;
text-align: right
}
}
@media screen and (max-width:990px) {
.job-offers__item--days-left {
margin: 0 0 0 auto;
text-align: right;
padding: 0;
font-size: 1.2rem
}
}
.job-offers .image-container {
height: 7rem;
width: 9.5rem;
position: relative;
margin: 1.5rem 0 1.5rem 1.5rem
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers .image-container {
margin: 0
}
}
@media screen and (max-width:990px) {
.job-offers .image-container {
display: none
}
}
.job-offers .no-results {
font-size: 18px
}
.job-offers #main {
transition: margin-left .5s;
padding: 2rem
}
.job-offers .custom-pagination {
width: 840px
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers .custom-pagination {
width: 100%
}
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination {
width: 100%
}
}
.job-offers .custom-pagination .job-offers-pagination {
width: 100%;
padding: 2rem 0;
margin-right: 0
}
.job-offers .custom-pagination .page-numbers-middle {
width: 33.3%;
display: flex;
justify-content: center
}
.job-offers .custom-pagination .page-numbers-middle a,
.job-offers .custom-pagination .page-numbers-middle span {
text-align: center;
display: block;
padding: 6px 13px
}
.job-offers .custom-pagination a,
.job-offers .custom-pagination span {
display: flex;
padding: 6px 19px;
margin-right: 4px
}
.job-offers .custom-pagination .next-page,
.job-offers .custom-pagination .previous-page {
width: 33.3%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers .custom-pagination .next-page,
.job-offers .custom-pagination .previous-page {
width: auto
}
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination .next-page,
.job-offers .custom-pagination .previous-page {
width: auto
}
}
.job-offers .custom-pagination .next-page .prev-arrow,
.job-offers .custom-pagination .previous-page .prev-arrow {
transform: rotate(180deg);
padding-left: .5rem;
padding-right: 0
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers .custom-pagination .next-page .prev-arrow,
.job-offers .custom-pagination .previous-page .prev-arrow {
padding: 0
}
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination .next-page .prev-arrow,
.job-offers .custom-pagination .previous-page .prev-arrow {
padding: 0
}
}
.job-offers .custom-pagination .next-page .icon-arrow,
.job-offers .custom-pagination .previous-page .icon-arrow {
padding-left: .5rem
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination .next-page .icon-arrow,
.job-offers .custom-pagination .previous-page .icon-arrow {
padding: 0
}
}
.job-offers .custom-pagination .next-page a {
margin-right: 0;
float: right
}
.job-offers .custom-pagination span.current {
background-color: #d5a86c;
width: 4.5rem;
height: 4.5rem;
font-weight: 700;
line-height: 2.2;
letter-spacing: .5px;
font-size: 16px;
border-radius: 3px;
color: #fff
}
.job-offers .custom-pagination span.page-num {
margin-right: 1rem;
padding: 0
}
.job-offers .custom-pagination span.dots {
font-weight: 400;
background: #fff;
width: 33px;
margin: 0;
padding: 0;
font-size: 55px;
line-height: 27px;
color: #fff
}
.job-offers .custom-pagination span.dots:before {
content: "...";
color: #2b2b2b;
letter-spacing: -4px;
margin-left: 4px
}
.job-offers .custom-pagination .page-numbers {
background-color: #f7f7f7;
color: #2b2b2b;
width: 4.5rem;
height: 4.5rem;
font-weight: 700;
font-size: 16px;
line-height: 2.2;
letter-spacing: .5px;
border-radius: 3px
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination .page-numbers {
width: auto
}
}
.job-offers .custom-pagination .next.page-numbers,
.job-offers .custom-pagination .prev.page-numbers {
width: 14rem;
height: 4.5rem;
border-radius: 3px;
background-color: #f7f7f7
}
@media screen and (min-width:991px) and (max-width:1366px) {
.job-offers .custom-pagination .next.page-numbers,
.job-offers .custom-pagination .prev.page-numbers {
width: auto;
font-size: 0
}
}
@media screen and (max-width:990px) {
.job-offers .custom-pagination .next.page-numbers,
.job-offers .custom-pagination .prev.page-numbers {
width: auto;
font-size: 0
}
}
.job-offers .custom-pagination .next.page-numbers.disabled,
.job-offers .custom-pagination .prev.page-numbers.disabled {
pointer-events: none;
opacity: .4
}
.job-offers input[type=checkbox],
.job-offers input[type=radio] {
display: none
}
.job-offers input[type=checkbox]+label span,
.job-offers input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.job-offers input[type=checkbox]:checked+label span,
.job-offers input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
.job-offers__found-posts {
font-size: 16px
}
.post-count.hidden {
display: none
}
@media screen and (max-width:990px) {
.real-estate__result-count {
display: none
}
.job-offers__map-link {
display: block;
text-align: right;
margin: 0 auto;
font-weight: 700;
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
color: #2b2b2b;
transition: color .3s
}
.job-offers__map-link:focus,
.job-offers__map-link:hover {
color: #0a4c8a
}
.job-offers__map-link:focus.icon-location:before,
.job-offers__map-link:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.job-offers__map-link svg {
width: 21px;
height: 20px;
margin-right: 10px;
transition: fill .3s;
fill: #2b2b2b
}
.job-offers__map-link:active svg,
.job-offers__map-link:hover svg {
fill: #0a4c8a
}
.job-offers__sort {
margin-bottom: 20px
}
.job-offers__sort .sort__links {
text-align: left;
padding-bottom: 0
}
}
.map {
background: #509dc5;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}
@media screen and (max-width:990px) {
.map {
overflow: auto
}
}
.map__canvas {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
@media screen and (max-width:990px) {
.map__canvas {
height: auto;
bottom: 0;
top: 5.7rem
}
}
.map__zoom {
bottom: 3rem;
left: 3rem;
position: absolute
}
.map__zoom__control {
background-color: #fff;
border-radius: 3px;
cursor: pointer;
height: 4rem;
margin: .4rem 0 0;
padding: 1rem;
width: 4rem
}
.map__zoom__control:first-child {
margin-top: 0
}
.map__zoom__control .icon {
height: 100%;
fill: #2b2b2b;
width: 100%
}
.map__close {
cursor: pointer;
height: 2.5rem;
position: absolute;
right: 3rem;
top: 3rem;
width: 2.5rem;
z-index: 1
}
.map__close .icon {
fill: #fff;
height: 100%;
width: 100%
}
@media screen and (max-width:990px) {
.map__close {
right: 2rem;
top: 7.7rem
}
}
.map__filter {
background: #fff;
border-radius: 3px;
height: calc(100% - 10.5rem);
padding: 5.1rem 0 55px;
position: absolute;
right: 3rem;
top: 8rem;
width: 38rem;
z-index: 1
}
@media screen and (max-width:990px) {
.map__filter {
right: 0;
top: 0;
width: 100%;
height: auto;
position: relative
}
}
.map__filter__expand {
border-radius: 3px;
background-color: #f7f7f7;
left: .7rem;
padding: 1.2rem 2rem;
position: absolute;
top: .7rem;
width: calc(100% - 1.4rem)
}
.map__filter__expand h4 {
color: #d5a86c;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.25;
margin: 0;
padding: 0;
text-transform: uppercase
}
.map__filter__expand .icon {
transform: rotate(-180deg)
}
.map__filter__expander {
cursor: pointer;
font-size: 1.4rem;
padding: 0 2.5rem 0 0;
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%)
}
.map__filter__expander .icon {
height: 1.5rem;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 1.5rem
}
.map__filter__expander .show {
display: none
}
.map__filter__expander .hide {
display: block
}
.map__filter.collapsed {
height: 5.7rem;
overflow: hidden
}
.map__filter.collapsed .map__filter__expand .map__filter__expander .icon {
transform: rotate(0)
}
.map__filter.collapsed .map__filter__expander .show {
display: block
}
.map__filter.collapsed .map__filter__expander .hide {
display: none
}
.map__filter__footer {
background: #fff;
bottom: 0;
font-size: 1.4rem;
height: 55px;
line-height: 1.14;
letter-spacing: .05rem;
position: absolute;
left: 0;
width: 100%;
border-radius: 0 0 3px 3px
}
.map__filter__footer div {
display: inline-block;
position: absolute;
bottom: 7px;
font-size: 14px;
line-height: 1;
letter-spacing: .5px
}
.map__filter__footer div:first-child {
left: 7px;
padding: 13px 20px;
font-weight: 300;
text-align: left
}
.map__filter__footer div.button.button-gray {
padding: 12px 34px;
right: 7px;
font-weight: 700;
text-align: center;
background-color: #f7f7f7;
color: #2b2b2b;
transition: color .3s;
display: inline-block
}
.map__filter__footer div.button.button-gray:focus,
.map__filter__footer div.button.button-gray:hover {
color: #0a4c8a
}
.map__filter__footer div.button.button-gray:focus.icon-location:before,
.map__filter__footer div.button.button-gray:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.map__filter.collapsed {
padding-bottom: 0
}
.map__filter.collapsed .map__filter__footer {
display: none
}
.map__categories {
max-height: 100%;
overflow-y: auto
}
.map__categories .job-offers__term-sidenav {
width: 100%
}
.map__categories .job-offers__term-sidenav input[type=checkbox],
.map__categories .job-offers__term-sidenav input[type=radio] {
display: none
}
.map__categories .job-offers__term-sidenav input[type=checkbox]+label span,
.map__categories .job-offers__term-sidenav input[type=radio]+label span {
display: inline-block;
position: relative;
top: -1px;
width: 18px;
height: 18px;
margin: 0 10px 0 0;
vertical-align: middle;
border: 1px solid #2b2b2b;
border-radius: 2px;
cursor: pointer
}
.map__categories .job-offers__term-sidenav input[type=checkbox]:checked+label span,
.map__categories .job-offers__term-sidenav input[type=radio]:checked+label span {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/check.svg);
background-repeat: no-repeat;
background-position: 50%
}
.map__categories .job-offers__term-sidenav--title {
font-size: 16px;
margin: 10px 0 20px 0
}
.map__categories .job-offers__term-sidenav--list div {
margin-bottom: 12px
}
.map__categories .job-offers__term-sidenav label {
font-size: 14px
}
.map__category__head {
margin: 1.5rem 0;
padding: 0 2.7rem;
position: relative
}
.map__category label {
display: block;
cursor: pointer;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.125;
text-transform: uppercase;
z-index: 0
}
.map__category label input[type=checkbox] {
left: 0;
opacity: 0;
position: absolute;
top: 0
}
.map__category label input[type=checkbox]:checked+.checkbox-status {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/checkbox.svg);
background-size: 1rem 1rem
}
.map__category label .checkbox-status {
background: #fff no-repeat 50% 50%;
border: 1px solid #000;
border-radius: 2px;
display: inline-block;
height: 1.8rem;
margin: 0 1.1rem 0 0;
vertical-align: middle;
width: 1.8rem
}
.map__category label .icon-wrap {
display: inline-block;
height: 1.8rem;
margin: 0 .7rem 0 0;
vertical-align: middle
}
.map__category label svg {
height: 1.8rem;
vertical-align: top;
width: 1.8rem
}
.map__category .map__filter__expander {
padding: 0;
right: 2.7rem;
top: 50%;
transform: translateY(-50%)
}
.map__category .map__filter__expander .icon {
left: auto;
position: relative;
top: auto
}
.map__category.expanded .map__filter__expander .icon {
transform: rotate(-180deg)
}
.map__category.expanded .map__category__locations {
display: block
}
.map__category__locations {
border-radius: 1px;
background-color: #f7f7f7;
display: none;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .04rem;
line-height: 1.142;
margin: 0 2.7rem;
padding: 1.5rem 2rem 1.5rem 3rem
}
.map__category__location {
cursor: pointer;
margin: 1rem 0;
color: #2b2b2b
}
.map__category__location:focus,
.map__category__location:hover {
color: #0a4c8a;
text-decoration: underline
}
.map__category__location.hidden {
display: none
}
.map__category__location.active {
color: #0a4c8a;
font-weight: 700
}
.map__category__location .details {
display: none
}
.map__category__location--job {
position: relative;
padding: 15px 0 20px 0;
border-bottom: 2px solid #2b2b2b
}
.map__category__location--job:last-child {
border-bottom: none
}
.map__category__location--job .title {
width: 80%;
font-weight: 700;
margin-bottom: 10px
}
.map__category__location--job .label {
position: absolute;
right: 0;
top: 11px;
padding: 0 7px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
background: #9ecbb2;
border-radius: 2px;
line-height: 1.67
}
.map__cluster {
background: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/map/svg/bg.svg);
background-repeat: no-repeat
}
.map__cluster img {
width: 18px;
top: 27%!important;
left: 28%!important
}
.map__cluster>div {
font-family: Sansation, sans-serif!important;
background: #fe7b58;
width: auto!important;
line-height: 1em!important;
padding: 3px 7px
}
.map__cluster--active {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/map/svg/bg-active.svg);
width: 68px!important;
height: 74px!important;
margin-top: -20px;
margin-left: -10px
}
.map__cluster--active>div {
top: 0!important;
left: 50px!important
}
.map__cluster--active img {
width: 27px;
left: 33.5%!important
}
.cluster {
color: #fff;
text-align: center;
font-family: "Arial, Helvetica";
font-size: 11px;
font-weight: 700;
cursor: pointer
}
.cluster-1 {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/map/bg.png);
line-height: 53px;
width: 53px;
height: 52px
}
.category__filter {
margin: 0 0 10px
}
.category__filter__btn {
cursor: pointer;
font-weight: 700;
float: right
}
.category__filter__btn .icon {
display: inline-block;
height: 15px;
vertical-align: middle;
width: 15px
}
.category__filter__terms .term {
background: #fff;
display: inline-block;
height: 20px;
line-height: 20px;
margin: 0 5px 5px 0;
padding: 0 25px 0 5px;
position: relative;
vertical-align: top
}
.category__filter__terms .remove {
background: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/close.svg) no-repeat 50% 50%;
background-size: 10px 10px;
cursor: pointer;
display: block;
height: 20px;
right: 0;
position: absolute;
top: 0;
width: 20px
}
.category__filter__form {
background: #fff;
border-radius: 3px;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.category__filter__form.visible {
display: block
}
.category__filter .form__content {
background-color: #f7f7f7;
border-radius: 3px;
height: calc(100% - 61px);
position: absolute;
left: 7px;
overflow: auto;
padding: 14px 20px;
top: 7px;
width: calc(100% - 14px)
}
.category__filter .form__content h4 {
font-size: 16px;
margin: 2.5rem 0 0
}
.category__filter .form__content label {
font-weight: 400;
position: relative;
text-transform: none
}
.category__filter .form__category {
margin: 1rem 0
}
.category__filter .form__head {
font-size: 16px;
font-weight: 700;
text-transform: uppercase
}
.category__filter .form__head .separator {
display: inline-block;
margin: 0 10px 0 15px;
vertical-align: middle
}
.category__filter .form__head svg {
fill: #2b2b2b;
height: 13px;
width: 7px
}
.category__filter .form__head .highlight {
color: #d5a86c
}
.category__filter .form__buttons {
bottom: 7px;
display: flex;
left: 7px;
position: absolute;
width: calc(100% - 14px)
}
.category__filter .form__buttons .button {
border: 0;
flex: 0 0 auto;
height: 40px;
line-height: 40px;
margin: 0 0 0 64px;
width: calc(50% - 32px)
}
.category__filter .form__buttons .button:first-child {
margin-left: 0
}
@media screen and (max-width:990px) {
.category__filter .form__buttons .button {
height: auto;
text-align: center
}
}
.infoBox {
background: #f7f7f7;
font-size: 1.6rem;
letter-spacing: .5px;
padding: 4rem 1.1rem 2.5rem 2.5rem;
width: 30rem
}
.infoBox__content {
max-height: 385px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 1.5rem
}
.infoBox__content-cluster h5 {
padding-top: 1.2rem
}
.infoBox__content-cluster .button {
background: 0 0;
color: #2b2b2b;
line-height: 1.1;
text-decoration: underline
}
.infoBox__content-cluster .button:active,
.infoBox__content-cluster .button:hover {
background: 0 0;
color: #0a4c8a
}
.infoBox img {
position: absolute!important;
right: 10px;
top: 10px
}
.infoBox h5 {
color: #2b2b2b;
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.1;
margin: 0 0 2rem;
padding: 2.5rem 0 0
}
.infoBox h5:first-child {
padding-top: 0
}
.infoBox .detail {
background: no-repeat 0 0;
margin: .5rem 0 0;
padding: 0 0 0 2.5rem
}
.infoBox .detail--address {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/address.svg);
background-size: 12px 17px
}
.infoBox .detail--phone {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/phone.svg);
background-size: 14px 14px
}
.infoBox .detail--time {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/time.svg);
background-size: 14px 14px
}
.infoBox .detail--url {
margin-top: 2rem;
padding-left: 0
}
.infoBox .button {
display: block;
text-align: center
}
@media screen and (max-width:990px) {
.page-template-page-map {
overflow: hidden
}
}
.news__listings {
max-width: 120rem;
margin: 0 auto
}
.news__listings .news__item {
margin: 0 2rem 4rem 0
}
@media screen and (max-width:990px) {
.news__listings .news__item {
margin: 2rem auto
}
}
.news__mobile-date {
font-size: 16px;
margin-top: 3rem;
display: none
}
@media screen and (max-width:990px) {
.news__mobile-date {
display: block
}
}
@media screen and (max-width:990px) {
.news__filters .js-form-categories {
width: 100%
}
}
.news__filters__option {
height: 50px;
margin-bottom: 50px
}
.news__filters__filters .hide {
display: none
}
.news__filters .filters__list {
display: flex
}
@media screen and (max-width:990px) {
.news__filters .filters__list {
flex-wrap: wrap;
clear: both
}
}
.news__filters input[type=checkbox]+label span {
display: none
}
.news__filters input:checked+label {
background-color: #d5a86c;
color: #fff
}
@media screen and (max-width:990px) {
.news__filters .filters__option {
width: 100%
}
}
.news__filters label {
height: 50px;
margin-left: 4px;
padding: 0 15px;
border: none;
border-radius: 3px;
background-color: #f7f7f7;
color: #2b2b2b;
font-weight: 700;
transition: background-color 150ms ease-in;
display: inline-block;
line-height: 3
}
@media screen and (max-width:990px) {
.news__filters label {
width: 100%;
text-align: center
}
}
.news .custom-pagination {
margin: 0 auto
}
.news__filters {
display: flex
}
@media screen and (max-width:990px) {
.news__filters {
flex-wrap: wrap;
width: 100%
}
.news__filters--text {
width: 100%
}
}
.news__filters:not(.js-filters) {
margin: 0 auto;
margin-bottom: 3.8rem;
max-width: 120rem
}
.news__filters--text span {
height: 50px;
display: inline-block;
line-height: 3;
text-align: center;
font-size: 16px;
margin-right: 3rem;
font-weight: 300
}
@media screen and (max-width:990px) {
.news__filters--text span {
margin: 0 auto;
width: 100%;
font-weight: 600;
font-size: 2rem
}
}
.news__date {
position: absolute;
padding: 5px;
background-color: #2c3258;
color: #fff;
height: 3rem;
text-align: center;
line-height: 1.7;
text-transform: uppercase;
z-index: 1;
top: 17rem
}
.news__date:after {
content: "";
position: absolute;
right: -5px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
@media screen and (max-width:990px) {
.news .keyword-search__submit {
max-width: 100%;
width: 100%;
margin-top: 1rem
}
}
.news__items {
display: flex;
flex-wrap: wrap
}
.news__items+.subpage-slide.next-page {
margin: 0
}
.news__item {
width: 28rem;
margin: 0 2rem 2rem 0;
opacity: 1;
transition: opacity 1.25s;
position: relative
}
@media screen and (max-width:990px) {
.news__item {
flex: 0 0 33%;
margin: 0 0 3rem 0
}
}
.news__item a:focus,
.news__item a:hover {
text-decoration: none
}
.news__item:hover .category__caption {
right: 0
}
.news__item:hover .category__caption:after {
right: calc(100% - 3.1rem);
transform: skew(-6deg)
}
.news__item.hidden {
opacity: 0
}
.news__image {
background-color: #f7f7f7;
background-size: cover;
background-position: 50%;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 2rem;
width: 28rem;
height: 20rem
}
.news__title {
position: relative;
line-height: normal;
font-size: 2.2rem;
margin-bottom: 2.5rem;
font-weight: 100
}
.single-sundmus .page-content,
.single-uudis .page-content {
padding: 7rem 6%
}
.single-sundmus .page-content ul,
.single-uudis .page-content ul {
padding-left: 0
}
.events__listings {
max-width: 120rem;
margin: 0 auto
}
.events__listings .events__item {
margin: 0 2rem 4rem 0
}
@media screen and (max-width:990px) {
.events__listings .events__item {
margin: 2rem auto
}
}
@media screen and (max-width:990px) {
.events__filters .js-form-categories {
width: 100%
}
}
.events__filters__option {
height: 5rem;
margin-bottom: 5rem
}
.events__filters .filters__list {
display: flex
}
@media screen and (max-width:990px) {
.events__filters .filters__list {
flex-wrap: wrap;
clear: both
}
}
.events__filters input[type=checkbox]+label span {
display: none
}
.events__filters input:checked+label {
background-color: #d5a86c;
color: #fff
}
@media screen and (max-width:990px) {
.events__filters .filters__option {
width: 100%
}
}
.events__filters label {
height: 5rem;
margin-left: 4px;
padding: 0 1.5rem;
border: none;
border-radius: 3px;
background-color: #f7f7f7;
color: #2b2b2b;
font-weight: 700;
transition: background-color 150ms ease-in;
display: inline-block;
line-height: 3
}
@media screen and (max-width:990px) {
.events__filters label {
width: 100%;
text-align: center
}
}
.events .custom-pagination {
margin: 0 auto
}
.events__filters {
display: flex
}
@media screen and (max-width:990px) {
.events__filters {
flex-wrap: wrap;
width: 100%
}
.events__filters--text {
width: 100%
}
}
.events__filters:not(.js-filters) {
margin: 0 auto;
margin-bottom: 3.8rem;
max-width: 120rem
}
.events__filters--text span {
height: 50px;
display: inline-block;
line-height: 3;
text-align: center;
font-size: 1.6rem;
margin-right: 3rem;
font-weight: 300
}
@media screen and (max-width:990px) {
.events__filters--text span {
margin: 0 auto;
width: 100%;
font-weight: 600;
font-size: 2rem
}
}
.events__search {
padding-left: 0;
max-width: 120rem;
margin: 0 auto;
margin-bottom: 6rem
}
@media screen and (max-width:990px) {
.events__search .keyword-search__submit {
width: 100%;
margin-top: 1rem
}
}
.events__slider {
max-width: 1180px;
margin: 0 auto;
margin-bottom: 50px
}
@media screen and (max-width:990px) {
.events__slider {
display: none
}
}
.events__slider .events__items.slick-slider {
max-width: 1180px
}
.events__slider .events__item {
margin: 0 2rem 6rem 0;
opacity: 1;
transition: opacity 1.25s;
position: relative;
max-height: 28rem
}
.events__slider .events__item--left {
width: 58rem!important;
height: 58rem!important;
max-width: 58rem!important
}
.events__slider .events__item--left .events__item {
width: 58rem!important;
height: 58rem!important;
max-height: 58rem;
max-width: 58rem!important
}
.events__slider .events__item--left .events__item .events__image {
padding-top: 100%!important;
width: 58rem!important
}
.events__slider .events__item--left .events__item .events__title {
font-size: 2.2rem;
margin-bottom: 1.5rem;
font-weight: 300;
position: absolute;
bottom: 0;
color: #fff;
font-size: 3.6rem;
font-weight: 700;
font-style: normal;
margin-left: 1.7rem;
width: 97%
}
.events__slider .events__item--left .events__item .events__date {
padding: 1rem;
background-color: #2c3258;
color: #fff;
height: 4rem;
text-align: center;
line-height: 1.7;
margin-left: -1.7rem;
text-transform: uppercase;
position: relative;
z-index: 1;
font-size: 1.4rem;
max-width: 43%;
display: inline-block;
margin-bottom: 1rem;
top: 0
}
.events__slider .events__item--left .events__item .events__date:after {
content: "";
top: 0;
margin-left: 1.2rem;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
.events__slider .events__item--right {
column-count: 2
}
.events__slider .events__item--right .events__item {
height: 28rem;
width: 28rem;
max-height: 28rem;
margin: 0 2rem 2rem 0
}
.events__slider .events__item--right .events__item .events__image {
padding-top: 100%!important;
width: 28rem!important;
height: 28rem!important
}
.events__slider .events__item--right .events__item .events__title {
font-size: 2.2rem;
margin-bottom: 1.5rem;
font-weight: 300;
position: absolute;
bottom: 0;
color: #fff;
font-size: 20px;
font-weight: 700;
font-style: normal;
margin-left: 1rem;
width: 100%
}
.events__slider .events__item--right .events__item .events__date {
padding: .5rem;
background-color: #2c3258;
color: #fff;
height: 3rem;
text-align: center;
line-height: 1.7;
text-transform: uppercase;
z-index: 1;
font-size: 1.4rem;
position: relative;
font-size: 1.3rem;
max-width: 20rem;
min-width: 12rem;
display: inline-block;
top: 0;
margin-left: -10px;
margin-bottom: .5rem
}
.events__slider .events__item--right .events__item .events__date:after {
content: "";
margin-left: 2px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
.events__map-link {
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: .5px;
color: #d5a86c
}
.events__map-link svg {
height: 14px
}
.events__map-link a {
color: #d5a86c
}
.events .slick-next,
.events .slick-prev {
z-index: 1;
width: 45px;
height: 45px;
border-radius: 3px;
background-color: #2b3258
}
.events .slick-next:hover,
.events .slick-prev:hover {
color: #fff;
background-color: #2b3258;
background-position: center
}
.events .slick-prev {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right-white.svg)!important;
transform: rotate(180deg)!important;
background-repeat: no-repeat!important;
background-size: 16px 25px!important;
background-position: center
}
.events .slick-prev:before {
content: ""
}
.events .slick-next {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right-white.svg)!important;
background-repeat: no-repeat!important;
background-size: 16px 25px!important;
background-position: center
}
.events .slick-next:before {
content: ""
}
.events__date {
position: absolute;
padding: 5px;
background-color: #2c3258;
color: #fff;
height: 3rem;
text-align: center;
line-height: 1.7;
text-transform: uppercase;
z-index: 1;
top: 17rem;
margin-left: 0
}
.events__date:after {
content: "";
position: absolute;
right: -5px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
.events .date-search ::-webkit-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.events .date-search :-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.events .date-search ::-moz-placeholder {
color: #d5a86c;
opacity: 1;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.events .date-search :-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.events .date-search ::-ms-input-placeholder {
color: #d5a86c;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.events .date-search__input {
background-color: #f7f7f7;
border: none;
height: 5rem;
margin-left: .5rem;
padding-left: 1rem;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/calender.svg);
background-repeat: no-repeat;
background-position: 90% 50%;
top: 4px;
width: 20rem;
max-width: 20rem
}
@media screen and (max-width:990px) {
.events .date-search__input {
max-width: 100%;
width: 100%;
margin-top: 1rem
}
}
.events .date-search__spacer {
font-size: 4.4rem;
margin-left: .5rem
}
@media screen and (max-width:990px) {
.events .date-search__spacer {
display: none
}
}
.events__items {
display: flex;
flex-wrap: wrap
}
.events__items+.subpage-slide.next-page {
margin: 0
}
.events__item {
width: 28rem;
margin: 0 2rem 6rem 0;
opacity: 1;
transition: opacity 1.25s;
position: relative
}
@media screen and (max-width:990px) {
.events__item {
flex: 0 0 33%;
margin: 0 0 3rem 0
}
}
.events__item a:focus,
.events__item a:hover {
text-decoration: none
}
.events__item.hidden {
opacity: 0
}
.events__image {
background-color: #f7f7f7;
background-size: cover;
background-position: 50%;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 2rem;
width: 28rem;
height: 20rem
}
.events__title {
position: relative;
font-size: 2.2rem;
margin-bottom: 2.5rem;
font-weight: 100
}
.events .events__slider .slick-next,
.events .events__slider .slick-prev {
top: 50%!important
}
.events-archive {
max-width: 120rem;
margin: 0 auto 5rem auto
}
.events-archive h1 {
font-size: 4.5rem;
font-weight: 700;
margin-bottom: 1.8rem
}
.single-sundmus .page-category-detail__infoblock:last-child {
margin-bottom: 5rem
}
@media screen and (max-width:990px) {
.page-template-page-events .real-estate__show-hide-search,
.page-template-page-events-archive .real-estate__show-hide-search,
.page-template-page-news .real-estate__show-hide-search {
float: none
}
}
.site-header__submenu li:not(.current-menu-item) .sub-menu {
display: none
}
#menu-item-357 .sub-menu,
#menu-item-359 .sub-menu {
display: none
}
.default-slider h2 {
font-size: 2.8rem;
font-weight: 700;
color: #2b2b2b;
margin-bottom: 4rem
}
.default-slider__listings {
max-width: 137rem;
margin: 0 auto;
padding: 20px 5%
}
.default-slider__items {
display: flex;
flex-wrap: wrap
}
.default-slider__item {
width: 28rem;
margin: 0 2rem 2rem 0;
opacity: 1;
transition: opacity 1.25s;
position: relative
}
@media screen and (max-width:990px) {
.default-slider__item {
flex: 0 0 100%;
margin: 0 0 3rem 0
}
}
.default-slider__item a:focus,
.default-slider__item a:hover {
text-decoration: none
}
.default-slider__item.hidden {
opacity: 0
}
.default-slider__image {
background-color: #f7f7f7;
background-size: cover;
background-position: 50%;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 2rem;
width: 28rem;
height: 20rem;
z-index: -1
}
.default-slider__title {
position: relative;
line-height: normal;
font-size: 2.2rem;
margin-bottom: 2.5rem;
font-weight: 100
}
.default-slider__date {
position: absolute;
opacity: 0;
padding: 5px;
background-color: #2c3258;
color: #fff;
height: 3rem;
text-align: center;
line-height: 1.7;
text-transform: uppercase;
top: 17rem
}
.default-slider__date:after {
content: "";
position: absolute;
right: -5px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
.default-slider .slick-prev {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg)!important;
background-repeat: no-repeat!important;
transform: rotate(180deg)!important;
background-size: 16px 25px!important;
top: 33%!important;
width: 16px!important;
height: 25px!important
}
.default-slider .slick-prev:before {
content: ""!important;
opacity: 1!important
}
.default-slider .slick-next {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg)!important;
background-repeat: no-repeat!important;
width: 16px!important;
height: 25px!important;
background-size: 16px 25px!important;
top: 33%!important
}
.default-slider .slick-next:before {
content: ""!important;
opacity: 1!important
}
.single-sundmus .default-slider__listings,
.single-uudis .default-slider__listings {
margin: inherit
}
.default-slider.mobile-slider {
display: none
}
@media screen and (max-width:990px) {
.default-slider.mobile-slider {
display: inline-block;
max-width: 90%;
margin-left: 2rem
}
.default-slider.mobile-slider .default-slider__image {
width: 100%
}
.default-slider.mobile-slider .slick-arrow,
.default-slider.mobile-slider .slick-arrow:hover {
background-color: transparent!important
}
.default-slider.mobile-slider .slick-slide {
width: 28rem
}
.default-slider.mobile-slider .default-slider__title {
max-width: 28rem;
font-size: 20px;
margin-bottom: 1.5rem;
font-weight: 300;
position: absolute;
bottom: 0;
color: #fff;
font-size: 2.6rem;
font-weight: 700;
font-style: normal;
margin-left: 1rem;
margin-bottom: 3rem;
width: 100%
}
.default-slider.mobile-slider .default-slider__title h4 {
font-size: 2rem;
margin-top: 1rem
}
.default-slider.mobile-slider .default-slider__date {
padding: 1rem;
background-color: #2c3258;
color: #fff;
height: 3rem;
text-align: center;
line-height: 1;
text-transform: uppercase;
z-index: 1;
font-size: 1.2rem;
position: unset;
max-width: 20rem
}
.default-slider.mobile-slider .default-slider__date:after {
content: "";
position: absolute;
right: unset;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 31px 6px;
border-color: #2c3258 transparent transparent transparent
}
.default-slider.mobile-slider .slick-arrow {
top: 45%!important
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block;
opacity: 1
}
.slick-initialized .slick-slide .default-slider__date {
opacity: 1
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-slide {
max-width: 28rem;
margin-left: 2rem;
opacity: 0
}
.single-sundmus .slick-prev,
.single-uudis .slick-prev {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg)!important;
background-repeat: no-repeat!important;
transform: rotate(180deg)!important;
background-size: 16px 25px!important;
top: 33%!important;
width: 16px!important;
height: 25px!important
}
.single-sundmus .slick-prev:before,
.single-uudis .slick-prev:before {
content: ""!important;
opacity: 1!important
}
.single-sundmus .slick-next,
.single-uudis .slick-next {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right.svg)!important;
background-repeat: no-repeat!important;
width: 16px!important;
height: 25px!important;
background-size: 16px 25px!important;
top: 33%!important
}
.single-sundmus .slick-next:before,
.single-uudis .slick-next:before {
content: ""!important;
opacity: 1!important
}
.events__slider .slick-slide:first-child {
width: 58rem
}
.events__slider .slick-slide.events__item--right {
width: 58rem;
height: 58rem;
max-width: 58rem!important
}
.slick-loading .slick-list {
background: #fff url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/ajax-loader.gif) center center no-repeat
}
@font-face {
font-family: slick;
src: url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/fonts/slick.eot);
src: url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/fonts/slick.woff) format("woff"), url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/fonts/slick.ttf) format("truetype"), url(https://parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/css/fonts/slick.svg#slick) format("svg");
font-weight: 400;
font-style: normal
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: 0;
background: 0 0;
color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,
.slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir=rtl] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir=rtl] .slick-next:before {
content: "←"
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: 0 0;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: slick;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.landing-blocks {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 6rem 5%
}
@media screen and (max-width:990px) {
.landing-blocks {
padding: 3rem 5%;
overflow: hidden
}
}
.landing-blocks-subpage {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 5% 6rem 5%;
margin-top: -8rem;
}
@media screen and (max-width: 990px) {
.landing-blocks-subpage {
padding: 3rem 5%;
overflow: hidden;
}
}
.landing-block {
width: calc(33.3% - 2rem);
text-align: center;
margin-bottom: 2rem;
margin-right: 2rem;
cursor: pointer
}
@media screen and (max-width:990px) {
.landing-block {
flex: 0 0 100%;
width: 100%;
margin: 0 0 3rem 0
}
}
.landing-block:nth-child(3n+3) {
margin-right: 0
}
.landing-block:hover .landing-block__more {
left: 0
}
.landing-block:hover .landing-block__title a:before {
background-color: #2b3258
}
.landing-block:hover .landing-block__title a {
color: #0a4c8a
}
.landing-block__image {
position: relative;
padding-top: 48%
}
@media screen and (max-width:990px) {
.landing-block__image {
padding-top: 35%
}
}
.landing-block__image:after,
.landing-block__image:before {
transition: width .3s;
content: "";
position: absolute;
left: -3rem;
top: 0;
width: 6rem;
height: 105%;
background: #fff;
transform: skew(-6deg);
z-index: 1
}
@media screen and (min-width:1921px) {
.landing-block__image:after,
.landing-block__image:before {
width: 8rem
}
}
@media screen and (max-width:990px) {
.landing-block__image:after,
.landing-block__image:before {
top: -2px
}
}
.landing-block__image:after {
left: auto;
right: -3rem
}
.landing-block__visual {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-style: hidden;
background-size: cover;
background-position: 50%;
overflow: hidden
}
.landing-block__more {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 100%;
background-color: #2b3258;
color: #fff;
transition: all .4s;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.7rem;
font-weight: 700;
letter-spacing: .5px
}
.landing-block__more svg {
margin-left: 1.3rem;
fill: #fff
}
.landing-block__title {
font-weight: 700;
color: #2b2b2b;
font-size: 1.6rem;
text-transform: uppercase;
margin-top: 1.5rem
}
.landing-block__title a {
text-decoration: none;
display: flex;
justify-content: center;
align-items: center
}
.landing-block__title a:before {
content: "";
width: .5rem;
height: .5rem;
background-color: #d5a86c;
display: inline-block;
margin-right: 1rem;
position: relative;
top: -1px;
transition: all .3s
}
.space {
margin-bottom: 6rem;
cursor: pointer;
transition: all .3s;
min-height: 30px
}
.space:hover .space__more svg {
top: .2rem;
fill: #0a4c8a
}
.space__more,
.space__more-start {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.space__more span,
.space__more-start span {
font-size: 1.4rem;
font-weight: 300;
letter-spacing: .5px
}
.space__more-start:focus span,
.space__more-start:hover span,
.space__more:focus span,
.space__more:hover span {
color: #0a4c8a
}
.space__more-start:focus svg,
.space__more-start:hover svg,
.space__more:focus svg,
.space__more:hover svg {
fill: #0a4c8a
}
.space__more svg,
.space__more-start svg {
margin-top: .7rem;
transition: all .3s;
position: relative;
top: 0
}
.space__more {
opacity: 0;
height: 0;
max-height: 0;
overflow: hidden
}
.space__more-start {
width: 100px;
margin: 0 auto
}
.space__more-start-wrap {
z-index: 4;
width: 100%;
min-height: 30px;
margin: 0 0 6rem;
text-align: center;
position: fixed;
bottom: 0
}
.space.free .space__more-start-wrap+.space__more {
opacity: 1;
height: auto;
max-height: initial;
overflow: visible
}
.space.free .space__more-start-wrap {
margin: 0;
position: relative;
opacity: 0;
max-height: 0;
min-height: 0;
height: 0;
overflow: hidden;
margin-bottom: 0
}
.slide-text-big-image {
display: flex;
width: 100%;
align-items: center
}
@media screen and (max-width:990px) {
.slide-text-big-image {
flex-wrap: wrap
}
}
.slide-text-big-image__left,
.slide-text-big-image__right {
width: 50%
}
.slide-text-big-image__left {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 2.8rem;
font-weight: 700;
padding: 0 5%
}
@media screen and (max-width:990px) {
.slide-text-big-image__left {
flex: 0 0 100%;
margin: 0 0 5rem
}
}
.slide-text-big-image__left h4 {
margin: 4rem 0 3rem;
font-size: 2.2rem
}
.slide-text-big-image__left ul {
column-count: 2;
width: 100%
}
@media screen and (max-width:990px) {
.slide-text-big-image__left ul {
column-count: 1
}
}
.slide-text-big-image__left li {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin-bottom: 1rem;
color: #2b2b2b;
margin-right: 3rem;
display: flex;
align-items: flex-start;
break-inside: avoid-column;
page-break-inside: avoid
}
.slide-text-big-image__left li:before {
content: "";
width: .5rem;
height: .5rem;
min-width: .5rem;
background-color: #d5a86c;
display: block;
margin-right: 10px;
margin-right: 1rem;
position: relative;
top: .5em;
vertical-align: top;
transition: all .3s
}
.slide-text-big-image__left li a {
text-decoration: none;
position: relative
}
.slide-text-big-image__right {
min-height: 100vh;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/pages/landing/map.png);
background-size: cover;
background-position: 50%;
position: relative
}
@media screen and (max-width:990px) {
.slide-text-big-image__right {
flex: 0 0 100%;
margin: 0
}
}
.slide-text-big-image__right a {
min-height: 100vh;
display: block
}
.slide-text-big-image__block {
display: flex;
flex-direction: column;
position: absolute;
left: 0;
bottom: 0;
transform: translateX(-20%)
}
.slide-button-link {
min-height: initial;
margin-bottom: 6rem
}
@media screen and (max-width:990px) {
.slide-button-link a {
width: 100%
}
}
.slide-button-link__block {
position: relative;
width: 380px
}
.slide-button-link__block:after {
width: 100%;
height: 100%
}
.slide-button-link--mobile {
display: none
}
@media screen and (max-width:990px) {
.slide-button-link--mobile {
display: flex
}
}
.slide-button-link__block,
.slide-text-big-image__block {
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 7rem 1.5rem;
color: #fff
}
@media screen and (max-width:990px) {
.slide-button-link__block,
.slide-text-big-image__block {
transform: translateX(0);
width: 100%;
padding: 3rem 3rem 3rem 4rem
}
}
.slide-button-link__block:after,
.slide-text-big-image__block:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2b3258;
z-index: -1;
transform: skew(-6deg)
}
@media screen and (max-width:990px) {
.slide-button-link__block:after,
.slide-text-big-image__block:after {
transform: skew(0);
width: 100%
}
}
.slide-button-link__block h4,
.slide-text-big-image__block h4 {
font-size: 2.8rem;
font-weight: 700;
color: #fff;
margin-bottom: 1rem;
position: relative
}
.slide-button-link__block h4:before,
.slide-text-big-image__block h4:before {
content: "";
width: .8rem;
height: .8rem;
top: 1rem;
left: -2.4rem;
background-color: #d5a86c;
position: absolute
}
.slide-button-link__block a,
.slide-text-big-image__block a {
font-size: 1.6rem;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
text-decoration: none;
color: #fff
}
.slide-button-link__block span,
.slide-text-big-image__block span {
line-height: 2.5;
font-size: 16px;
font-weight: 700;
letter-spacing: .5px
}
.slide-button-link__block span svg,
.slide-text-big-image__block span svg {
margin-left: 1.4rem;
position: relative;
top: 2px;
fill: #fff;
transition: margin .3s
}
.slide-button-link__block:hover span svg,
.slide-text-big-image__block:hover span svg {
margin-left: 1.6rem
}
.slide-with-image {
position: relative
}
.slide-with-image:after {
content: "";
position: absolute;
width: 2.5rem;
height: 2.5rem;
right: 0;
top: 0;
background-color: #d5a86c
}
.slide-with-image.slide--dark:after {
right: auto;
top: 0;
left: 0;
bottom: auto;
background-color: #2b3258
}
.slide-with-image.slide--dark .slide-with-image__text {
right: 8%;
left: auto
}
.slide-with-image.slide--dark .slide-with-image__big {
color: #d5a86c
}
.slide-with-image__text {
position: absolute;
left: 8%;
bottom: 15%
}
.slide-with-image__small {
font-size: 2.8rem;
font-weight: 700;
color: #fff;
width: 100%;
float: left;
clear: both;
line-height: 1.2
}
.slide-with-image__big {
font-size: 20rem;
font-weight: 700;
line-height: 1;
color: #D5A86C;
width: 100%;
float: left;
clear: both
}
@media screen and (max-width:990px) {
.slide-with-image__big {
font-size: 15rem
}
}
.slide-with-image__button {
font-size: 1.6rem;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
color: #fff;
float: left;
clear: both;
text-decoration: none;
margin-top: 2.5rem;
display: flex;
align-items: center
}
.slide-with-image__button svg {
margin-left: 1.4rem;
position: relative;
transition: margin .3s;
fill: #fff
}
.slide-with-image__button:focus svg,
.slide-with-image__button:hover svg {
margin-left: 1.6rem
}
.slide-with-image__wrap-link {
display: block;
min-height: 100vh
}
.stories-container {
font-family: Sansation;
width: 100%
}
.stories-container__title {
width: 100%;
font-size: 28px;
font-weight: 700;
text-align: left;
color: #2b2b2b;
padding: 12rem 9.3rem 4rem
}
@media screen and (max-width:990px) {
.stories-container__title {
padding: 7rem 5% 4rem
}
}
.stories-container .slide-story-big-image {
display: flex;
width: 100%;
align-items: center
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image {
flex-wrap: wrap
}
}
.stories-container .slide-story-big-image__left,
.stories-container .slide-story-big-image__right {
min-height: 100vh;
width: 50%
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__left,
.stories-container .slide-story-big-image__right {
width: 100%
}
}
.stories-container .slide-story-big-image__right {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0 7%;
font-size: 16px;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
text-align: left;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__right {
padding: 0 5% 5rem;
margin: 5rem 0 0;
min-height: auto
}
}
.stories-container .slide-story-big-image__right .content p {
margin-bottom: 3rem
}
.stories-container .slide-story-big-image__right .next-item__button .button {
padding: 0 20px;
display: inline-block;
transition: color .3s, fill .3s
}
.stories-container .slide-story-big-image__right .next-item__button .button span {
position: relative;
margin-left: 1.5rem;
top: 2px
}
.stories-container .slide-story-big-image__right .next-item__button .button:hover {
fill: #0a4c8a
}
.stories-container .slide-story-big-image__right .quote {
margin-bottom: 4rem;
font-size: 45px;
font-weight: 700;
text-align: left;
color: #2b2b2b;
line-height: 55px
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__right .quote {
font-size: 20px;
padding: 0 3.7rem;
position: relative
}
}
.stories-container .slide-story-big-image__right .quote:after {
bottom: 12px;
right: auto;
margin-left: 15px
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__right .quote:before {
left: 0
}
}
.stories-container .slide-story-big-image__left {
background-size: cover;
background-position: 50%;
padding-top: 54%;
position: relative;
min-height: 100vh
}
.stories-container .slide-story-big-image__block {
display: flex;
flex-direction: column;
position: absolute;
right: 0;
bottom: 0;
transform: translateX(20%);
justify-content: center;
padding: 3rem 7rem 3rem;
color: #fff;
min-width: 400px
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__block {
min-width: 100%;
transform: translateX(0);
max-width: 100%;
background-color: #2b3258
}
}
.stories-container .slide-story-big-image__block:after {
content: "";
width: 3.8rem;
height: 1.6rem;
background-color: #2b3258;
position: absolute;
top: 0;
right: 0;
left: auto!important;
width: 100%;
height: 100%;
z-index: -1;
transform: skew(-6deg)
}
@media screen and (max-width:990px) {
.stories-container .slide-story-big-image__block:after {
display: none
}
}
.stories-container .slide-story-big-image__block h4 {
font-size: 2.8rem;
font-weight: 700;
color: #fff;
margin: 0 0 2.4rem;
position: relative
}
.stories-container .slide-story-big-image__block h4:before {
content: "";
width: .8rem;
height: .8rem;
top: 1rem;
left: -2.4rem;
background-color: #d5a86c;
position: absolute
}
.stories-container .slide-story-big-image__block .profession {
color: #fff;
font-size: 17px;
font-weight: 700;
margin-bottom: .5rem
}
.stories-container .slide-story-big-image__block .location {
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.container__category__items {
padding: 12rem 9.3rem
}
@media screen and (max-width:990px) {
.container__category__items {
padding: 0 5% 0
}
}
.container__category__items:after {
content: "";
display: table;
clear: both
}
.container__category__items .category__items-next {
display: none
}
.container__category__items a {
display: block
}
.container__category__items span.more {
float: right;
display: block;
font-size: 16px;
font-weight: 700;
letter-spacing: .5px;
line-height: 2.5;
text-align: right;
text-decoration: none;
color: #2b2b2b;
transition: color .3s
}
.container__category__items span.more:focus,
.container__category__items span.more:hover {
color: #0a4c8a
}
.container__category__items span.more:focus.icon-location:before,
.container__category__items span.more:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
@media screen and (max-width:990px) {
.container__category__items span.more {
float: left
}
}
.container__category__items span.more svg {
transition: fill .3s;
fill: #2b2b2b;
margin-left: 1.4rem;
top: .3rem;
display: inline-block;
clear: both;
position: relative;
width: 1rem;
height: 1.6rem
}
.container__category__items span.more:active svg,
.container__category__items span.more:hover svg {
fill: #0a4c8a
}
.container__category__items .category__slide {
display: none
}
.places {
font-family: Sansation
}
@media screen and (max-width:990px) {
.places-container {
padding-bottom: 7rem
}
}
.places-container__title {
width: 100%;
font-size: 28px;
font-weight: 700;
text-align: left;
color: #2b2b2b;
padding: 0 9.3rem 4rem
}
@media screen and (max-width:990px) {
.places-container__title {
padding: 7rem 5% 2rem
}
}
.places__nav {
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
text-align: left;
float: right;
color: #2b2b2b
}
@media screen and (max-width:990px) {
.places__nav {
float: none;
clear: both;
display: block;
margin: 2rem 0 0 0
}
}
.places__nav-item {
margin-left: 3vh;
cursor: pointer;
transition: color .3s
}
@media screen and (max-width:990px) {
.places__nav-item {
margin: 0 3vh 0 0
}
}
.places__nav-item.active,
.places__nav-item:focus,
.places__nav-item:hover {
color: #d5a86c
}
.places__slide-container {
margin: 0 9.3rem 4rem;
width: 100%;
display: none
}
@media screen and (max-width:990px) {
.places__slide-container {
margin: 0;
padding: 0 5%
}
}
.places__slide-container.active {
display: flex
}
.places__slide-container .category__image {
margin-bottom: 0
}
.places__slide-container-main,
.places__slide-container-small {
width: 50%
}
@media screen and (max-width:990px) {
.places__slide-container-main,
.places__slide-container-small {
width: 100%
}
}
.places__slide-container-main .category__item,
.places__slide-container-small .category__item {
margin: 0;
padding: 0;
transition: opacity .3s
}
.places__slide-container-main .category__item.over .category__caption,
.places__slide-container-small .category__item.over .category__caption {
right: 0
}
.places__slide-container-main .category__item.over .category__caption:after,
.places__slide-container-small .category__item.over .category__caption:after {
right: calc(100% - 2.5rem)!important;
transform: skew(-6deg);
transition: all .3s
}
.places__slide-container-main .category__item .category__caption,
.places__slide-container-small .category__item .category__caption {
right: -120%;
width: calc(70% - 2vh)
}
.places__slide-container-main .category__item .category__description,
.places__slide-container-small .category__item .category__description {
font-size: 16px;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
text-align: left;
color: #fff
}
.places__slide-container-main .category__item .category__link,
.places__slide-container-small .category__item .category__link {
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
text-align: left;
color: #fff
}
.places__slide-container-main .category__item .category__link:after,
.places__slide-container-small .category__item .category__link:after {
content: " ";
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-right-white.svg);
background-repeat: no-repeat;
background-position: 100% 0;
width: 1rem;
height: 1.6rem;
position: relative;
margin-left: 1.4rem;
top: .3rem;
display: inline-block;
clear: both;
color: #fff;
fill: #fff!important
}
@media screen and (max-width:990px) {
.places__slide-container-main {
display: none
}
}
.places__slide-container-main__wrap {
position: relative
}
.places__slide-container-main__wrap .category__item {
width: 100%;
position: absolute;
opacity: 1;
top: 0;
left: 0;
transition: opacity 1s
}
.places__slide-container-main__wrap .category__item.fade-out {
opacity: 0
}
.places__slide-container-main__wrap .category__item:first-child {
position: relative
}
.places__slide-container-small {
margin-left: 2vh
}
@media screen and (max-width:990px) {
.places__slide-container-small {
margin: 0
}
}
.places__slide-container-small .category__item {
width: calc(50% - 10px);
display: inline-block
}
.places__slide-container-small .category__item:last-child {
margin-left: 20px
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item:last-child {
margin: 0 0 2rem
}
}
.places__slide-container-small .category__item:first-child,
.places__slide-container-small .category__item:only-child {
margin: 0 20px 20px 0
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item:first-child,
.places__slide-container-small .category__item:only-child {
margin: 0 0 2rem
}
}
.places__slide-container-small .category__item:nth-child(-n+3):nth-child(n+2) {
margin: 0
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item:nth-child(-n+3):nth-child(n+2) {
margin: 0 0 2rem
}
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item {
width: 100%;
display: block;
margin: 0 0 2rem
}
}
.places__slide-container-small .category__item .category__caption {
display: none
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item .category__caption {
display: block;
width: calc(100% - 3.1rem)
}
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item .category__title {
margin-bottom: 1rem
}
}
@media screen and (max-width:990px) {
.places__slide-container-small .category__item .category__description {
display: none
}
}
.places__map {
display: block;
width: 100%;
text-align: right
}
.places__map-container {
margin: 0 9.3vh;
padding-bottom: 12rem
}
@media screen and (max-width:990px) {
.places__map-container {
margin: 0;
padding: 0 5%
}
}
@media screen and (max-width:990px) {
.places__map {
text-align: left
}
}
.places__map a {
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
color: #2b2b2b;
transition: color .3s;
margin-right: 0
}
.places__map a:focus,
.places__map a:hover {
color: #0a4c8a
}
.places__map a:focus.icon-location:before,
.places__map a:hover.icon-location:before {
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/location-blue-twilight.svg)
}
.category__items {
display: flex;
flex-wrap: wrap
}
.category__items__load-more {
flex-basis: 100%;
margin-bottom: 7vh
}
.category__items__load-more-button {
opacity: 0;
min-width: 17vh;
height: 4.5vh;
border-radius: 3px;
background-color: #2b3258;
padding-left: 2vh;
padding-right: 1.5vh;
display: inline-block;
font-family: Sansation;
font-size: 16px;
font-weight: 700;
line-height: 2.81;
letter-spacing: .5px;
text-align: center;
color: #fff;
cursor: pointer;
transition: background-color .3s
}
@media screen and (max-width:990px) {
.category__items__load-more-button {
height: auto;
text-align: center
}
}
.category__items__load-more-button:hover {
background-color: #0a4c8a
}
.category__items__load-more-button.loading {
background-color: #2b3258;
cursor: default
}
.category__items__load-more-button:after {
content: "";
white-space: nowrap;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-down-double.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 1.7vh 1.5vh;
width: 1.5vh;
height: 1.7vh;
display: inline-block;
position: relative;
top: 4px;
margin-left: 1.5vh
}
.category__items+.subpage-slide.next-page {
margin: 0
}
.category__item {
width: calc(25% - 1.5rem);
margin: 0 2rem 6rem 0;
opacity: 1;
transition: opacity 1.25s
}
.category__item:nth-child(4n+4) {
margin-right: 0
}
@media screen and (max-width:990px) {
.category__item {
flex: 0 0 100%;
margin: 0 0 3rem 0
}
}
.category__item a:focus,
.category__item a:hover {
text-decoration: none
}
.category__item:hover .category__caption {
right: 0
}
.category__item:hover .category__caption:after {
right: calc(100% - 3.1rem);
transform: skew(-6deg)
}
.category__item.hidden {
opacity: 0
}
.category__image {
background-color: #f7f7f7;
background-size: cover;
background-position: 50%;
padding-top: 100%;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 2rem
}
.category__title {
position: relative;
font-size: 2.2rem;
margin-bottom: 2.5rem;
font-weight: 300
}
.category__title:after {
content: "";
width: .5rem;
height: .5rem;
background-color: #d5a86c;
position: absolute;
left: -2rem;
top: 50%;
margin-top: -.25rem
}
.category__caption {
position: absolute;
right: -200%;
bottom: 0;
background-color: #2b3258;
color: #fff;
padding: 2.5rem 3.4rem 2.5rem 6rem;
transition: all .3s;
display: flex;
flex-direction: column;
z-index: 1
}
@media screen and (min-width:991px) and (max-width:1366px) {
.category__caption {
right: 0;
position: relative;
padding: 2.5rem 2rem 2.5rem 4rem
}
}
@media screen and (max-width:990px) {
.category__caption {
right: 0;
width: calc(100% - 3.1rem)
}
}
.category__caption:after {
content: "";
width: 4rem;
height: 100%;
background-color: #2b3258;
position: absolute;
top: 0;
right: calc(100% - 0rem);
transform: skew(0);
z-index: -1;
transition: all .3s
}
@media screen and (max-width:990px) {
.category__caption:after {
transform: skew(-6deg);
right: calc(100% - 3.1rem)
}
}
.category__field,
.category__location {
width: 100%;
float: left
}
.category__field {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: .5rem;
text-transform: uppercase
}
.category__location {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.category__pretext {
font-size: 2.2rem;
font-weight: 100;
padding-left: 17px
}
.category__pretext p {
font-size: 2.2rem;
margin: 0 0 0 -17px;
line-height: 1.2;
font-weight: 100;
}
.category__pretext p.quote--small {
margin-left: 0
}
.category__pretext p.quote--small:before {
margin-left: -17px
}
.category__pretext p.quote--small:after {
margin-left: -14px
}
.category__pretext span {
font-size: 16px;
font-weight: 700;
line-height: 2.5;
letter-spacing: .5px;
display: block;
margin-top: 3.5rem;
margin-left: -17px;
text-decoration: none
}
@media screen and (max-width:990px) {
.category__pretext span {
margin-top: 1rem
}
}
.category__pretext span svg {
width: .92rem;
height: 1.5rem;
position: relative;
margin-left: 1.3rem;
top: 3px;
display: inline-block;
fill: #2b2b2b;
transition: fill .3s
}
.category__item:active .category__pretext span svg,
.category__item:hover .category__pretext span svg {
fill: #0a4c8a
}
.category--more {
padding: 7rem 0;
display: flex;
flex-wrap: wrap
}
.page-category-detail {
padding-top: 3.1rem;
color: #2b2b2b
}
.page-category-detail a {
text-decoration: none
}
.page-category-detail h1 {
font-size: 4.5rem;
font-weight: 700;
margin-bottom: 1.8rem
}
.page-category-detail h2 {
font-size: 2.8rem;
font-weight: 700;
color: #2b2b2b;
margin-bottom: -1rem
}
.page-category-detail span.company-name {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px;
margin-bottom: 6rem;
position: relative;
margin-left: 1.5rem;
display: block
}
.page-category-detail span.company-name:after {
content: "";
width: .5rem;
height: .5rem;
background-color: #d5a86c;
position: absolute;
left: -1.5rem;
top: 50%;
margin-top: -.25rem
}
.page-category-detail__caption {
position: absolute;
right: 0;
bottom: 0;
background-color: #2b3258;
color: #fff;
padding: 2.5rem 4.4rem 2.5rem 5rem;
transition: all .3s;
display: flex;
flex-direction: column;
z-index: 1
}
.page-category-detail__caption:after {
content: "";
width: 4rem;
height: 100%;
background-color: #2b3258;
position: absolute;
top: 0;
right: calc(100% - 3rem);
transform: skew(-6deg);
z-index: -1;
transition: all .3s
}
.page-category-detail__title {
position: relative;
font-size: 2.2rem;
margin-bottom: 2.5rem;
font-weight: 300
}
.page-category-detail__title:after {
content: "";
width: .5rem;
height: .5rem;
background-color: #d5a86c;
position: absolute;
left: -2rem;
top: 50%;
margin-top: -.25rem
}
.page-category-detail__field,
.page-category-detail__location {
width: 100%;
float: left
}
.page-category-detail__field {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: .5rem;
text-transform: uppercase
}
.page-category-detail__location {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.56;
letter-spacing: .5px
}
.page-category-detail__content {
display: flex;
flex-direction: row;
justify-content: space-between;
flex: 1
}
@media screen and (max-width:990px) {
.page-category-detail__content {
flex-wrap: wrap
}
}
.page-category-detail__image {
width: 100%;
padding-top: 100%;
background-color: #f7f7f7;
background-size: cover;
background-position: 50%;
position: relative
}
.page-category-detail__information {
margin-top: 3.7rem
}
.page-category-detail__left {
width: 60%;
margin-right: 12rem
}
@media screen and (max-width:990px) {
.page-category-detail__left {
width: 100%;
margin-right: 0;
order: 2
}
}
.page-category-detail__left a {
color: #00f
}
.page-category-detail__left__link {
font-size: 16px;
letter-spacing: .5px
}
.page-category-detail__left__link:focus {
outline: 0
}
@media screen and (max-width:990px) {
.page-category-detail__left .quote {
padding: 0 3.7rem;
position: relative;
display: block
}
.page-category-detail h1 {
font-size: 3rem;
}
}
@media screen and (max-width:990px) {
.page-category-detail__left .quote:after {
right: 0
}
}
@media screen and (max-width:990px) {
.page-category-detail__left .quote:before {
left: 0
}
}
.page-category-detail__right {
width: 40%
}
@media screen and (max-width:990px) {
.page-category-detail__right {
width: 100%;
order: 1;
margin-bottom: 4rem
}
}
.page-category-detail__infoblock {
display: block;
font-size: 1.6rem;
line-height: 2.5;
letter-spacing: .5px;
float: left;
width: 100%;
margin-bottom: 1.5rem;
color: #2b2b2b
}
.page-category-detail__infoblock.wide .page-category-detail__infolabel {
margin-bottom: 1.5rem
}
.page-category-detail__infoblock.wide .page-category-detail__infolabel,
.page-category-detail__infoblock.wide .page-category-detail__infovalue {
width: 100%
}
.page-category-detail__infolabel,
.page-category-detail__infovalue {
float: left;
line-height: 1.56;
margin-bottom: 1rem
}
.page-category-detail__infolabel {
font-weight: 700;
margin-right: 2rem
}
.page-category-detail__infovalue {
font-weight: 300
}
.page-category-detail .next-page {
margin: 0
}
@media screen and (min-width:991px) and (max-width:1366px) {
.piv-landing .category__image {
max-height: 275px
}
.piv-landing .category__caption {
display: none
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.stories-container.piv-landing {
min-height: 1100px
}
.stories-container.piv-landing .quote {
font-size: 30px;
line-height: 40px
}
.stories-container.piv-landing .content {
font-size: 14px
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.container__category__items.piv-landing {
padding: 5rem 9.3rem
}
}
@media screen and (min-width:991px) and (max-width:1366px) {
.page-content.category.category--more .category__caption {
display: none
}
.page-content.category.category--more .category__image {
max-height: 275px
}
}
.profile-settings__form {
width: 580px
}
.profile-settings__form .form__field {
position: relative
}
.profile-settings__form .form__field--required::after {
content: "*";
position: absolute;
right: -25px;
bottom: 16px;
font-size: 34px;
color: #d5a86c;
font-weight: 700
}
.profile-settings__form .form__input {
width: 100%;
height: 45px;
line-height: 45px;
margin-bottom: 20px
}
.profile-settings__form .form__label {
margin-bottom: 10px
}
.profile-settings__form__footer {
text-align: right;
margin-top: 20px
}
.profile-settings__form .button {
padding: 0 20px
}
.profile-settings__form a {
color: #2b3258;
text-decoration: underline
}
.real-estate__cols {
display: flex;
padding: 0 16%
}
@media screen and (min-width:991px) and (max-width:1366px) {
.real-estate__cols {
padding: 0
}
}
@media screen and (max-width:990px) {
.real-estate__cols {
flex-wrap: wrap;
padding: 0
}
}
@media screen and (max-width:990px) {
.real-estate .sort__links {
padding: 6rem 0 0 0;
width: 100%
}
.real-estate .sort__links>span {
font-size: 14px
}
}
@media screen and (max-width:990px) {
.real-estate__sort {
margin-bottom: 0
}
}
.real-estate__listings {
flex: 1
}
@media screen and (max-width:990px) {
.real-estate__listings {
flex: 0 0 100%;
padding-top: 2rem
}
}
.real-estate__filters .hide {
display: none
}
@media screen and (max-width:990px) {
.real-estate .filters__title {
background: #f7f7f7;
border-radius: .3rem;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
padding: 1em;
cursor: pointer;
margin: 0 0 .4rem
}
}
.real-estate__listing {
display: flex;
justify-content: space-between;
margin-bottom: 4px;
padding: 15px;
background-color: #f7f7f7;
color: #2b2b2b;
font-size: 14px;
letter-spacing: .4px
}
@media screen and (min-width:991px) and (max-width:1366px) {
.real-estate__listing {
flex-wrap: wrap
}
}
@media screen and (max-width:990px) {
.real-estate__listing {
flex-wrap: wrap
}
}
.real-estate__listing__col {
position: relative
}
.real-estate__listing__col--middle {
flex: 1
}
@media screen and (max-width:990px) {
.real-estate__listing__col--middle {
flex: 0 0 100%
}
}
.real-estate__listing__col--last {
width: 185px;
text-align: right
}
@media screen and (min-width:991px) and (max-width:1366px) {
.real-estate__listing__col--last {
flex: 0 0 100%;
text-align: left;
padding: 1em 0 0
}
}
@media screen and (max-width:990px) {
.real-estate__listing__col--last {
width: 100%;
margin-top: 15px;
text-align: left
}
}
.real-estate__listing__col--last .real-estate__listing__labels {
right: 0
}
@media screen and (max-width:990px) {
.real-estate__listing__col--last .real-estate__listing__labels {
display: none
}
}
.real-estate__listing__image {
width: 225px;
height: 150px;
margin-right: 15px;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.real-estate__listing__image span {
display: none
}
@media screen and (max-width:990px) {
.real-estate__listing__image {
position: relative;
width: 100%
}
.real-estate__listing__image span {
margin-right: 4px;
position: absolute;
right: 0
}
.real-estate__listing__image span:last-child {
top: 26px;
margin-right: 4px
}
}
.real-estate__listing h3 {
margin-top: 5px;
margin-bottom: 10px;
font-weight: 300;
font-size: 22px
}
.real-estate__listing__labels {
position: absolute;
left: 0;
bottom: 3px
}
@media screen and (max-width:990px) {
.real-estate__listing__labels {
flex: 0 0 100%;
position: relative;
bottom: 0;
display: flex;
clear: both
}
}
.real-estate__listing__label {
background-color: #fff;
padding: 5px 5px 3px 5px;
margin-right: 7px;
border-radius: 2px;
display: inline-block;
vertical-align: top
}
@media screen and (max-width:990px) {
.real-estate__listing__label {
display: block!important;
margin-top: .4rem
}
}
.real-estate__listing__label:last-child {
margin-right: 0
}
.real-estate__listing__label--new {
color: #fff;
background: #9ecbb2;
font-size: 12px;
text-transform: uppercase
}
.real-estate__listing__price {
font-size: 22px;
font-weight: 700;
margin-bottom: 40px;
display: block
}
.real-estate__listing__price.hidden {
display: none
}
@media screen and (max-width:990px) {
.real-estate__listing__price {
font-size: 16px;
display: none;
margin-bottom: 9px
}
.real-estate__listing__price.hidden {
float: right;
display: inline
}
}
.real-estate__listing__price-per {
color: #b9b9b9;
font-weight: 700
}
@media screen and (min-width:991px) and (max-width:1366px) {
.real-estate__listing__price-per {
display: inline-block;
vertical-align: top;
width: 100%;
position: absolute;
bottom: 5px;
right: 0;
text-align: right;
margin-top: 10px
}
}
@media screen and (max-width:990px) {
.real-estate__listing__municipality {
line-height: normal;
letter-spacing: .5px;
text-align: left;
display: inline-block;
margin-bottom: 9px
}
}
@media screen and (max-width:990px) {
.real-estate__listing__title a {
font-size: 16px;
font-weight: 700;
line-height: 1.56;
letter-spacing: .5px;
text-align: left
}
}
.real-estate__search__filters {
padding-right: 0
}
.real-estate__search select {
width: 100%;
height: 100%;
border: none;
background-color: #f7f7f7;
font-size: 16px;
padding: 0 15px 0 20px
}
@media screen and (max-width:990px) {
.real-estate__search .sidebar--filters {
margin-top: 40px
}
}
.real-estate__map-link {
display: flex;
align-items: center;
margin-left: auto;
font-weight: 700
}
@media screen and (max-width:990px) {
.real-estate__map-link {
margin: 0 auto
}
}
.real-estate__map-link svg {
width: 21px;
height: 20px;
margin-right: 10px
}
.real-estate sup {
position: relative;
top: -.5em;
font-size: .6em
}
.real-estate .subpage-slide.next-page {
padding: 0 16%;
margin: 60px 0 0
}
@media screen and (min-width:991px) and (max-width:1366px) {
.real-estate .subpage-slide.next-page {
padding: 0
}
}
@media screen and (max-width:990px) {
.real-estate .subpage-slide.next-page {
padding: 0
}
}
@media screen and (max-width:990px) {
.real-estate .keyword-search {
margin-bottom: 2rem
}
.real-estate .keyword-search__save {
padding: 0 0 2rem 0
}
.real-estate .mobileSpacing {
padding-top: 5px!important
}
.real-estate__show-hide-search {
float: right;
font-size: 14px;
letter-spacing: .5px;
text-align: right;
cursor: pointer;
padding: 2rem 0
}
.real-estate__show-hide-search:after {
transform: rotate(180deg);
content: "";
display: inline-block;
width: 15px;
height: 10px;
margin-left: 5px;
background-image: url(//parnumaa.ee/wp-content/themes/parnumaa_infovarav/assets/images/icons/arrow-down.svg);
background-repeat: no-repeat;
transition: rotate .2s ease-in
}
.real-estate__show-hide-search.hide-estate-search:after {
transform: rotate(0)
}
.real-estate .real-estate-hide-search {
display: none
}
}
.real-estate__show-hide-search {
display: none
}
html:not([lang=et]) .places__map {
display: none
}