@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap); @import url(https://use.typekit.net/yje2ecw.css); /*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ ol { counter-reset: revert; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } a, div { -webkit-tap-highlight-color: transparent; } * { -webkit-user-drag: none; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-thumb { background: #D8D8D8; border-radius: 10px; cursor: pointer; } ::-webkit-scrollbar-thumb:hover { background: #718E3B; } a.post-edit-link, a.just-logout { background-color: black; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; font-size: 13px; text-transform: uppercase; color: white; position: fixed; left: -26px; top: 50%; margin-top: -13px; display: inline-block; font-weight: 600; z-index: 100000; transform: rotate(-90deg); } a.post-edit-link:active, a.just-logout:active { background-color: #718E3B; } @media only screen and (max-width: 1024px) { a.post-edit-link, a.just-logout { display: none; } } img.lazy { opacity: 0; transition-property: opacity, scale; transition-duration: 0.2s; } img.lazy.loaded { opacity: 1; } p.empty { font-size: 14px; color: #000000; } body, html { width: 100%; height: 100%; font-family: "Nunito Sans", sans-serif; font-size: 17px; } body { background-color: #FFFEFA; } body.page-template-text .article-content { padding-bottom: 96px; } @media only screen and (max-width: 1024px) { body.page-template-text .article-content { padding-bottom: 52px; } } body.show-cookies-modal .cookies { display: block; } .header { display: none; flex-direction: row; width: 100%; justify-content: space-between; position: absolute; height: 90px; top: 0px; left: 0px; width: 100%; z-index: 2; } @media only screen and (min-width: 1024px) { .header { padding: 64px; display: flex; } } .header a { color: white; } .header a.active { font-weight: 700; } .header .menu { display: flex; flex-direction: row; gap: 64px; position: relative; } @media only screen and (max-width: 1024px) { .header .menu { display: none; } } .header .menu .lang { display: flex; gap: 64px; } .header a.home { width: 100px; height: 68px; } @media only screen and (min-width: 1024px) { .header a.home { position: absolute; top: 50%; left: 50%; margin-left: -50px; height: 68px; margin-top: -34px; } } .header a.home svg { width: 100%; height: 100%; } .header a.home svg path { fill: white; } .header .button-micro { border: 1px solid #718E3B; border-radius: 64px; padding: 24px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; } .header .button-micro:active { background-color: #718E3B; } @media only screen and (min-width: 1024px) { .header .button-micro { transition-property: background-color; transition-duration: 0.2s; } .header .button-micro:hover { background-color: #718E3B; } } .mobile-header { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 3; display: none; } @media only screen and (max-width: 1024px) { .mobile-header { display: block; } } .mobile-header a { color: white; } .mobile-header a.active { font-weight: 700; } .mobile-header .lang { padding-left: 16px; padding-right: 16px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-header .lang a { padding-top: 24px; padding-bottom: 24px; display: inline-block; font-size: 14px; font-weight: 600; opacity: 0.7; } .mobile-header .lang a.active { font-weight: 700; opacity: 1; } .mobile-header .menu { padding-left: 16px; padding-right: 13px; padding-top: 24px; padding-bottom: 24px; display: flex; justify-content: space-between; position: relative; } .mobile-header .menu .mobile-menu { position: absolute; top: 87px; right: 16px; left: 16px; background-color: #ffffff; padding: 16px; padding-top: 10px; padding-bottom: 10px; border-radius: 8px; z-index: 2; opacity: 0; height: 0px; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } .mobile-header .menu .mobile-menu.show { height: auto; opacity: 1; overflow: visible; } .mobile-header .menu .mobile-menu svg { position: absolute; top: -8px; right: 12px; } .mobile-header .menu .mobile-menu ul { display: flex; flex-direction: column; } .mobile-header .menu .mobile-menu ul li { border-top: 1px solid #D8D8D8; } .mobile-header .menu .mobile-menu ul li:first-child { border-top: 0px; } .mobile-header .menu .mobile-menu ul li a { color: #000000; font-size: 14px; font-weight: 700; padding-top: 14px; padding-bottom: 14px; display: block; } .mobile-header .menu .mobile-menu ul li a:active { color: #718E3B; } .mobile-header .menu a.home { width: 74px; height: 48px; } .mobile-header .menu a.home svg { width: 100%; height: 100%; } .mobile-header .menu a.home svg path { fill: white; } .mobile-header .menu .nav { display: flex; gap: 16px; } .mobile-header .menu .nav .button-micro { border: 1px solid #718E3B; border-radius: 64px; padding-left: 16px; padding-right: 16px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; } .mobile-header .menu .nav .button-micro:active { background-color: #718E3B; } .mobile-header .menu .nav .show-mobile-nav { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .mobile-header .menu .nav .show-mobile-nav:active svg path { fill: #718E3B; } .article-head { background-color: #21201D; padding-top: 64px; display: flex; flex-direction: column; align-items: flex-start; gap: 64px; position: relative; color: white; align-items: stretch; } @media only screen and (max-width: 1024px) { .article-head { padding: 16px; padding-top: 164px; padding-bottom: 42px; gap: 16px; } } .article-head.single { gap: 0px; flex-direction: row; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 148px; } @media only screen and (max-width: 1024px) { .article-head.single { padding-top: 164px; flex-direction: column; gap: 32px; padding-bottom: 42px; } } .article-head.single .title { width: 50%; padding-left: 96px; padding-right: 96px; } @media only screen and (max-width: 1024px) { .article-head.single .title { width: 100%; padding-left: 16px; padding-right: 16px; padding-bottom: 6px; } } .article-head .thumb { display: flex; align-items: center; justify-content: center; width: 50%; position: relative; } @media only screen and (max-width: 1024px) { .article-head .thumb { width: 100%; } } .article-head .thumb img { aspect-ratio: 4/3; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-head .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-head .bg-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article-head .bg-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, #21201d, transparent); pointer-events: none; } .article-head .bg-image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to top, #21201d, transparent); pointer-events: none; } .article-head .bg-image .side-shadow { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #21201d, transparent); pointer-events: none; } .article-head .title { padding: 96px; display: flex; flex-direction: column; position: relative; gap: 32px; height: 100%; align-items: flex-start; height: auto; background: transparent url("/wp-content/themes/maja/assets/images/bg-details.png") center/100% no-repeat; } @media only screen and (max-width: 1024px) { .article-head .title { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; gap: 16px; background: transparent url("/wp-content/themes/maja/assets/images/bg-details.png") center/300% no-repeat; } } .article-head .title .t { display: flex; flex-direction: column; gap: 32px; } @media only screen and (max-width: 1024px) { .article-head .title .t { gap: 16px; } } .article-head .title .t span { font-size: 14px; line-height: auto; opacity: 0.6; } .article-head .title .t p { line-height: 1.6; width: 70%; } @media only screen and (max-width: 1024px) { .article-head .title .t p { width: 100%; } } .welcome { display: flex; flex-direction: column; gap: 64px; position: relative; color: white; width: 100%; } @media only screen and (min-width: 1024px) { .welcome { padding: 96px; padding-top: 186px; } } @media only screen and (max-width: 1024px) { .welcome { padding-left: 16px; padding-right: 16px; padding-top: 164px; padding-bottom: 16px; gap: 24px; } } .welcome a { color: white; } .welcome .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .welcome .bg-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .welcome .bg-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, #21201d, transparent); pointer-events: none; } .welcome .bg-image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to top, #21201d, transparent); pointer-events: none; } .welcome .bg-image .side-shadow { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #21201d, transparent); pointer-events: none; } .welcome .title, .welcome .kpi { position: relative; z-index: 2; } .welcome .title { display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (min-width: 1024px) { .welcome .title { gap: 32px; width: 30%; } } @media only screen and (max-width: 1024px) { .welcome .title { gap: 24px; } } .welcome .title p { line-height: 1.6; } .welcome .title .button-large { display: flex; background-color: #718E3B; padding: 24px; padding-left: 32px; padding-right: 32px; border-radius: 64px; display: flex; align-items: center; gap: 16px; font-weight: 700; } .welcome .title .button-large:active { background-color: rgba(113, 142, 59, 0.9); } @media only screen and (min-width: 1024px) { .welcome .title .button-large { transition-property: background-color; transition-duration: 0.2s; } .welcome .title .button-large:hover { background-color: rgba(113, 142, 59, 0.9); } } .welcome .kpi { display: flex; } @media only screen and (max-width: 1024px) { .welcome .kpi { flex-direction: column; } } @media only screen and (min-width: 1024px) { .welcome .kpi { justify-content: space-between; gap: 128px; } } .welcome .kpi p { font-size: 14px; letter-spacing: 0.3px; text-transform: uppercase; line-height: 1.6; width: 100%; display: block; } @media only screen and (max-width: 1024px) { .welcome .kpi p { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .welcome .kpi p:first-child { border-top: 0px; } } .text-blocks .item, .about .item { display: flex; flex-direction: column; gap: 24px; width: 100%; } @media only screen and (max-width: 1024px) { .text-blocks .item, .about .item { gap: 16px; } } .text-blocks .item h3:after, .about .item h3:after { content: ""; display: block; height: 1px; width: 24px; margin-top: 24px; } @media only screen and (max-width: 1024px) { .text-blocks .item h3:after, .about .item h3:after { margin-top: 16px; } } .text-blocks .item p, .about .item p { line-height: 1.6; font-size: 16px; } .button-back { display: flex; flex-direction: row; gap: 16px; align-items: center; font-size: 14px; font-weight: 600; } @media only screen and (min-width: 1024px) { .button-back { transition: opacity 0.2s; } .button-back svg rect { transition: stroke 0.2s; } } .button-back:active { opacity: 0.9; } .button-back:active svg rect { stroke: #ffffff; } @media only screen and (min-width: 1024px) { .button-back:hover svg rect { stroke: #ffffff; } } .button-back.black { color: #000000; } @media only screen and (min-width: 1024px) { .button-back.black:hover svg rect { stroke: #000000; } } .button-back.black:active svg rect { stroke: #000000; } .button-back.black svg g path { fill: #000000; } .about { background: #21201D url("/wp-content/themes/maja/assets/images/bg-details.png") center/100% no-repeat; color: #ffffff; display: flex; } @media only screen and (max-width: 1024px) { .about { flex-direction: column; gap: 24px; padding: 16px; padding-bottom: 32px; } } @media only screen and (min-width: 1024px) { .about { gap: 96px; padding: 96px; } } .about .item h3:after { background-color: #ffffff; } .text-blocks { display: flex; } @media only screen and (max-width: 1024px) { .text-blocks { flex-direction: column; gap: 16px; } } @media only screen and (min-width: 1024px) { .text-blocks { gap: 96px; } } .text-blocks .item h3:after { background-color: #718E3B; } .facts { display: flex; flex-direction: row; color: #21201D; } @media only screen and (max-width: 1024px) { .facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } } @media only screen and (min-width: 1024px) { .facts { flex-direction: row; gap: 96px; } } .facts .item { display: flex; flex-direction: column; gap: 16px; width: 100%; align-items: flex-start; } @media only screen and (max-width: 1024px) { .facts .item { gap: 6px; } } .facts .item p { display: block; font-size: 16px; opacity: 0.7; } @media only screen and (max-width: 1024px) { .facts .item p { font-size: 14px; } } .facts .item p:nth-child(2) { font-size: 24px; opacity: 1; } @media only screen and (max-width: 1024px) { .facts .item p:nth-child(2) { font-size: 20px; } } .facts .item .button-tiny { display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; gap: 8px; border-bottom: 1px solid #718E3B; padding-top: 14px; padding-bottom: 14px; } .facts .item .button-tiny:active { color: #718E3B; } @media only screen and (min-width: 1024px) { .facts .item .button-tiny:hover { border-bottom: 1px solid #21201D; } } @media only screen and (max-width: 1024px) { .facts .item .button-tiny { padding-top: 4px; padding-bottom: 4px; } } .news { display: flex; flex-direction: column; gap: 32px; } @media only screen and (max-width: 1024px) { .news { gap: 16px; } } .news.home .articles { margin-bottom: 16px; } .news.related .wrapper { border-top: 1px solid #D8D8D8; padding-top: 96px; display: flex; gap: 32px; flex-direction: column; } @media only screen and (max-width: 1024px) { .news.related .wrapper { padding-top: 42px; padding-bottom: 42px; gap: 16px; } } .news.full-w { padding: 96px; } @media only screen and (max-width: 1024px) { .news.full-w { padding: 16px; padding-top: 42px; padding-bottom: 42px; } } .news.full-w .articles { gap: 32px; } @media only screen and (min-width: 1024px) { .news.full-w .articles { display: grid; grid-template-columns: repeat(3, 1fr); } } .news.full-w .articles .article { width: 100%; } .news .articles { display: flex; flex-direction: row; gap: 32px; } @media only screen and (max-width: 1024px) { .news .articles { flex-direction: column; } } .news .articles .article { width: 100%; display: flex; flex-direction: row; } @media only screen and (max-width: 1024px) { .news .articles .article { flex-direction: column; } } .news .articles .article a.thumb { width: 50%; display: block; } @media only screen and (max-width: 1024px) { .news .articles .article a.thumb { width: 100%; } } @media only screen and (min-width: 1024px) { .news .articles .article a.thumb { transition-property: opacity; transition-duration: 0.2s; } .news .articles .article a.thumb:hover { opacity: 0.9; } } .news .articles .article a.thumb img { aspect-ratio: 1/1; display: block; width: 100%; -o-object-fit: cover; object-fit: cover; } .news .articles .article .title { display: flex; flex-direction: column; justify-content: center; padding: 24px; gap: 16px; width: 50%; } @media only screen and (max-width: 1024px) { .news .articles .article .title { width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; gap: 8px; } } .news .articles .article .title span { font-size: 14px; opacity: 0.7; } .news .articles .article .title a.t { display: block; width: 100%; font-size: 24px; } .news .articles .article .title a.t:active { color: #718E3B; } @media only screen and (min-width: 1024px) { .news .articles .article .title a.t { transition-property: color; transition-duration: 0.2s; } .news .articles .article .title a.t:hover { color: #718E3B; } } .news .articles .article .title a.read-more { border-left: 1px solid #718E3B; padding-left: 14px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: 500; } .news .articles .article .title a.read-more:active { color: #718E3B; } @media only screen and (min-width: 1024px) { .news .articles .article .title a.read-more { transition-property: color; transition-duration: 0.2s; } .news .articles .article .title a.read-more:hover { color: #718E3B; } } .blocks { display: flex; flex-direction: column; width: 100%; } @media only screen and (min-width: 1024px) { .blocks { padding: 96px; gap: 96px; } } @media only screen and (max-width: 1024px) { .blocks { padding: 16px; padding-top: 42px; padding-bottom: 42px; gap: 32px; } } .gallery { display: flex; flex-direction: column; gap: 24px; } .gallery .pics { gap: 16px; } @media only screen and (min-width: 1024px) { .gallery .pics { display: grid; grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 1024px) { .gallery .pics { display: flex; flex-direction: column; } } .gallery .pics .pic { overflow: hidden; aspect-ratio: 4/3; } .gallery .pics .pic img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .article-content { padding: 96px; padding-bottom: 0px; } @media only screen and (max-width: 1024px) { .article-content { padding: 16px; padding-top: 42px; padding-bottom: 12px; } } .article-content .wrapper { display: flex; flex-direction: column; gap: 46px; } @media only screen and (max-width: 1024px) { .article-content .wrapper { gap: 24px; } } .article-content .wrapper .pic { border-radius: 16px; overflow: hidden; text-align: center; border: 1px solid #D8D8D8; width: 1280px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1024px) { .article-content .wrapper .pic { width: 100%; border-radius: 8px; } } .article-content .wrapper .pic img { display: block; width: 100%; } .article-content .wrapper .pic span { padding: 16px; display: block; text-align: center; font-size: 14px; opacity: 0.7; } @media only screen and (max-width: 1024px) { .article-content .wrapper .pic span { padding: 8px; font-size: 13px; } } .article-content .wrapper .text { display: flex; flex-direction: column; gap: 16px; width: 960px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1024px) { .article-content .wrapper .text { width: 100%; } } .article-content .wrapper .text strong { font-weight: 700; } .article-content .wrapper .text p { line-height: 1.6; font-size: 18px; } @media only screen and (max-width: 1024px) { .article-content .wrapper .text p { font-size: 16px; } } .article-content .wrapper .text ul li, .article-content .wrapper .text ol li { position: relative; padding-left: 24px; padding-top: 4px; padding-bottom: 4px; font-size: 18px; } @media only screen and (max-width: 1024px) { .article-content .wrapper .text ul li, .article-content .wrapper .text ol li { font-size: 16px; } } .article-content .wrapper .text ul li:before, .article-content .wrapper .text ol li:before { position: absolute; top: 50%; left: 0; } @media only screen and (min-width: 1024px) { .article-content .wrapper .text ul li:before, .article-content .wrapper .text ol li:before { top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 1024px) { .article-content .wrapper .text ul li:before, .article-content .wrapper .text ol li:before { top: 4px; } } .article-content .wrapper .text ul li:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #718E3B; } @media only screen and (max-width: 1024px) { .article-content .wrapper .text ul li:before { top: 13px; } } .article-content .wrapper .text ol { counter-reset: list-counter; } .article-content .wrapper .text ol li { counter-increment: list-counter; } .article-content .wrapper .text ol li:before { content: counter(list-counter) "."; color: #21201D; font-weight: bold; display: inline-block; width: 16px; text-align: center; } .article-content .wrapper .text table thead td { font-weight: 700; } .article-content .wrapper .text table tr { border-top: 1px solid #D8D8D8; } .article-content .wrapper .text table tr td { font-size: 18px; padding-top: 16px; padding-bottom: 16px; } @media only screen and (max-width: 1024px) { .article-content .wrapper .text table tr td { font-size: 16px; } } .article-content .wrapper .text table tr:first-child { border-top: 0px; } h1 { font-family: "plantin", sans-serif; font-weight: 400; font-size: 64px; line-height: 1.2; } h1.large { font-size: 86px; } @media only screen and (max-width: 1024px) { h1.large { font-size: 42px; } } @media only screen and (max-width: 1024px) { h1 { font-size: 42px; } } h2 { font-size: 24px; font-weight: 700; } h3 { font-size: 20px; font-weight: 700; } @media only screen and (max-width: 1024px) { h3 { font-size: 16px; } } .footer { padding-left: 96px; padding-right: 96px; } @media only screen and (max-width: 1024px) { .footer { padding-left: 16px; padding-right: 16px; } } .footer .wrapper { border-top: 1px solid #D8D8D8; padding-top: 96px; padding-bottom: 96px; position: relative; } @media only screen and (max-width: 1024px) { .footer .wrapper { padding-top: 52px; padding-bottom: 96px; } } .footer .wrapper .detail { position: absolute; top: 0px; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; } .footer .wrapper .detail svg { display: block; width: 100%; height: 100%; } .footer .wrapper .dzirnavas { position: absolute; left: 0px; bottom: 0px; overflow: hidden; opacity: 0.5; } @media only screen and (max-width: 1024px) { .footer .wrapper .dzirnavas { text-align: center; width: 100%; } .footer .wrapper .dzirnavas svg { width: 60px; height: 60px; } } .footer .wrapper .dzirnavas svg { position: relative; bottom: -2px; } .footer .wrapper .footer-blocks { display: flex; flex-direction: row; gap: 32px; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks { flex-direction: column; gap: 42px; } } .footer .wrapper .footer-blocks .b { display: flex; flex-direction: column; gap: 32px; width: 100%; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b:last-child { text-align: center; gap: 16px; } } .footer .wrapper .footer-blocks .b.newsletter { gap: 24px; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b.newsletter { gap: 16px; } } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b.newsletter h3 { font-size: 16px; text-align: center; } } .footer .wrapper .footer-blocks .b.newsletter .rules { display: flex; gap: 12px; align-items: center; } .footer .wrapper .footer-blocks .b.newsletter .rules.error input { border-color: #DE3A3A; } .footer .wrapper .footer-blocks .b.newsletter .rules input { border: 1px solid rgba(0, 0, 0, 0.1); width: 24px; height: 24px; border-radius: 4px; cursor: pointer; } .footer .wrapper .footer-blocks .b.newsletter .rules input:checked { background-color: #718E3B; border: 1px solid black; background-image: url("/wp-content/themes/maja/assets/svg/check.svg"); background-position: center; background-repeat: no-repeat; background-size: 80%; } .footer .wrapper .footer-blocks .b.newsletter .rules p { font-size: 14px; } .footer .wrapper .footer-blocks .b.newsletter .rules a { text-decoration: underline; } .footer .wrapper .footer-blocks .b .footer-menu ul { display: flex; flex-direction: column; gap: 12px; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b .footer-menu ul { justify-content: space-between; flex-direction: row; } } .footer .wrapper .footer-blocks .b .footer-menu ul li a { font-size: 16px; font-weight: 600; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b .footer-menu ul li a { font-size: 14px; } } @media only screen and (min-width: 1024px) { .footer .wrapper .footer-blocks .b .footer-menu ul li a { transition-property: color; transition-duration: 0.2s; } .footer .wrapper .footer-blocks .b .footer-menu ul li a:hover { color: #718E3B; } } .footer .wrapper .footer-blocks .b .footer-menu ul li a:active { color: #718E3B; } .footer .wrapper .footer-blocks .b form { position: relative; border: 1px solid #D8D8D8; display: flex; border-radius: 64px; padding: 2px; overflow: hidden; width: 90%; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b form { width: 100%; flex-direction: column; border-radius: 26px; } } .footer .wrapper .footer-blocks .b form input { width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 16px; padding-bottom: 16px; font-size: 16px; } .footer .wrapper .footer-blocks .b form input.input-validation-error::-webkit-input-placeholder { color: #DE3A3A; font-weight: 500; } .footer .wrapper .footer-blocks .b form input.input-validation-error:-moz-placeholder { color: #DE3A3A; font-weight: 500; } .footer .wrapper .footer-blocks .b form input.input-validation-error::-moz-placeholder { color: #DE3A3A; font-weight: 500; } .footer .wrapper .footer-blocks .b form input.input-validation-error:-ms-input-placeholder { color: #DE3A3A; font-weight: 500; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b form input { text-align: center; } } .footer .wrapper .footer-blocks .b form button { background-color: #718E3B; display: block; border-radius: 64px; font-size: 14px; font-weight: 700; color: #ffffff; padding: 16px; text-align: center; width: 380px; height: 100%; cursor: pointer; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b form button { width: 100%; } } @media only screen and (min-width: 1024px) { .footer .wrapper .footer-blocks .b form button { transition-property: opacity; transition-duration: 0.2s; } .footer .wrapper .footer-blocks .b form button:hover { opacity: 0.9; } } .footer .wrapper .footer-blocks .b form button:active { background-color: #000000; } .footer .wrapper .footer-blocks .b .copy p { font-size: 14px; line-height: 1.6; opacity: 0.7; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b .copy p { font-size: 13px; } } .footer .wrapper .footer-blocks .b .social { display: flex; gap: 24px; } @media only screen and (max-width: 1024px) { .footer .wrapper .footer-blocks .b .social { align-items: center; justify-content: center; } } .footer .wrapper .footer-blocks .b .social a { width: 20px; height: 20px; display: block; } .footer .wrapper .footer-blocks .b .social a svg { width: 100%; height: 100%; display: block; } .message { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; display: none; z-index: 2; background-color: rgba(33, 32, 29, 0.2); } @media only screen and (max-width: 1024px) { .message { padding: 16px; } } .message.error .container { border: 1px solid #DE3A3A; } .message.true .container { border: 1px solid #718E3B; } .message.show { display: flex; } .message .container { width: 390px; background-color: #ffffff; padding: 32px; position: relative; border-radius: 16px; box-shadow: 0 0px 32px rgba(0, 0, 0, 0.08); } .message .container p { font-size: 16px; display: block; line-height: 1.6; padding-right: 64px; } @media only screen and (max-width: 1024px) { .message .container p { font-size: 14px; } } .message .container .close { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; right: 0px; cursor: pointer; } .message .container .close svg { display: block; width: 16px; height: 16px; } .message .container .close:active svg path { fill: #718E3B; } .contacts { padding: 96px; display: flex; gap: 64px; } @media only screen and (min-width: 1600px) { .contacts { min-height: 410px; } } @media only screen and (max-width: 1024px) { .contacts { padding: 16px; padding-top: 42px; padding-bottom: 42px; flex-direction: column; gap: 32px; } } .contacts .b { width: 100%; display: flex; flex-direction: column; gap: 32px; } @media only screen and (max-width: 1024px) { .contacts .b { gap: 16px; } } .contacts .b h3:after { content: ""; display: block; height: 1px; width: 24px; margin-top: 24px; background-color: #718E3B; } @media only screen and (max-width: 1024px) { .contacts .b h3:after { margin-top: 16px; } } .contacts .b p { line-height: 1.6; font-size: 18px; } @media only screen and (max-width: 1024px) { .contacts .b p { font-size: 16px; } } .contacts .b a { color: #718E3B; } @media only screen and (max-width: 1024px) { .contacts .b a { font-size: 16px; } } .contacts .b a.phone { display: flex; align-items: center; gap: 8px; } .contacts .b .t { display: flex; flex-direction: column; gap: 4px; } .cookies { position: fixed; left: 0px; bottom: 0px; padding: 32px; display: none; z-index: 10; } @media only screen and (max-width: 1024px) { .cookies { padding: 16px; right: 0px; } } .cookies .wrap { max-width: 390px; padding: 24px; display: flex; flex-direction: column; gap: 16px; background-color: #000000; color: #D8D8D8; border-radius: 8px; } @media only screen and (max-width: 1024px) { .cookies .wrap { gap: 10px; } } .cookies .wrap p, .cookies .wrap a { font-size: 16px; } @media only screen and (max-width: 1024px) { .cookies .wrap p, .cookies .wrap a { font-size: 14px; } } .cookies .wrap a { color: #D8D8D8; } .cookies .wrap p { display: block; line-height: 1.6; font-weight: 14px; font-weight: 600; } .cookies .wrap p a { text-decoration: underline; } .cookies .wrap p a:active { color: #718E3B; } .cookies .wrap .cta { display: flex; gap: 8px; } .cookies .wrap .cta a { border: 1px solid #d8d8d8; border-radius: 32px; padding: 16px; padding-top: 8px; padding-bottom: 8px; display: inline-flex; align-items: center; gap: 8px; } @media only screen and (min-width: 1024px) { .cookies .wrap .cta a { transition-property: background-color; transition-duration: 0.2s; } .cookies .wrap .cta a:hover { background-color: #ffffff; color: #000000; } .cookies .wrap .cta a:hover svg path { fill: #000000; } }