.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}h1, h2, h3, h4, h5, h6 {
font-family: "Titillium Web", sans-serif;
}
h2 {
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
h2 {
font-size: 32px;
}
}
h3 {
font-size: calc(18px + 10 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
h3 {
font-size: 28px;
}
}
form label {
display: block;
color: #2a2a28;
}
form label .optional {
display: none;
}
form label .required {
color: #6F2382;
text-decoration: none;
}
@media screen and (min-width: 1024px) {
form label.screen-reader-text + span input {
margin-top: 24px;
}
}
form select,
form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="password"],
form input[type="email"] {
width: 100% !important;
}
form .select2-container .select2-selection--single {
height: auto;
margin: 0;
border: 0;
}
form .select2-container .select2-selection__rendered {
line-height: inherit;
}
form .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 8px;
}
form .woocommerce-form-login__rememberme {
margin-bottom: 16px;
cursor: pointer;
}
form .button,
form button {
display: block;
background-color: #fff;
background-position: center;
color: #6F2382;
font-size: 14px;
line-height: 26px;
font-weight: 100;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 0;
width: 100%;
border: 1px solid #6F2382;
border-bottom: 3px solid #342138;
cursor: pointer;
}
@media screen and (min-width: 720px) {
form .button,
form button {
padding: 4px 16px;
min-height: 42px;
}
}
form .button:hover,
form button:hover {
color: #fff;
background-color: #6F2382;
}
form .woocommerce-LostPassword {
margin: 0;
text-align: center;
}
form .woocommerce-LostPassword a {
text-decoration: none;
}
form .woocommerce-LostPassword a:hover {
text-decoration: underline;
}
.mirotvorci-hub3-slip-preview {
margin: 0 auto;
padding: 0;
background-color: transparent;
text-align: center;
position: relative;
transition: opacity 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.mirotvorci-hub3-slip-preview.is-hidden {
display: none;
}
.mirotvorci-hub3-slip-preview.is-loading {
opacity: 0.55;
pointer-events: none;
}
.mirotvorci-hub3-slip-preview__header {
margin-bottom: 16px;
}
.mirotvorci-hub3-slip-preview__header h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 18px;
}
.mirotvorci-hub3-slip-preview__header p {
margin: 0;
color: #666;
font-size: 18px;
}
.mirotvorci-hub3-slip-preview.is-loading::after {
content: "Generiram HUB3 uplatnicu...";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 12px 16px;
background-color: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
font-size: 14px;
font-weight: 600;
color: #2a2a28;
z-index: 2;
}
.mirotvorci-hub3-slip {
width: 100%;
}
.mirotvorci-hub3-slip-fallback {
padding: 24px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
text-align: left;
border-radius: 8px;
}
.mirotvorci-hub3-slip-fallback__grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 16px;
}
@media screen and (min-width: 720px) {
.mirotvorci-hub3-slip-fallback__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.mirotvorci-hub3-slip-fallback__item {
padding: 16px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #F2F4F7;
}
.mirotvorci-hub3-slip-fallback__item span {
display: block;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #666;
}
.mirotvorci-hub3-slip-fallback__item strong {
display: block;
font-size: 16px;
line-height: 1.4;
color: #2a2a28;
}
@media screen and (min-width: 720px) {
.mirotvorci-hub3-slip-fallback__item--full {
grid-column: 1 / -1;
}
}
.mirotvorci-hub3-slip-fallback__barcode {
margin-top: 24px;
}
.mirotvorci-hub3-slip-fallback__barcode img {
max-width: 400px;
box-shadow: none;
display: block;
margin: 16px auto;
background-color: transparent;
}
body button,
body .button {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
}
@media screen and (min-width: 720px) {
body button,
body .button {
font-size: 16px;
}
}
body button.large,
body .button.large {
padding: 12px 24px;
}
body button.button-primary,
body a.button-primary {
border: 1px solid #6F2382;
background-color: #6F2382;
color: #fff;
}
body button.button-primary:hover,
body a.button-primary:hover {
border-color: #572a61;
background-color: #572a61;
color: #fff;
}
body button.button-secondary,
body a.button-secondary {
border: 1px solid #fff;
background-color: #fff;
color: #6F2382;
}
body button.button-secondary:hover,
body a.button-secondary:hover {
background-color: #572a61;
border-color: #572a61;
color: #fff;
}      * {
box-sizing: border-box;
}
.no-scroll {
overflow: hidden;
height: 100%;
height: calc(var(--vh, 1vh) * 100);
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  body {
margin: 0;
overflow-x: hidden;
color: #000;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: border-box;
}  body,
button,
input,
select,
.select2-selection__rendered,
optgroup,
textarea {
color: #000;
font-family: "Barlow", serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #6F2382;
}
a:visited {
color: #6F2382;
}
a:hover,
a:focus,
a:active {
color: #572a61;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 0;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 8px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.select2-selection__rendered,
textarea {
color: #2a2a28;
border: 1px solid #E4E4E4;
border-radius: 0;
padding: 8px 16px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #2a2a28;
}
select {
border: 1px solid #E4E4E4;
}
textarea {
width: 100%;
}  .site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.container {
width: 100%;
padding: 0 32px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 720px) {
.container {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.container {
padding: 0 80px;
max-width: 1440px;
}
}
.container .container {
padding-left: 0;
padding-right: 0;
}
.site-header {
background-color: #fff;
display: flex;
justify-items: center;
justify-content: space-between;
padding: 16px 32px;
position: sticky;
z-index: 99;
top: 0;
max-width: 1440px;
margin: 0 auto;
}
.site-header:before {
position: absolute;
top: 0;
left: 50%;
width: 100vw;
content: "";
background-color: #fff;
display: block;
height: 100%;
z-index: -1;
transform: translateX(-50%);
border-bottom: 1px solid #DDE1E6;
}
@media screen and (min-width: 720px) {
.site-header {
padding: 16px 48px;
}
}
@media screen and (min-width: 1240px) {
.site-header {
padding: 24px 80px;
}
}
.site-header .site-branding {
display: flex;
align-items: baseline;
gap: 12px;
}
.site-header .site-branding .site-title,
.site-header .site-branding .site-description {
display: none;
}
.site-header .site-branding a {
display: block;
}
.site-header .site-branding img {
display: block;
width: auto;
height: 28px;
margin-top: 0;
}
@media screen and (min-width: 720px) {
.site-header .site-branding img {
height: 32px;
}
}
@media screen and (min-width: 1240px) {
.site-header .site-branding img {
height: 42px;
margin-top: -5px;
}
}
.site-header .site-branding .site-sub-logo-text {
display: inline-block;
font-weight: 600;
line-height: 1;
color: #6F2382;
font-size: calc(12px + 4 * ((100vw - 320px) / 920));
padding-left: 12px;
border-left: 1px solid #E4E4E4;
white-space: nowrap;
}
@media screen and (max-width: 320px) {
.site-header .site-branding .site-sub-logo-text {
font-size: 12px;
}
}
@media screen and (min-width: 1240px) {
.site-header .site-branding .site-sub-logo-text {
font-size: 16px;
}
}
.header-message {
width: 100%;
background-color: #6F2382;
color: #fff;
padding: 16px 0;
}
.header-message-text {
position: relative;
padding-left: 32px;
}
.header-message-text p {
margin: 0;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
color: #fff;
font-size: calc(15px + 5 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.header-message-text p {
font-size: 15px;
}
}
@media screen and (min-width: 1240px) {
.header-message-text p {
font-size: 20px;
}
}
.header-message-text p strong {
font-weight: 500;
}
.header-message-text p a {
color: #fff;
text-decoration: underline;
font-weight: 400;
font-size: 75%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.header-message-text p a:active, .header-message-text p a:hover {
text-decoration: none;
}
.header-message-text p a:active {
opacity: 0.2;
}
.header-message-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
filter: brightness(0) invert(1);
}
@media screen and (min-width: 720px) {
.header-message-icon {
top: 50%;
transform: translateY(-50%);
}
}
.header-message-icon.award {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/award.svg);
}
.header-message-icon.warning {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/alert.svg);
}
.header-message-icon.info {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/info.svg);
}
.header-message-icon.location {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/map-pin.svg);
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-item {
padding-right: 120px;
}
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-stage-outer:after {
content: "";
right: 0;
top: 0;
height: 100%;
width: 100px;
background-color: #6F2382;
display: block;
position: absolute;
}
}
.header-message-slider .owl-dots {
display: flex;
justify-content: flex-start;
gap: 8px;
text-align: right;
padding-top: 8px;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-dots {
display: none;
}
}
.header-message-slider .owl-dots button {
padding: 4px 8px;
background-color: #fff;
opacity: 0.5;
}
.header-message-slider .owl-dots button.active {
opacity: 1;
}
.header-message-slider .owl-nav {
position: absolute;
bottom: -10px;
right: -2px;
display: flex;
gap: 8px;
z-index: 2;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-nav {
top: 50%;
transform: translateY(-50%);
right: 0;
gap: 16px;
}
}
.header-message-slider .owl-nav button {
position: static;
width: auto;
height: auto;
background-color: transparent;
padding: 0;
vertical-align: bottom;
}
.header-message-slider .owl-nav button:hover {
background-color: transparent;
}
@media screen and (min-width: 720px) {
.header-message-slider .owl-nav button:hover {
opacity: 0.6;
}
}
.header-message-slider .owl-nav button:before {
color: #fff;
}
.header-message-slider .owl-nav button.owl-prev {
transform: none;
}
.header-message-slider .owl-nav button.owl-prev:before {
content: "\e904";
}
.header-message-slider .owl-nav button.owl-next {
transform: none;
}
.header-message-slider .owl-nav button.owl-next:before {
content: "\e905";
}
.section-cta {
color: #fff;
background-color: #6F2382;
z-index: 0;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 720px) {
.section-cta {
background-position: 125% center;
background-size: auto 200%;
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/topology_custom.svg);
background-repeat: no-repeat;
}
}
@media screen and (min-width: 1440px) {
.section-cta {
background-position: 105% center;
}
}
.section-cta:before {
content: "";
width: 100%;
height: 100%;
top: 50%;
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/topology_custom.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
left: 20%;
}
@media screen and (min-width: 720px) {
.section-cta:before {
display: none;
}
}
.section-cta-wrapper {
position: relative;
z-index: 1;
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-cta-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-cta-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-cta h2 {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.section-cta h2 {
max-width: 80%;
}
}
.section-cta-button {
margin: 32px 0 0;
}
.section-cta-holder {
height: 64px;
}
.site-footer {
margin: 0 auto;
background-color: #6F2382;
color: #fff;
display: flex;
padding: 48px 0 0;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 720px) {
.site-footer-logo {
position: relative;
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.site-footer-logo {
margin-bottom: 64px;
}
}
.site-footer-logo a {
display: inline-block;
margin: 0 0 -24px;
color: #fff;
}
.site-footer-logo:after {
content: "";
background-color: #fff;
margin: 48px auto;
width: 100%;
height: 3px;
display: block;
}
@media screen and (min-width: 720px) {
.site-footer-logo:after {
position: absolute;
left: 120px;
bottom: 0;
margin: 0;
width: 100vw;
}
}
.site-footer-logo img {
width: 80px;
height: auto;
display: block;
margin: 0;
}
@media screen and (min-width: 720px) {
.site-footer-logo img {
position: relative;
z-index: 1;
}
}
.site-footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: start;
}
@media screen and (min-width: 720px) {
.site-footer-grid {
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.site-footer-grid {
grid-template-columns: repeat(3, 1fr);
gap: 48px;
margin-bottom: 64px;
}
}
.site-footer-grid-item.contact {
order: 2;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.contact {
order: 1;
}
}
.site-footer-grid-item.contact p {
margin: 0;
color: #fff;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.contact p {
font-size: 16px;
}
}
.site-footer-grid-item.contact p a {
text-decoration: none;
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item.contact p a:hover {
color: #F2C94C;
}
.site-footer-grid-item.nav {
order: 3;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
border-top: 3px solid #E4E4E4;
border-bottom: 3px solid #E4E4E4;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.nav {
order: 2;
border: 0;
padding: 0;
}
}
.site-footer-grid-item.nav .footer-nav {
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
gap: 12px;
}
.site-footer-grid-item.nav .footer-nav a {
text-decoration: none;
color: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.nav .footer-nav a {
font-size: 16px;
}
}
.site-footer-grid-item.nav .footer-nav a:hover {
color: #EBC7BA;
}
.site-footer-grid-item.eu-funds, .site-footer-grid-item.newsletter {
order: 1;
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.eu-funds, .site-footer-grid-item.newsletter {
order: 3;
}
}
@media screen and (min-width: 720px) {
.site-footer-grid-item.eu-funds, .site-footer-grid-item.newsletter {
font-size: 16px;
}
}
.site-footer-grid-item.eu-funds p, .site-footer-grid-item.newsletter p {
margin: 16px;
}
.site-footer-grid-item.eu-funds p:first-child, .site-footer-grid-item.newsletter p:first-child {
margin-top: 0;
}
.site-footer-grid-item.eu-funds p:last-child, .site-footer-grid-item.newsletter p:last-child {
margin-bottom: 0;
}
.site-footer-grid-item.eu-funds p a, .site-footer-grid-item.newsletter p a {
text-decoration: none;
color: #fff;
}
.site-footer-grid-item.eu-funds p a:hover, .site-footer-grid-item.newsletter p a:hover {
color: #572a61;
text-decoration: underline;
}
.site-footer-grid-item.eu-funds .footer-funding-logos, .site-footer-grid-item.newsletter .footer-funding-logos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
align-items: center;
margin: 0;
}
.site-footer-grid-item.eu-funds .footer-funding-logo, .site-footer-grid-item.newsletter .footer-funding-logo {
display: flex;
height: 100%;
}
.site-footer-grid-item.eu-funds .footer-funding-logo a, .site-footer-grid-item.newsletter .footer-funding-logo a {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 12px;
}
.site-footer-grid-item.eu-funds .footer-funding-logo img, .site-footer-grid-item.newsletter .footer-funding-logo img {
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.site-footer-grid-item.eu-funds .footer-funding-logo img, .site-footer-grid-item.newsletter .footer-funding-logo img {
max-width: 140px;
max-height: 72px;
width: auto;
height: auto;
}
.site-footer-grid-item.eu-funds .footer-funding-logo:hover img, .site-footer-grid-item.newsletter .footer-funding-logo:hover img {
transform: scale(1.05);
}
.site-footer-grid-item.eu-funds .newsletter-form, .site-footer-grid-item.newsletter .newsletter-form {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 8px 16px;
margin-bottom: 24px;
}
.site-footer-grid-item.eu-funds .newsletter-form label, .site-footer-grid-item.newsletter .newsletter-form label {
grid-column: span 2;
font-weight: 600;
}
.site-footer-grid-item.eu-funds .newsletter-form input, .site-footer-grid-item.newsletter .newsletter-form input {
border: 0;
background-color: #F2F4F7;
}
.site-footer-grid-item.eu-funds .newsletter-form button, .site-footer-grid-item.newsletter .newsletter-form button {
text-transform: none;
}
.site-copyright-wrapper {
padding-top: 24px;
padding-bottom: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
@media screen and (min-width: 720px) {
.site-copyright-wrapper {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 0;
}
}
.site-copyright-separator {
width: 100%;
}
.site-copyright-text {
order: 2;
font-size: 12px;
color: #2a2a28;
}
@media screen and (min-width: 720px) {
.site-copyright-text {
order: 1;
font-size: 14px;
}
}
.site-copyright-menu {
order: 1;
}
@media screen and (min-width: 720px) {
.site-copyright-menu {
order: 2;
}
}
.site-copyright-menu .footer-copyright-nav {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
}
.site-copyright-menu .footer-copyright-nav a {
display: inline-block;
font-size: 12px;
color: #2a2a28;
text-decoration: none;
}
@media screen and (min-width: 720px) {
.site-copyright-menu .footer-copyright-nav a {
font-size: 14px;
}
}
.site-copyright-menu .footer-copyright-nav a:hover {
text-decoration: underline;
color: #6F2382;
}
.main-navigation {   }
@media screen and (max-width: 1239px) {
.main-navigation .menu-toggle {
padding: 0;
margin: 0;
font-size: 0;
background-color: transparent;
border: 0;
height: 28px;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation .menu-toggle:active {
opacity: 0.2;
}
.main-navigation-wrapper {
position: fixed;
top: 60px;
right: 0;
transform: translateX(100%) scale(0);
height: calc(100vh - 60px);
overflow: hidden;
z-index: 100;
width: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
transform-origin: top;
opacity: 0;
}
.main-navigation-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: #6F2382;
z-index: 0;
transform-origin: 0% 100%;
}
.main-navigation-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0.3;
background-color: #6F2382;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
.main-navigation-wrapper .primary-menu {
position: relative;
z-index: 2;
list-style-type: none;
margin: 0;
padding: 40px 32px;
display: grid;
gap: 24px;
max-height: 100%;
overflow: auto;
}
.main-navigation-wrapper .primary-menu li {
position: relative;
margin: 0;
padding: 0;
text-align: left;
}
.main-navigation-wrapper .primary-menu li.nav-separator {
min-height: 32px;
}
.main-navigation-wrapper .primary-menu li.nav-separator a {
display: none;
}
.main-navigation-wrapper .primary-menu li.button a {
display: inline-block;
background-color: #fff;
color: #6F2382;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
border-radius: 8px;
text-transform: none;
}
.main-navigation-wrapper .primary-menu li a {
font-size: 26px;
line-height: 1.2;
font-weight: 500;
color: #fff;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation-wrapper .primary-menu li a:active {
opacity: 0.2;
}
.main-navigation-wrapper .primary-menu li .sub-menu {
display: none;
list-style-type: none;
margin: 16px 0 0;
padding: 0 0 0 16px;
gap: 16px;
}
.main-navigation-wrapper .primary-menu li .sub-menu-trigger {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 32px;
color: #fff;
transition: transform 0.2s ease;
}
.main-navigation-wrapper .primary-menu li .sub-menu-trigger:before {
display: block;
font-family: "icomoon";
content: "\e90b";
}
.main-navigation-wrapper .primary-menu li .sub-menu li {
margin: 0;
}
.main-navigation-wrapper .primary-menu li .sub-menu li a {
font-size: 20px;
line-height: 1.2;
}
.main-navigation-wrapper .primary-menu li.focus .sub-menu {
display: grid;
}
.main-navigation-wrapper .primary-menu li.focus .sub-menu-trigger {
transform: rotate(180deg);
}
.main-navigation.toggled .main-navigation-wrapper {
transform: translateX(0%) scale(1);
opacity: 1;
}
}
@media screen and (min-width: 1240px) {
.main-navigation .menu-toggle {
display: none;
}
.main-navigation .primary-menu {
display: flex;
flex-direction: row;
gap: 16px;
margin: 0;
padding: 0;
list-style-type: none;
}
.main-navigation .primary-menu li {
position: relative;
}
.main-navigation .primary-menu li:hover a {
color: #6F2382;
}
.main-navigation .primary-menu li:hover a + .sub-menu-trigger:before {
color: #6F2382;
transform: rotate(180deg);
}
.main-navigation .primary-menu li.nav-separator {
display: none;
}
.main-navigation .primary-menu li.menu-item-has-children a {
padding-right: 40px;
}
.main-navigation .primary-menu li.menu-item-has-children:hover .sub-menu {
display: block;
}
.main-navigation .primary-menu li.button {
padding: 0;
}
.main-navigation .primary-menu li.button a {
border: 1px solid #6F2382;
text-align: center;
padding: 0 16px;
line-height: 34px;
border-radius: 8px;
display: inline-block;
color: #6F2382;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-transform: none;
}
.main-navigation .primary-menu li.button a:hover {
background-color: #432649;
border-color: #432649;
color: #fff;
}
.main-navigation .primary-menu li.button.button-primary a {
background-color: #6F2382;
color: #fff;
}
.main-navigation .primary-menu li.button.button-primary a:hover {
background-color: #432649;
border-color: #432649;
color: #fff;
}
.main-navigation .primary-menu li a {
font-size: 14px;
line-height: 36px;
color: #2a2a28;
text-decoration: none;
font-weight: 600;
padding: 0 16px;
display: inline-block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.main-navigation .primary-menu li a:active {
opacity: 0.2;
}
.main-navigation .primary-menu li .sub-menu {
display: none;
list-style-type: none;
gap: 16px;
position: absolute;
top: 100%;
left: 0;
margin: 0;
min-width: 200px;
background-color: #fff;
padding: 16px;
box-shadow: 0 4px 8px 0 rgba(156, 156, 156, 0.5);
}
.main-navigation .primary-menu li .sub-menu-trigger {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 20px;
vertical-align: text-bottom;
}
.main-navigation .primary-menu li .sub-menu-trigger:before {
display: block;
font-family: "icomoon";
content: "\e90b";
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s, 0.2s ease transform;
}
.main-navigation .primary-menu li .sub-menu li {
margin: 0;
}
.main-navigation .primary-menu li .sub-menu li:not(:last-child) {
margin-bottom: 8px;
}
.main-navigation .primary-menu li .sub-menu li a {
font-size: 14px;
line-height: 1.2;
padding: 0;
font-weight: 500;
color: #2a2a28;
}
.main-navigation .primary-menu li .sub-menu li a:hover {
color: #6F2382;
}
}
@media screen and (min-width: 1440px) {
.main-navigation .primary-menu {
gap: 24px;
}
.main-navigation .primary-menu li a {
font-size: 16px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-container.fullscreen {
padding: 0;
height: 100vh;
}
.video-container.old {
padding-bottom: 75%; }
.video-container video,
.video-container iframe {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
}
.woocommerce-error,
.woocommerce-message {
max-width: 1392px;
width: 100%;
margin: 24px auto;
padding: 8px 16px;
border-radius: 4px;
}
.woocommerce-error.align-center,
.woocommerce-message.align-center {
text-align: center;
}
.woocommerce-error li,
.woocommerce-message li {
list-style-type: none;
}
.woocommerce-error[role="alert"],
.woocommerce-message[role="alert"] {
background-color: #fcf7eb;
color: #e6b137;
}
.woocommerce-error[role="alert"] a,
.woocommerce-message[role="alert"] a {
color: #e6b137;
font-weight: 700;
}
.woocommerce-error[role="alert"] a:hover,
.woocommerce-message[role="alert"] a:hover {
text-decoration: none;
}
.nn-cta {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: #b556a8;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 0;
border-bottom: 3px solid #342138;
transition: 0.2s cubic-bezier(0.45, 0.25, 0.6, 0.95);
}
.nn-cta:visited {
color: #fff;
}
.nn-cta:hover {
color: #fff;
box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
}
.nn-more-button {
border-bottom: 2px solid #b556a8;
color: #2a2a28;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.nn-more-button:visited {
color: #2a2a28;
}
.nn-more-button:hover {
border-color: transparent;
color: #b556a8;
}
.svg-top {
position: absolute;
top: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.svg-bottom {
position: absolute;
bottom: 0;
fill: #fff;
height: 50px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.storefront-breadcrumb {
margin: 0 auto;
max-width: 1440px;
padding: 8px 16px 0;
color: #989898;
font-size: 12px;
}
@media screen and (min-width: 1024px) {
.storefront-breadcrumb {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.storefront-breadcrumb {
padding: 8px 24px;
}
}
.storefront-breadcrumb .col-full {
border-bottom: 1px solid #eee;
padding-bottom: 4px;
}
.storefront-breadcrumb .breadcrumb-separator {
padding: 0 8px;
}
.storefront-breadcrumb a {
color: #2a2a28;
text-decoration: none;
padding: 0;
}
.storefront-breadcrumb a:before {
display: none !important;
}
.product-template-default .storefront-breadcrumb .col-full {
border: 0;
padding: 0;
}
.site-main {
margin: 0 auto;
}
.site-content {
overflow: hidden;
}
body.home .site-main .entry-header {
display: none;
}
.site-main.wide .entry-header {
display: none;
}
.site-main.wide .entry-content {
max-width: 100%;
padding: 0;
}
@media screen and (min-width: 720px) {
.site-main.wide .entry-content {
padding: 0;
}
}
@media screen and (min-width: 1240px) {
.site-main.wide .entry-content {
padding: 0;
}
}
.entry-header {
margin: 0 auto;
padding: 24px 16px 0;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-header {
padding: 24px 48px 0;
}
}
@media screen and (min-width: 1240px) {
.entry-header {
padding: 32px 80px 0;
}
}
.entry-header h1 {
margin: 0;
}
.entry-content {
margin: 0 auto;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content {
padding: 16px 48px;
}
}
@media screen and (min-width: 1240px) {
.entry-content {
padding: 24px 80px;
}
}
.entry-content .wp-block-group {
margin: 32px auto;
}
.entry-content .wp-block-group.has-background {
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.entry-content .wp-block-group.has-background {
padding: 48px 0;
}
}
.entry-content .wp-block-group.has-background.has-cyan-bluish-gray-background-color {
background-color: #eee;
}
.entry-content p.margins.container {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content p.margins.container {
font-size: 18px;
}
}
.entry-content p.margins.container:last-child {
margin-bottom: 80px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 32px auto;
max-width: 1440px;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
margin-top: 0;
}
.entry-content h1.has-text-align-center,
.entry-content h2.has-text-align-center,
.entry-content h3.has-text-align-center,
.entry-content h4.has-text-align-center,
.entry-content h5.has-text-align-center,
.entry-content h6.has-text-align-center {
text-align: center;
}
.entry-content .wp-block-group p,
.entry-content > p {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
@media screen and (min-width: 720px) {
.entry-content .wp-block-group p,
.entry-content > p {
font-size: 18px;
}
}
.entry-content .wp-block-group p:first-child,
.entry-content > p:first-child {
margin-top: 0;
}
.entry-content .wp-block-group p.has-medium-font-size,
.entry-content > p.has-medium-font-size {
font-size: 18px;
}
@media screen and (min-width: 720px) {
.entry-content .wp-block-group p.has-medium-font-size,
.entry-content > p.has-medium-font-size {
font-size: 20px;
}
}
.entry-content .wp-block-group *:last-child {
margin-bottom: 0;
}
.entry-content .wp-block-group ul,
.entry-content .wp-block-group ol,
.entry-content > ul,
.entry-content > ol {
margin: 32px auto;
font-size: 16px;
line-height: 1.5;
max-width: 1440px;
}
.entry-content .wp-block-group ul:first-child,
.entry-content .wp-block-group ol:first-child,
.entry-content > ul:first-child,
.entry-content > ol:first-child {
margin-top: 0;
}
@media screen and (min-width: 720px) {
.entry-content .wp-block-group ul,
.entry-content .wp-block-group ol,
.entry-content > ul,
.entry-content > ol {
font-size: 18px;
}
}
.entry-content .wp-block-group ul li:not(:last-child),
.entry-content .wp-block-group ol li:not(:last-child),
.entry-content > ul li:not(:last-child),
.entry-content > ol li:not(:last-child) {
margin-bottom: 16px;
}
.entry-content .wp-block-group .wp-block-buttons,
.entry-content > .wp-block-buttons {
margin: 32px auto;
max-width: 1440px;
}
.entry-content .wp-block-group .wp-block-buttons .wp-block-button__link.wp-element-button,
.entry-content > .wp-block-buttons .wp-block-button__link.wp-element-button {
margin: 8px 0;
}
.page-template-page-wide .entry-content .wp-block-group {
margin: 32px auto;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content .wp-block-group {
margin: 48px auto;
}
}
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 32px;
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content .wp-block-group__inner-container {
padding: 0 80px;
max-width: 1440px;
}
}
.page-template-page-wide .entry-content > p {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > p {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > p {
padding: 0 80px;
max-width: 1440px;
}
}
.page-template-page-wide .entry-content > p.has-medium-font-size {
font-size: 18px;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > p.has-medium-font-size {
font-size: 20px;
}
}
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > h1,
.page-template-page-wide .entry-content > h2,
.page-template-page-wide .entry-content > h3,
.page-template-page-wide .entry-content > h4,
.page-template-page-wide .entry-content > h5,
.page-template-page-wide .entry-content > h6 {
padding: 0 80px;
max-width: 1440px;
}
}
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 48px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 64px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > ul,
.page-template-page-wide .entry-content > ol {
padding: 0 96px;
max-width: 1440px;
}
}
.page-template-page-wide .entry-content > .wp-block-embed,
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 32px;
position: relative;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content > .wp-block-embed,
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 48px;
}
}
@media screen and (min-width: 1240px) {
.page-template-page-wide .entry-content > .wp-block-embed,
.page-template-page-wide .entry-content > .wp-block-buttons {
padding: 0 80px;
max-width: 1440px;
}
}
.page-template-page-wide .entry-content .wp-block-embed {
margin: 32px auto;
}
@media screen and (min-width: 720px) {
.page-template-page-wide .entry-content .wp-block-embed {
margin: 48px auto;
}
}
.page-template-page-wide .entry-content .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
width: 100%;
display: block;
}
.page-template-page-wide .entry-content .wp-block-embed__wrapper iframe,
.page-template-page-wide .entry-content .wp-block-embed__wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
article.type-usluga .block-cf7-custom.dark {
margin: 48px auto 0;
}
@media screen and (min-width: 1240px) {
article.type-usluga .block-cf7-custom.dark {
margin: 80px auto 0;
}
}
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 24px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 12px 32px;
}
}
@media screen and (min-width: 1240px) {
.block-cf7-custom .form-fields,
.contact-page-form .form-fields {
gap: 16px 48px;
}
}
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-fields .form-fields,
.contact-page-form .form-fields .form-fields {
grid-template-columns: 1fr;
}
}
.block-cf7-custom .form-fields .form-fields .wide,
.contact-page-form .form-fields .form-fields .wide {
grid-column: span 1;
}
.block-cf7-custom .form-fields .form-fields ~ .form-fields,
.contact-page-form .form-fields .form-fields ~ .form-fields {
grid-template-columns: 1fr;
}
.block-cf7-custom .form-field,
.contact-page-form .form-field {
position: relative;
margin: 0;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .form-field.wide, .block-cf7-custom .form-field.form-row-wide,
.contact-page-form .form-field.wide,
.contact-page-form .form-field.form-row-wide {
grid-column: 1 / 3;
}
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater-container,
.contact-page-form .cf7-repeater-container {
grid-column: 1 / 3;
}
}
.block-cf7-custom .cf7-repeater,
.contact-page-form .cf7-repeater {
padding: 0;
}
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
border-radius: 8px;
padding: 16px;
background-color: #eee;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-item,
.contact-page-form .cf7-repeater .repeater-field-item {
padding: 24px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-header,
.contact-page-form .cf7-repeater .repeater-field-header {
display: flex;
width: 100%;
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
display: block;
background-color: #fff;
background-position: center;
color: #6F2382;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 2px solid #6F2382;
cursor: pointer;
max-width: 280px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-repeater .repeater-field-button-add,
.contact-page-form .cf7-repeater .repeater-field-button-add {
padding: 4px 16px;
}
}
.block-cf7-custom .cf7-repeater .repeater-field-button-add:hover,
.contact-page-form .cf7-repeater .repeater-field-button-add:hover {
opacity: 1;
color: #fff;
background-color: #6F2382;
}
.block-cf7-custom label,
.contact-page-form label {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: #2a2a28;
display: block;
}
@media screen and (min-width: 720px) {
.block-cf7-custom label,
.contact-page-form label {
font-size: 16px;
}
}
.block-cf7-custom label .wpcf7-form-control-wrap,
.contact-page-form label .wpcf7-form-control-wrap {
margin-top: 10px;
display: block;
}
.block-cf7-custom .cf7-upload-card,
.contact-page-form .cf7-upload-card {
position: relative;
border: 2px dashed #6F2382;
border-radius: 8px;
background-color: #fff;
overflow: hidden;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .cf7-upload-card:hover, .block-cf7-custom .cf7-upload-card:focus-within,
.contact-page-form .cf7-upload-card:hover,
.contact-page-form .cf7-upload-card:focus-within {
border-color: #6F2382;
background-color: rgba(111, 35, 130, 0.04);
}
.block-cf7-custom .cf7-upload-card.has-file,
.contact-page-form .cf7-upload-card.has-file {
border-style: solid;
background-color: rgba(111, 35, 130, 0.06);
}
.block-cf7-custom .cf7-upload-card__inner,
.contact-page-form .cf7-upload-card__inner {
padding: 24px;
text-align: center;
pointer-events: none;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .cf7-upload-card__inner,
.contact-page-form .cf7-upload-card__inner {
padding: 32px;
}
}
.block-cf7-custom .cf7-upload-card__icon,
.contact-page-form .cf7-upload-card__icon {
width: 52px;
height: 52px;
margin: 0 auto 16px;
border-radius: 50%;
background-color: #6F2382;
color: #fff;
font-size: 28px;
font-weight: 700;
line-height: 48px;
text-align: center;
}
.block-cf7-custom .cf7-upload-card__title,
.contact-page-form .cf7-upload-card__title {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: #2a2a28;
}
.block-cf7-custom .cf7-upload-card__meta,
.contact-page-form .cf7-upload-card__meta {
margin-top: 8px;
font-size: 13px;
line-height: 1.4;
color: #666;
}
.block-cf7-custom .cf7-upload-card .wpcf7-form-control-wrap,
.contact-page-form .cf7-upload-card .wpcf7-form-control-wrap {
position: absolute;
inset: 0;
margin-top: 0;
}
.block-cf7-custom .cf7-upload-card input[type="file"],
.contact-page-form .cf7-upload-card input[type="file"] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
padding: 0;
border: 0;
z-index: 1;
}
.block-cf7-custom input:not([type="radio"]),
.block-cf7-custom input:not([type="checkbox"]),
.contact-page-form input:not([type="radio"]),
.contact-page-form input:not([type="checkbox"]) {
border-radius: 8px;
display: block;
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 8px 16px;
}
.block-cf7-custom textarea,
.contact-page-form textarea {
border-radius: 8px;
display: block;
width: 100%;
max-width: 100%;
resize: none;
min-height: 120px;
}
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
display: block;
background-color: #6F2382;
background-position: center;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 700;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
width: 100%;
border: 1px solid #6F2382;
cursor: pointer;
}
@media screen and (min-width: 720px) {
.block-cf7-custom input[type="submit"],
.contact-page-form input[type="submit"] {
padding: 4px 16px;
height: 42px;
}
}
.block-cf7-custom input[type="submit"]:hover,
.contact-page-form input[type="submit"]:hover {
color: #6F2382;
background-color: #fff;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:before {
border-color: #6F2382;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label > span,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label,
.contact-page-form .wpcf7-form-control.wpcf7-radio label > span,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label {
font-size: 16px;
}
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label > span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label > span:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #E4E4E4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label > span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label > span:after,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #6F2382;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label > span:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-radio label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label > span:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-radio label label:hover:before {
border-color: #6F2382;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input {
display: none;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:before {
border-color: #6F2382;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after, .block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input[type="hidden"] + label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label {
font-size: 16px;
}
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #E4E4E4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:after,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:after,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #6F2382;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.block-cf7-custom .wpcf7-form-control.wpcf7-checkbox label label:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label > span:hover:before,
.contact-page-form .wpcf7-form-control.wpcf7-checkbox label label:hover:before {
border-color: #6F2382;
}
.block-cf7-custom .wpcf7-spinner,
.contact-page-form .wpcf7-spinner {
position: absolute;
left: 0;
right: 0;
display: block;
margin: 8px auto;
}
.contact-page-info {
padding: 16px;
background-color: #eee;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.contact-page-info {
padding: 24px;
border-radius: 16px;
}
}
.contact-page-info p a {
text-decoration: none;
}
.contact-page-info p .social-icons {
font-size: 125%;
}
.contact-page-info p .social-icons a {
display: inline-block;
}
.block-cf7-custom {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom {
padding-top: 48px;
padding-bottom: 48px;
}
}
@media screen and (min-width: 1024px) {
.block-cf7-custom {
padding-top: 64px;
padding-bottom: 64px;
}
}
.block-cf7-custom.donacije, .block-cf7-custom.clanstvo {
padding-top: 0;
}
.block-cf7-custom.donacije .wpcf7-list-item label input, .block-cf7-custom.clanstvo .wpcf7-list-item label input {
display: none;
}
.block-cf7-custom.donacije .wpcf7-list-item label input[type="hidden"] + span:before,
.block-cf7-custom.donacije .wpcf7-list-item label input[type="hidden"] + label:before, .block-cf7-custom.donacije .wpcf7-list-item label input:checked + span:before,
.block-cf7-custom.donacije .wpcf7-list-item label input:checked + label:before, .block-cf7-custom.clanstvo .wpcf7-list-item label input[type="hidden"] + span:before,
.block-cf7-custom.clanstvo .wpcf7-list-item label input[type="hidden"] + label:before, .block-cf7-custom.clanstvo .wpcf7-list-item label input:checked + span:before,
.block-cf7-custom.clanstvo .wpcf7-list-item label input:checked + label:before {
border-color: #6F2382;
}
.block-cf7-custom.donacije .wpcf7-list-item label input[type="hidden"] + span:after,
.block-cf7-custom.donacije .wpcf7-list-item label input[type="hidden"] + label:after, .block-cf7-custom.donacije .wpcf7-list-item label input:checked + span:after,
.block-cf7-custom.donacije .wpcf7-list-item label input:checked + label:after, .block-cf7-custom.clanstvo .wpcf7-list-item label input[type="hidden"] + span:after,
.block-cf7-custom.clanstvo .wpcf7-list-item label input[type="hidden"] + label:after, .block-cf7-custom.clanstvo .wpcf7-list-item label input:checked + span:after,
.block-cf7-custom.clanstvo .wpcf7-list-item label input:checked + label:after {
opacity: 1;
}
.block-cf7-custom.donacije .wpcf7-list-item label > span,
.block-cf7-custom.donacije .wpcf7-list-item label label, .block-cf7-custom.clanstvo .wpcf7-list-item label > span,
.block-cf7-custom.clanstvo .wpcf7-list-item label label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-cf7-custom.donacije .wpcf7-list-item label > span,
.block-cf7-custom.donacije .wpcf7-list-item label label, .block-cf7-custom.clanstvo .wpcf7-list-item label > span,
.block-cf7-custom.clanstvo .wpcf7-list-item label label {
font-size: 16px;
}
}
.block-cf7-custom.donacije .wpcf7-list-item label > span:before,
.block-cf7-custom.donacije .wpcf7-list-item label label:before, .block-cf7-custom.clanstvo .wpcf7-list-item label > span:before,
.block-cf7-custom.clanstvo .wpcf7-list-item label label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #E4E4E4;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom.donacije .wpcf7-list-item label > span:after,
.block-cf7-custom.donacije .wpcf7-list-item label label:after, .block-cf7-custom.clanstvo .wpcf7-list-item label > span:after,
.block-cf7-custom.clanstvo .wpcf7-list-item label label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #6F2382;
border: 2px solid #fff;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-cf7-custom.donacije .wpcf7-list-item label > span:hover:before,
.block-cf7-custom.donacije .wpcf7-list-item label label:hover:before, .block-cf7-custom.clanstvo .wpcf7-list-item label > span:hover:before,
.block-cf7-custom.clanstvo .wpcf7-list-item label label:hover:before {
border-color: #6F2382;
}
.block-cf7-custom.donacije .notices-labels p, .block-cf7-custom.clanstvo .notices-labels p {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #2a2a28;
letter-spacing: 0.02em;
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom.donacije .notices-labels p, .block-cf7-custom.clanstvo .notices-labels p {
font-size: 16px;
margin: 0 0 24px;
}
}
.block-cf7-custom .notice {
padding: 16px;
background-color: #eee;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-cf7-custom .notice {
padding: 24px;
}
}
.block-cf7-custom .notice.notice-warning {
background-color: #fcf7eb;
border: 1px solid #e6b137;
color: #e6b137;
}
.block-cf7-custom .notice.notice-error {
background-color: #fcf7eb;
border: 1px solid #b5292d;
color: #b5292d;
}
.block-cf7-custom-title {
text-align: center;
line-height: 1;
margin: 0;
}
.block-cf7-custom-description {
text-align: center;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #666;
}
.block-cf7-custom .form-container {
margin-top: 32px;
}
.block-cf7-custom.dark:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-color: #2a2a28;
display: block;
}
.block-cf7-custom.dark .block-cf7-custom-title,
.block-cf7-custom.dark label {
color: #fff;
}
.block-cf7-custom.dark .block-cf7-custom-description {
color: #E4E4E4;
}
.block-cf7-custom.dark input:not([type="submit"]),
.block-cf7-custom.dark textarea {
background-color: #666;
border: 0;
color: #fff;
}
.cmplz-document.cookie-statement {
margin: 0 auto;
}
.cmplz-document.cookie-statement p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #2a2a28;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cmplz-document.cookie-statement p {
font-size: 16px;
}
}
.cmplz-document.cookie-statement p:last-child {
margin-bottom: 0;
}
.wp-block-embed__wrapper {
width: 100%;
display: block;
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
}
.cf7-upload-card {
position: relative;
border: 2px dashed #6F2382;
border-radius: 8px;
background: #fff;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
overflow: hidden;
}
.cf7-upload-card:hover {
background-color: rgba(111, 35, 130, 0.04);
border-color: #572a61;
}
.cf7-upload-card__inner {
padding: 24px 20px;
text-align: center;
pointer-events: none;
}
.cf7-upload-card__icon {
width: 48px;
height: 48px;
margin: 0 auto 12px;
border-radius: 999px;
background: #6F2382;
color: #fff;
font-size: 28px;
font-weight: 700;
line-height: 48px;
}
.cf7-upload-card__title {
font-size: 16px;
font-weight: 600;
color: #2a2a28;
}
.cf7-upload-card__meta {
margin-top: 6px;
font-size: 13px;
color: #666;
}
.cf7-upload-card__input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.section-our-team {
background: #2a2a28;
}
@media screen and (min-width: 1024px) {
.section-our-team {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/looper_star.svg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 50%;
}
}
@media screen and (min-width: 1440px) {
.section-our-team {
background-size: auto 100%;
}
}
.section-our-team-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-our-team-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-our-team-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-our-team-wrapper h2 {
color: #fff;
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
margin: 0 0 24px;
}
@media screen and (max-width: 320px) {
.section-our-team-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-our-team-wrapper h2 {
font-size: 40px;
}
}
@media screen and (min-width: 720px) {
.section-our-team-wrapper h2 {
margin: 0 0 32px;
}
}
.section-our-team-wrapper p {
color: #fff;
line-height: 1.5;
}
.section-our-team-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 48px 32px;
margin-top: 32px;
}
@media screen and (min-width: 480px) {
.section-our-team-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.section-our-team-grid {
margin-top: 48px;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-our-team-grid {
margin-top: 80px;
gap: 48px 48px;
grid-template-columns: repeat(5, 1fr);
}
}
.section-our-team-member {
text-align: center;
}
.section-our-team-member img {
display: block;
margin: 0;
width: 100%;
height: auto;
}
.section-our-team-member .info {
margin-top: 32px;
}
.section-our-team-member h3 {
margin: 0;
font-size: 18px;
color: #fff;
font-weight: 600;
}
.section-our-team-member p {
margin: 0 0 16px;
color: #fff;
font-weight: 400;
font-size: 18px;
}
.section-our-team-member p.linked {
margin: 0;
}
.section-our-team-member p.linked a svg path {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-our-team-member p.linked a:hover svg path {
fill: #6F2382;
}
.section-our-team-member p.linked span {
display: none;
}
.section-text-separator.background_backup {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/blend_bg.svg);
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (min-width: 720px) {
.section-text-separator.background_backup {
background-size: auto 100%;
}
}
.section-text-separator-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-text-separator-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-separator-wrapper h2 {
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
margin: 0 0 48px;
}
@media screen and (max-width: 320px) {
.section-text-separator-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-separator-wrapper h2 {
font-size: 40px;
}
}
@media screen and (min-width: 720px) {
.section-text-separator-wrapper h2 {
margin: 0 0 80px;
}
}
.section-text-separator-grid {
grid-template-columns: 1fr;
gap: 80px;
display: grid;
}
@media screen and (min-width: 720px) {
.section-text-separator-grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-grid {
grid-template-columns: 1fr 1fr;
gap: 360px;
}
}
@media screen and (min-width: 720px) {
.section-text-separator-box:first-child {
position: relative;
}
.section-text-separator-box:first-child:after {
position: absolute;
content: "";
left: 100%;
top: 0;
width: 3px;
height: 100%;
background-color: #6F2382;
transform: translateX(32px);
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-box:first-child:after {
transform: translateX(180px);
}
}
.section-text-separator-box h3 {
font-size: calc(20px + 6 * ((100vw - 320px) / 920));
font-weight: 600;
margin: 0 0 32px;
}
@media screen and (max-width: 320px) {
.section-text-separator-box h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-text-separator-box h3 {
font-size: 26px;
}
}
@media screen and (min-width: 1024px) {
.section-text-separator-box h3 {
margin: 0 0 48px;
}
}
.section-text-separator-team {
padding: 0;
margin: 0;
list-style-type: none;
display: grid;
gap: 32px;
}
.section-text-separator-team h4,
.section-text-separator-team a {
margin: 0;
color: #2a2a28;
font-size: 16px;
line-height: 1.5;
text-decoration: none;
}
.section-text-separator-team a {
text-decoration: underline;
}
.section-text-separator-team a:after {
content: "";
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/arrow-up-right.svg);
background-position: center;
background-size: contain;
display: inline-block;
width: 16px;
height: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-text-separator-team a:hover {
text-decoration: none;
}
.section-text-separator-team a:hover:after {
transform: translateX(8px) translateY(-2px);
}
.section-text-separator-team p {
margin: 0;
}
.section-simple-features-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-simple-features-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
.section-simple-features-wrapper h2 {
margin: 0 0 24px;
}
@media screen and (min-width: 720px) {
.section-simple-features-wrapper h2 {
margin: 0 0 32px;
}
}
@media screen and (min-width: 1024px) {
.section-simple-features-wrapper h2 {
margin: 0 0 48px;
}
}
.section-simple-features-grid {
grid-template-columns: 1fr;
gap: 32px;
display: grid;
margin: 0;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 720px) {
.section-simple-features-grid {
grid-template-columns: repeat(3, 1fr);
gap: 48px;
}
}
@media screen and (min-width: 1024px) {
.section-simple-features-grid {
gap: 120px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid {
gap: 180px;
}
}
.section-simple-features-grid li {
padding: 0;
margin: 0;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-simple-features-grid li {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid li {
font-size: 18px;
}
}
.section-simple-features-grid li p {
margin: 0;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-simple-features-grid li p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid li p {
font-size: 18px;
}
}
.section-simple-features-grid li p strong {
display: block;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-simple-features-grid li p strong {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-simple-features-grid li p strong {
font-size: 54px;
}
}
.section-solutions-grid {
overflow: hidden;
}
.section-solutions-grid-wrapper {
padding-top: 48px;
padding-bottom: 48px;
display: grid;
gap: 80px;
justify-content: center;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-wrapper {
padding-top: 64px;
padding-bottom: 64px;
gap: 120px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 1440px) {
.section-solutions-grid-wrapper {
padding-top: 120px;
padding-bottom: 120px;
}
}
.section-solutions-grid-item {
display: grid;
gap: 48px;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item {
grid-template-columns: 1fr 1fr;
gap: 80px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item.grid-layout-40-60 {
grid-template-columns: 2fr 3fr;
}
}
@media screen and (min-width: 1240px) {
.section-solutions-grid-item {
gap: 120px;
}
}
.section-solutions-grid-item .item-icon {
margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-icon {
margin-bottom: 48px;
}
}
.section-solutions-grid-item .item-icon img {
max-width: 92px;
aspect-ratio: 16/8;
object-fit: contain;
object-position: left center;
width: 100%;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-icon img {
max-width: 140px;
}
}
.section-solutions-grid-item .item-image {
order: 1;
position: relative;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-image {
order: 3;
}
}
.section-solutions-grid-item .item-image:after {
width: 150%;
height: 150%;
display: block;
position: absolute;
z-index: 0;
top: -40%;
right: -55%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.75;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item .item-image:after {
top: -25%;
right: -55%;
}
}
.section-solutions-grid-item .item-image img {
display: block;
position: relative;
z-index: 1;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.section-solutions-grid-item .item-image.item-video .item-video-frame {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 8px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
aspect-ratio: 16 / 9;
background-color: #000;
}
.section-solutions-grid-item .item-image.item-video iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.section-solutions-grid-item .item-info {
order: 3;
z-index: 1;
position: relative;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info {
order: 2;
}
}
.section-solutions-grid-item .item-info h2 {
margin: 0 0 24px;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info h2 {
margin: 0 0 32px;
}
}
.section-solutions-grid-item .item-info ul {
margin-left: 0;
}
.section-solutions-grid-item .item-info li,
.section-solutions-grid-item .item-info p {
margin: 0;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item .item-info li,
.section-solutions-grid-item .item-info p {
font-size: 18px;
}
}
.section-solutions-grid-item .item-info li:not(:last-child),
.section-solutions-grid-item .item-info p:not(:last-child) {
margin-bottom: 24px;
}
.section-solutions-grid-item .item-info li strong,
.section-solutions-grid-item .item-info p strong {
font-weight: 500;
}
.section-solutions-grid-item:nth-child(even) .item-image:after {
right: unset;
left: -75%;
top: -25%;
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-item:nth-child(even) .item-image:after {
top: -30%;
left: -40%;
}
}
@media screen and (min-width: 720px) {
.section-solutions-grid-item:nth-child(even) .item-info {
order: 4;
}
}
.section-solutions-grid-features {
margin: 32px 0 0;
padding: 0;
list-style-type: none;
display: grid;
gap: 24px;
grid-template-columns: 1fr;
}
.section-solutions-grid-features li {
margin: 0;
}
.section-solutions-grid-features li img {
display: block;
width: 32px;
aspect-ratio: 1;
object-fit: contain;
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-features li img {
width: 40px;
}
}
.section-solutions-grid-button {
margin: 32px 0 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 16px;
}
@media screen and (min-width: 720px) {
.section-solutions-grid-button {
margin-top: 48px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-button {
margin-top: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-solutions-grid-button a {
padding: 12px 24px;
}
}
.section-indices-info-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-indices-info-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-indices-info h2 {
margin: 0 0 16px;
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info h2 {
font-size: 36px;
}
}
@media screen and (min-width: 720px) {
.section-indices-info h2 {
margin: 0 0 24px;
}
}
.section-indices-info-boxes {
display: grid;
gap: 32px;
margin: 24px 0 0;
}
@media screen and (min-width: 720px) {
.section-indices-info-boxes {
grid-template-columns: repeat(2, 1fr);
margin: 32px 0 0;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-boxes {
gap: 48px;
margin: 48px 0 0;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-boxes {
gap: 120px;
}
}
.section-indices-info-box img {
display: block;
width: 40px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
}
.section-indices-info-box h3 {
margin: 16px 0 0;
line-height: 1.1;
font-weight: 500;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info-box h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-box h3 {
font-size: 26px;
}
}
.section-indices-info-box p {
margin: 8px 0;
line-height: 1.5;
font-weight: 400;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-indices-info-box p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-indices-info-box p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.section-indices-info-box p {
margin: 16px 0;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-box p {
margin: 16px 0 24px;
}
}
.section-indices-info-box a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.section-indices-info-box a:hover {
text-decoration: underline;
}
.section-indices-info-note {
background-color: #eee;
padding: 24px 16px;
}
@media screen and (min-width: 720px) {
.section-indices-info-note {
padding: 24px 80px;
}
}
@media screen and (min-width: 1024px) {
.section-indices-info-note {
padding: 32px 180px;
}
}
.section-indices-info-note p {
margin: 0;
}
@media screen and (min-width: 720px) {
.section-indices-info-note p {
text-align: center;
}
}
.section-page-intro {
position: relative;
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.section-page-intro {
margin-bottom: 48px;
}
}
.section-page-intro img {
object-fit: cover;
aspect-ratio: 5/3;
display: block;
}
@media screen and (min-width: 720px) {
.section-page-intro img {
height: 350px;
aspect-ratio: unset;
width: 100%;
}
}
.section-page-intro-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.section-page-intro-wrapper h1 {
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
color: #fff;
font-weight: 600;
line-height: 1.1;
text-shadow: 1px 1px 4px rgba(42, 42, 40, 0.5);
}
@media screen and (max-width: 320px) {
.section-page-intro-wrapper h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-page-intro-wrapper h1 {
font-size: 54px;
}
}
.section-page-intro-description {
margin-top: 12px;
margin-bottom: 0;
max-width: 720px;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: inherit;
text-shadow: 1px 1px 4px rgba(42, 42, 40, 0.35);
}
.section-page-intro-description.weight-bold {
font-weight: 600;
}
.section-page-intro-description.color-black {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.section-page-intro-description.color-white {
color: #fff;
text-shadow: 1px 1px 4px rgba(42, 42, 40, 0.35);
}
.section-page-intro-description.color-primary {
color: #6F2382;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.15);
}
.section-page-intro.black h1,
.section-page-intro.black .section-page-intro-description.color-inherit {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.section-page-intro.white .section-page-intro-description.color-inherit {
color: #fff;
text-shadow: 1px 1px 4px rgba(42, 42, 40, 0.35);
}
.section-query-posts {
background-color: #F2F4F7;
}
.section-query-posts + .section-query-posts {
margin-top: -48px;
}
@media screen and (min-width: 720px) {
.section-query-posts + .section-query-posts {
margin-top: -64px;
}
}
.section-query-posts-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-query-posts-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-query-posts-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-query-posts-wrapper h2 {
font-size: calc(18px + 18 * ((100vw - 320px) / 920));
line-height: 40px;
margin: 0 0 32px;
}
@media screen and (max-width: 320px) {
.section-query-posts-wrapper h2 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-wrapper h2 {
font-size: 36px;
}
}
.section-query-posts-header.with-button {
padding-right: 100px;
position: relative;
}
.section-query-posts-header a {
position: absolute;
top: 0;
right: 0;
}
.section-query-posts-items {
display: grid;
gap: 24px;
list-style-type: none;
margin: 0;
padding: 0;
}
.section-query-posts-item {
margin: 0;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
@media screen and (min-width: 720px) {
.section-query-posts-item {
display: grid;
grid-template-columns: 5fr 2fr;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item {
display: grid;
grid-template-columns: 6fr 2fr;
}
}
.section-query-posts-item .post-info {
display: grid;
padding: 16px;
}
@media screen and (min-width: 720px) {
.section-query-posts-item .post-info {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info {
padding: 32px;
}
}
.section-query-posts-item .post-info time {
color: #989898;
font-size: 12px;
line-height: 1.5;
display: block;
margin-bottom: 12px;
font-size: calc(10px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info time {
font-size: 10px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info time {
font-size: 14px;
}
}
.section-query-posts-item .post-info h3 {
margin: 0 0 12px;
font-weight: 400;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info h3 {
font-size: 26px;
}
}
.section-query-posts-item .post-info h3 a {
color: #2a2a28;
text-decoration: none;
}
.section-query-posts-item .post-info h3 a:hover {
text-decoration: underline;
}
.section-query-posts-item .post-info p {
margin: 0;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-query-posts-item .post-info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-info p {
font-size: 18px;
}
}
.section-query-posts-item .post-info p.read-more {
margin-top: 12px;
}
.section-query-posts-item .post-info p.read-more a {
text-decoration: none;
font-weight: 600;
}
.section-query-posts-item .post-info p.read-more a:after {
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-left: 8px;
vertical-align: sub;
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/icons/chevron-right.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-image {
padding: 32px;
}
}
.section-query-posts-item .post-image a {
text-decoration: none;
display: block;
}
.section-query-posts-item .post-image img {
display: block;
margin: 0;
aspect-ratio: 2/1;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.section-query-posts-item .post-image img {
height: 100%;
width: 100%;
aspect-ratio: unset;
}
}
@media screen and (min-width: 1240px) {
.section-query-posts-item .post-image img {
border-radius: 8px;
}
}
.section-query-posts .navigation.posts-navigation {
margin: 32px auto 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation {
margin-top: 48px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links {
display: flex;
justify-content: center;
gap: 24px;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation .nav-links {
gap: 32px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links a {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #6F2382;
background-color: #6F2382;
color: #fff;
}
@media screen and (min-width: 720px) {
.section-query-posts .navigation.posts-navigation .nav-links a {
font-size: 16px;
}
}
.section-query-posts .navigation.posts-navigation .nav-links a:hover {
border-color: #572a61;
background-color: #572a61;
color: #fff;
}
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 24px 16px;
}
@media screen and (min-width: 720px) {
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 24px;
}
}
@media screen and (min-width: 1240px) {
.category-media .section-query-posts .section-query-posts-item .post-image {
padding: 32px 48px;
}
}
.category-media .section-query-posts .section-query-posts-item .post-image img {
aspect-ratio: unset;
max-width: 50%;
object-fit: contain;
}
@media screen and (min-width: 720px) {
.category-media .section-query-posts .section-query-posts-item .post-image img {
max-width: 100%;
}
}
.section-nas-tim-intro {
position: relative;
margin-bottom: 32px;
}
@media screen and (min-width: 720px) {
.section-nas-tim-intro {
margin-bottom: 48px;
}
}
.section-nas-tim-intro picture,
.section-nas-tim-intro img {
display: block;
width: 100%;
}
.section-nas-tim-intro img {
aspect-ratio: 5/3;
object-fit: cover;
}
@media screen and (min-width: 720px) {
.section-nas-tim-intro img {
height: 350px;
aspect-ratio: unset;
width: 100%;
}
}
.section-nas-tim-intro-title {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.section-nas-tim-intro-title h1,
.section-nas-tim-intro-title h2 {
margin: 0;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
color: #fff;
font-weight: 600;
line-height: 1.1;
text-shadow: 1px 1px 4px rgba(42, 42, 40, 0.5);
}
@media screen and (max-width: 320px) {
.section-nas-tim-intro-title h1,
.section-nas-tim-intro-title h2 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.section-nas-tim-intro-title h1,
.section-nas-tim-intro-title h2 {
font-size: 54px;
}
}
.section-nas-tim-intro.white h1,
.section-nas-tim-intro.white h2 {
color: #fff;
}
.section-nas-tim-intro.black h1,
.section-nas-tim-intro.black h2 {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.section-nas-tim .section-query-posts-header h2 {
margin-bottom: 0;
}
.section-nas-tim-slider-header {
max-width: 1020px;
margin: 0 auto 32px;
text-align: center;
}
.section-nas-tim-slider-header h2 {
margin: 0 auto;
color: #2a2a28;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
text-align: center;
width: 100%;
position: relative;
}
@media screen and (max-width: 320px) {
.section-nas-tim-slider-header h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-nas-tim-slider-header h2 {
font-size: 44px;
}
}
.section-nas-tim-slider-header p {
color: #2a2a28;
margin: 8px 0;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-nas-tim-slider-header p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-nas-tim-slider-header p {
font-size: 20px;
}
}
.section-nas-tim-items {
display: grid;
gap: 24px;
}
@media screen and (min-width: 720px) {
.section-nas-tim-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-nas-tim-items {
grid-template-columns: repeat(4, 1fr);
}
}
.section-nas-tim.is-slider .section-nas-tim-items {
display: block;
}
.section-nas-tim.is-slider.is-slider-loading .section-nas-tim-items {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
position: relative;
}
@media screen and (min-width: 720px) {
.section-nas-tim.is-slider.is-slider-loading .section-nas-tim-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-nas-tim.is-slider.is-slider-loading .section-nas-tim-items {
grid-template-columns: repeat(4, 1fr);
}
}
.section-nas-tim.is-slider.is-slider-loading .section-nas-tim-items:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.05));
animation: team-slider-loading 1.2s ease-in-out infinite;
pointer-events: none;
}
.section-nas-tim.is-slider .owl-nav {
margin-top: 16px;
display: flex;
justify-content: center;
gap: 12px;
position: absolute;
gap: 16px;
top: unset;
right: 0;
bottom: 100%;
margin: 0 0 24px;
}
.section-nas-tim.is-slider .owl-nav button {
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid #6F2382;
background-color: #fff;
color: transparent;
position: relative;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
top: 0;
right: 0;
left: 0;
bottom: 0;
position: relative;
transform: none;
}
.section-nas-tim.is-slider .owl-nav button:before {
font-family: 'icomoon';
font-size: 14px;
line-height: 1;
color: #6F2382;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-nas-tim.is-slider .owl-nav button.owl-prev:before {
content: "\e90c";
}
.section-nas-tim.is-slider .owl-nav button.owl-next:before {
content: "\e90d";
}
.section-nas-tim.is-slider .owl-nav button:hover {
background-color: #6F2382;
}
.section-nas-tim.is-slider .owl-nav button:hover:before {
color: #fff;
}
.section-nas-tim.is-slider .section-nas-tim-slider-footer {
margin-top: 32px;
text-align: center;
}
.section-nas-tim.is-slider .section-nas-tim-slider-footer a {
text-decoration: none;
font-weight: 500;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-nas-tim.is-slider .section-nas-tim-slider-footer a {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-nas-tim.is-slider .section-nas-tim-slider-footer a {
font-size: 20px;
}
}
.section-nas-tim .section-nas-tim-item {
height: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: start;
}
.section-nas-tim .section-nas-tim-item .post-image {
padding: 0;
display: block;
overflow: hidden;
}
.section-nas-tim .section-nas-tim-item .post-image img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
border-radius: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-nas-tim .section-nas-tim-item .post-image img:hover {
transform: scale(1.05);
}
.section-nas-tim .section-nas-tim-item .post-info {
padding: 16px;
}
@media screen and (min-width: 720px) {
.section-nas-tim .section-nas-tim-item .post-info {
padding: 24px;
}
}
.section-nas-tim .section-nas-tim-item .entry-subtitle {
font-weight: 600;
margin: 0 0 12px;
}
.section-nas-tim-contact {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 6px;
}
.section-nas-tim-contact a {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
}
.section-nas-tim-contact a i {
font-size: 14px;
color: #6F2382;
}
.section-nas-tim-contact a span {
line-height: 1.4;
}
.section-nas-tim-contact a:hover {
text-decoration: underline;
}
@keyframes team-slider-loading {
0% {
opacity: 0.2;
}
50% {
opacity: 0.6;
}
100% {
opacity: 0.2;
}
}
.section-video-grid-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-video-grid-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
.section-video-grid-header {
margin-bottom: 32px;
}
.section-video-grid-header h2 {
margin: 0 0 12px;
}
.section-video-grid-header p {
margin: 0;
color: #2a2a28;
}
.section-video-grid-items {
display: grid;
gap: 24px;
}
@media screen and (min-width: 720px) {
.section-video-grid-items.is-grid-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 720px) {
.section-video-grid-items.is-grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-video-grid-items.is-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 720px) {
.section-video-grid-items.is-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.section-video-grid-items.is-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.section-video-grid-item {
background-color: #f4f8fb;
border-radius: 8px;
overflow: hidden;
}
.section-video-grid-item .video-frame {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #000;
}
.section-video-grid-item .video-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-video-grid-item .video-frame .video-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 68px;
height: 48px;
border: 0;
border-radius: 10px;
background: rgba(33, 39, 42, 0.8);
cursor: pointer;
padding: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.section-video-grid-item .video-frame .video-play span {
display: block;
width: 0;
height: 0;
margin: 0 auto;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 16px solid #fff;
transform: translateX(2px);
}
.section-video-grid-item .video-frame .video-play:hover {
background: rgba(33, 39, 42, 0.95);
}
.section-video-grid-item .video-frame.is-loaded {
background-image: none !important;
}
.section-video-grid-item .video-frame.is-loaded .video-play {
display: none;
}
.section-video-grid-item h3 {
margin: 0;
padding: 16px;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-video-grid-item h3 {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-video-grid-item h3 {
font-size: 20px;
}
}
.schedule-a-demo {
position: relative;
padding: 48px 0;
}
@media screen and (min-width: 720px) {
.schedule-a-demo {
padding: 80px 0;
}
}
@media screen and (min-width: 1024px) {
.schedule-a-demo {
padding: 120px 0;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo {
padding: 180px 0;
}
}
.schedule-a-demo-background {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
object-fit: cover;
display: block;
width: 100%;
height: 100%;
}
.schedule-a-demo-wrapper {
z-index: 2;
position: relative;
}
.schedule-a-demo-form {
margin: 0 auto;
max-width: 740px;
border-radius: 8px;
background-color: #fff;
padding: 32px 24px;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form {
padding: 48px 32px;
}
}
@media screen and (min-width: 1024px) {
.schedule-a-demo-form {
padding: 80px 48px;
}
}
.schedule-a-demo-form h1 {
margin: 0 0 8px;
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.schedule-a-demo-form h1 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo-form h1 {
font-size: 36px;
}
}
.schedule-a-demo-form p {
margin: 0;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.schedule-a-demo-form p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.schedule-a-demo-form p {
font-size: 16px;
}
}
.schedule-a-demo-form-wrapper {
margin-top: 32px;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_heading {
display: none;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_fields {
gap: 24px;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gform_fields {
gap: 32px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gfield_label {
font-weight: 600;
font-size: 14px;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input {
border: 0;
background-color: #F2F4F7;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input {
line-height: 32px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme textarea {
border: 0;
background-color: #F2F4F7;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input {
display: none;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + span:before,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + label:before, .schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + span:before,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + label:before {
border-color: #6F2382;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + span:after,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input[type="hidden"] + label:after, .schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + span:after,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice input:checked + label:after {
opacity: 1;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice > span,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label {
position: relative;
padding-left: 24px;
line-height: 24px;
font-size: 14px;
display: block;
margin: 0;
cursor: pointer;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice > span,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label {
font-size: 16px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice > span:before,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 15px;
height: 15px;
display: block;
background-color: transparent;
border: 2px solid #E4E4E4;
border-radius: 24px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice > span:after,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:after {
content: "";
position: absolute;
left: 2px;
top: 7px;
width: 11px;
height: 11px;
display: block;
background-color: #6F2382;
border: 2px solid #fff;
border-radius: 24px;
opacity: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice > span:hover:before,
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme .gchoice label:hover:before {
border-color: #6F2382;
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"] {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #6F2382;
background-color: #6F2382;
color: #fff;
text-transform: capitalize;
}
@media screen and (min-width: 720px) {
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"] {
font-size: 16px;
}
}
.schedule-a-demo-form-wrapper .gform_wrapper.gravity-theme input[type="submit"]:hover {
border-color: #572a61;
background-color: #572a61;
color: #fff;
}
section h2 {
line-height: 1.15;
font-weight: 500;
font-size: calc(26px + 28 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
section h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
section h2 {
font-size: 54px;
}
}
section p {
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
section p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
section p {
font-size: 18px;
}
}
.block-banner-hero {
background-color: #2a2a28;
position: relative;
overflow: hidden;
}
.block-banner-hero-info {
padding-top: 48px;
margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.block-banner-hero-info {
padding: 0;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 48px;
width: calc(50% - 48px);
z-index: 1;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero-info {
left: 80px;
width: calc(45% - 80px);
}
}
.block-banner-hero-image {
text-align: right;
}
.block-banner-hero h2 {
margin: 0 0 16px;
color: #fff;
}
@media screen and (min-width: 720px) {
.block-banner-hero h2 {
margin: 0 0 24px;
}
}
@media screen and (min-width: 1024px) {
.block-banner-hero h2 {
margin: 0 0 32px;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero h2 {
margin: 0 0 48px;
}
}
.block-banner-hero p {
margin: 0;
color: #fff;
line-height: 1.6;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-banner-hero p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-banner-hero p {
font-size: 18px;
}
}
.block-banner-hero ul {
margin: 40px 0 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 16px;
}
.block-banner-hero img {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 1024px) {
.block-banner-hero img {
object-fit: contain;
object-position: center right;
aspect-ratio: 2/1;
width: 100%;
transform: translateX(10%);
}
}
@media screen and (min-width: 1024px) {
.block-banner-hero img {
transform: translateX(17.5%);
}
}
.section-about-us {
overflow: hidden;
}
.section-about-us-wrapper {
display: grid;
gap: 64px;
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-about-us-wrapper {
grid-template-columns: 1fr 1fr;
gap: 80px;
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-about-us-wrapper {
gap: 180px;
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (min-width: 1240px) {
.section-about-us-wrapper {
gap: 200px;
}
}
.section-about-us h2 {
margin-top: 0;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.section-about-us h2 {
margin-bottom: 32px;
}
}
.section-about-us p {
margin: 0 0 24px;
}
.section-about-us p:last-child {
margin-bottom: 0;
}
.section-about-us ul {
list-style-type: none;
margin: 0;
padding: 0;
display: grid;
gap: 32px;
}
@media screen and (min-width: 720px) {
.section-about-us ul {
gap: 24px;
}
}
.section-about-us ul li {
position: relative;
}
.section-about-us ul li:not(:last-child) {
padding-bottom: 32px;
border-bottom: 2px solid #6F2382;
}
@media screen and (min-width: 720px) {
.section-about-us ul li:not(:last-child) {
padding-bottom: 24px;
}
}
@media screen and (min-width: 720px) {
.section-about-us ul li .icon {
position: absolute;
top: -8px;
right: 100%;
width: 64px;
}
}
.section-about-us ul li .icon svg,
.section-about-us ul li .icon img {
display: block;
width: 32px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
margin-bottom: 8px;
}
.section-about-us ul li .icon svg path,
.section-about-us ul li .icon img path {
stroke: #6F2382;
}
@media screen and (min-width: 720px) {
.section-about-us ul li .icon svg,
.section-about-us ul li .icon img {
width: 48px;
}
}
.section-about-us ul li h3 {
margin: 0 0 8px;
font-size: 36px;
line-height: 1;
font-weight: 600;
}
.section-about-us ul li p {
margin: 0;
}
.section-about-us h3 {
margin: 0;
padding: 0;
}
.section-testimonials {
background-color: #6F2382;
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/testimonail_mobile.svg);
background-position: bottom right;
background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
.section-testimonials {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/testimonail_desktop.svg);
background-position: bottom left;
background-size: auto 100%;
}
}
.section-testimonials-item {
padding: 40px 0;
}
@media screen and (min-width: 720px) {
.section-testimonials-item {
padding: 80px 0;
}
}
@media screen and (min-width: 1024px) {
.section-testimonials-item {
padding: 80px 0 120px;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.section-testimonials .testimonial-info {
order: 1;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-info {
order: 2;
}
}
.section-testimonials .testimonial-info .text {
margin-bottom: 32px;
}
.section-testimonials .testimonial-info .text p {
margin: 0;
font-size: 26px;
line-height: 1.2;
color: #fff;
font-weight: 500;
}
.section-testimonials .testimonial-info .client:before {
position: relative;
content: "";
width: 80px;
height: 3px;
display: block;
background-color: #fff;
margin-bottom: 16px;
}
.section-testimonials .testimonial-info .client-name {
color: #fff;
font-weight: 700;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-testimonials .testimonial-info .client-name {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-testimonials .testimonial-info .client-name {
font-size: 18px;
}
}
.section-testimonials .testimonial-info .client-position {
color: #fff;
font-weight: 400;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-testimonials .testimonial-info .client-position {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-testimonials .testimonial-info .client-position {
font-size: 18px;
}
}
.section-testimonials .testimonial-logo {
order: 2;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-logo {
order: 1;
}
}
.section-testimonials .testimonial-logo img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: contain;
max-width: 50%;
}
@media screen and (min-width: 1024px) {
.section-testimonials .testimonial-logo img {
object-position: top left;
}
}
.section-testimonials .owl-dots {
position: absolute;
bottom: 32px;
left: 0;
display: flex;
gap: 8px;
}
@media screen and (min-width: 1024px) {
.section-testimonials .owl-dots {
text-align: center;
justify-content: center;
width: 100%;
bottom: 80px;
}
}
.section-testimonials .owl-dots .owl-dot {
padding: 0;
width: 8px;
height: 8px;
display: inline-block;
}
@media screen and (min-width: 1024px) {
.section-testimonials .owl-dots .owl-dot {
width: 12px;
height: 12px;
}
}
.section-testimonials .owl-dots .owl-dot.active {
opacity: 0.5;
}
.section-about-extended {
background-color: #F2C94C;
}
.section-about-extended-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-about-extended-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-about-extended-image {
margin-bottom: 32px;
}
.section-about-extended-image img {
max-width: 200px;
aspect-ratio: 16/9;
object-fit: contain;
object-position: left center;
}
.section-about-extended h2 {
margin: 0 0 16px;
}
@media screen and (min-width: 720px) {
.section-about-extended h2 {
margin: 0 0 24px;
}
}
.section-about-extended-boxes {
display: grid;
gap: 32px;
margin: 48px 0 0;
}
@media screen and (min-width: 720px) {
.section-about-extended-boxes {
grid-template-columns: repeat(3, 1fr);
margin: 48px 0 0;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-boxes {
gap: 48px;
margin: 80px 0 0;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-boxes {
gap: 120px;
}
}
.section-about-extended-box img {
display: block;
width: 40px;
height: auto;
aspect-ratio: 1;
object-fit: contain;
}
.section-about-extended-box h3 {
margin: 16px 0 0;
line-height: 1.1;
font-weight: 500;
font-size: calc(18px + 8 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-about-extended-box h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-box h3 {
font-size: 26px;
}
}
.section-about-extended-box p {
margin: 8px 0;
line-height: 1.5;
font-weight: 400;
font-size: calc(16px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-about-extended-box p {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.section-about-extended-box p {
font-size: 18px;
}
}
@media screen and (min-width: 720px) {
.section-about-extended-box p {
margin: 16px 0;
}
}
@media screen and (min-width: 1024px) {
.section-about-extended-box p {
margin: 16px 0 24px;
}
}
.section-about-extended-box a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.section-about-extended-box a:hover {
text-decoration: underline;
}
.section-carousel {
overflow: hidden;
}
.section-carousel-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-carousel-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-carousel-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-carousel h2 {
margin: 0 0 16px;
padding-bottom: 24px;
border-bottom: 3px solid #6F2382;
font-size: calc(26px + 6 * ((100vw - 320px) / 920));
text-align: center;
}
@media screen and (max-width: 320px) {
.section-carousel h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-carousel h2 {
font-size: 32px;
}
}
@media screen and (min-width: 720px) {
.section-carousel h2 {
margin: 0 0 24px;
padding: 0;
border: 0;
text-align: left;
position: relative;
}
.section-carousel h2 span {
position: relative;
display: inline-block;
z-index: 1;
padding-right: 32px;
}
.section-carousel h2:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100vw;
height: 3px;
content: "";
background-color: #6F2382;
}
}
.section-carousel h2.hidden {
display: none;
-webkit-user-select: none; -ms-user-select: none; user-select: none; }
@media screen and (min-width: 720px) {
.section-carousel h2.hidden {
display: block !important;
text-align: right;
margin: 24px 0 0;
}
.section-carousel h2.hidden span {
padding-right: 0;
padding-left: 32px;
pointer-events: none;
}
.section-carousel h2.hidden:before {
left: unset;
right: 0;
}
}
.section-carousel.white {
background-color: #fff;
}
.section-carousel.white h2 span {
background-color: #fff;
}
.section-carousel.white h2.hidden {
color: #fff;
}
.section-carousel.stone {
background-color: #F2C94C;
}
.section-carousel.stone h2 span {
background-color: #F2C94C;
}
.section-carousel.stone h2.hidden {
color: #F2C94C;
}
.section-carousel-item {
opacity: 1;
}
.section-carousel-item:hover {
opacity: 1;
}
.section-carousel-item img {
aspect-ratio: 16/9;
object-fit: contain;
}
.section-text-columns.background {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/blend_bg.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 100%;
}
.section-text-columns + .section-text-columns .section-text-columns-wrapper {
padding-top: 0;
margin-top: 0;
}
.section-text-columns-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (min-width: 1024px) {
.section-text-columns-wrapper {
padding-top: 80px;
padding-bottom: 80px;
}
}
.section-text-columns-wrapper h2 {
font-size: calc(26px + 10 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-wrapper h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-wrapper h2 {
font-size: 36px;
}
}
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 32px;
}
@media screen and (min-width: 720px) {
.section-text-columns h2 + .section-text-columns-grid {
margin-top: 48px;
}
}
.section-text-columns-grid {
display: grid;
gap: 48px;
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
}
}
@media screen and (min-width: 720px) {
.section-text-columns-grid {
gap: 80px;
}
}
.section-text-columns-box h3 {
font-size: calc(20px + 12 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box h3 {
font-size: 32px;
}
}
.section-text-columns-box p {
margin: 0;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.section-text-columns-box p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box p {
font-size: 18px;
}
}
.section-text-columns-box p:not(:last-child) {
margin-bottom: 8px;
}
@media screen and (min-width: 720px) {
.section-text-columns-box p:not(:last-child) {
margin-bottom: 16px;
}
}
.section-text-columns-box ol,
.section-text-columns-box ul {
padding: 0 0 0 24px;
margin: 16px 0;
}
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
margin: 0;
}
@media screen and (max-width: 320px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box ol li,
.section-text-columns-box ul li {
font-size: 18px;
}
}
.section-text-columns-box ol li:not(:last-child),
.section-text-columns-box ul li:not(:last-child) {
margin-bottom: 8px;
}
.section-text-columns-box table {
margin: 24px 0;
text-align: left;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
border-collapse: collapse;
}
@media screen and (max-width: 320px) {
.section-text-columns-box table {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.section-text-columns-box table {
font-size: 18px;
}
}
.section-text-columns-box table tr {
background-color: #fff;
}
.section-text-columns-box table tr:nth-child(odd) {
background-color: #F2F4F7;
}
.section-text-columns-box table th {
font-weight: 600;
background-color: #E4E4E4;
}
.section-text-columns-box table th,
.section-text-columns-box table td {
padding: 4px 16px;
}
.cms-section .site-content {
max-width: 1620px;
padding: 0;
}
.cms-section section {
margin: 48px auto;
max-width: 1620px;
}
@media screen and (min-width: 720px) {
.cms-section section {
margin: 64px auto;
}
}
@media screen and (min-width: 1024px) {
.cms-section section {
margin: 80px auto;
display: grid;
grid-template-columns: 2fr 3fr;
}
}
@media screen and (min-width: 1240px) {
.cms-section section {
margin: 120px auto;
}
}
.cms-section section:last-child {
margin-bottom: 0;
}
.cms-section-title {
color: #6F2382;
font-family: "Titillium Web", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 32px;
}
@media screen and (min-width: 1024px) {
.cms-section-title {
margin: 0;
font-size: 32px;
line-height: 48px;
}
}
.cms-section-content p {
font-size: 14px;
line-height: 32px;
font-weight: 400;
color: #2a2a28;
letter-spacing: 0.02em;
margin: 0 0 24px;
}
@media screen and (min-width: 1024px) {
.cms-section-content p {
font-size: 16px;
}
}
.cms-section-content p:last-child {
margin-bottom: 0;
}
body.home .site-header-holder {
margin-bottom: 0;
}
.featured-banners {
display: block;
margin: 24px auto;
}
@media screen and (min-width: 1024px) {
.featured-banners {
margin: 32px auto;
}
}
@media screen and (min-width: 1240px) {
.featured-banners {
margin: 48px auto;
}
}
.featured-banners h2 {
color: #2a2a28;
font-weight: 500;
text-align: center;
margin: 0 auto 24px;
font-family: "Titillium Web", sans-serif;
font-size: 24px;
}
.featured-banners h2 {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-banners h2 {
font-size: calc(24px + 24 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-banners h2 {
font-size: 48px;
}
}
@media screen and (min-width: 720px) {
.featured-banners h2 {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.featured-banners h2 {
margin-bottom: 40px;
}
}
.featured-banners h2 small {
font-size: 40%;
display: block;
font-family: "Barlow", sans-serif;
font-weight: 400;
color: #b556a8;
text-transform: none;
}
.featured-banners h2 small {
font-size: 24px;
}
@media screen and (min-width: 360px) {
.featured-banners h2 small {
font-size: calc(24px + 8 * ((100vw - 360px) / 960));
}
}
@media screen and (min-width: 1320px) {
.featured-banners h2 small {
font-size: 32px;
}
}
.featured-banners-grid {
grid-template-columns: 1fr;
gap: 32px 24px;
display: grid;
}
@media screen and (min-width: 720px) {
.featured-banners-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.featured-banners-grid {
gap: 32px;
}
}
@media screen and (min-width: 1240px) {
.featured-banners-grid {
gap: 48px;
}
}
.featured-banners a {
color: #2a2a28;
font-size: 18px;
text-decoration: none;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
@media screen and (min-width: 720px) {
.featured-banners a {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.featured-banners a {
font-size: 22px;
}
}
@media screen and (min-width: 1240px) {
.featured-banners a {
font-size: 24px;
}
}
.featured-banners a figure {
display: block;
overflow: hidden;
position: relative;
border-radius: 8px;
}
.featured-banners a figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.featured-banners a figure:hover:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.featured-banners a figure:hover img {
transform: scale(1.05);
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.featured-banners a img {
display: block;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 8px;
margin: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.featured-banners p {
margin: 8px 0 0;
font-size: 14px;
color: #666;
}
@media screen and (min-width: 720px) {
.featured-banners p {
font-size: 16px;
}
}
.error404 .page-content p {
max-width: 720px;
width: 100%;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.error404 .woocommerce-product-search {
width: 100%;
max-width: 640px;
display: grid;
gap: 16px;
}
@media screen and (min-width: 720px) {
.error404 .woocommerce-product-search {
grid-template-columns: 4fr 2fr;
}
}
.error404 input {
display: block;
width: 100%;
margin: 0;
padding: 12px 16px;
height: auto;
}
.error404 button {
margin: 0;
background-color: #6F2382;
color: #fff;
font-weight: 600;
letter-spacing: 0.05em;
}
.single-post .entry-content {
text-align: left;
padding-bottom: 48px;
}
.single-post .entry-content .section-insights-intro {
padding-top: 48px;
padding-bottom: 48px;
margin-bottom: 48px;
position: relative;
margin-top: -48px;
}
.single-post .entry-content .section-insights-intro:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background-color: #e9e6d4;
z-index: 0;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro {
padding-top: 64px;
padding-bottom: 64px;
margin-bottom: 64px;
margin-top: -64px;
}
}
.single-post .entry-content .section-insights-intro-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-wrapper {
grid-template-columns: 5fr 3fr;
gap: 64px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content .section-insights-intro-wrapper {
grid-template-columns: 9fr 4fr;
}
}
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: calc(36px + 20 * ((100vw - 320px) / 920));
margin: 0 0 32px;
font-weight: 600;
}
@media screen and (max-width: 320px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
font-size: 56px;
}
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-content h2:first-child {
margin: 0 0 48px;
}
}
.single-post .entry-content .section-insights-intro-sidebar {
border-top: 4px solid #cecbbc;
padding-top: 32px;
}
@media screen and (min-width: 1024px) {
.single-post .entry-content .section-insights-intro-sidebar {
border-top: 0;
border-left: 4px solid #cecbbc;
padding: 0 0 0 64px;
}
}
.single-post .entry-content .section-insights-intro.new_version ~ .single-post-pdf-download {
display: none;
}
.single-post .entry-content h2 {
font-size: calc(26px + 14 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-post .entry-content h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content h2 {
font-size: 40px;
}
}
.single-post .entry-content h3 {
font-size: calc(20px + 6 * ((100vw - 320px) / 920));
font-weight: 500;
}
@media screen and (max-width: 320px) {
.single-post .entry-content h3 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.single-post .entry-content h3 {
font-size: 26px;
}
}
.single-post .entry-content h3 sup {
top: 0;
font-size: 18px;
font-weight: 400;
}
.single-post .entry-content ul {
padding: 0 0 0 16px;
margin: 0;
}
.single-post .entry-content ul li {
margin: 16px auto;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.single-post .entry-content ul li {
font-size: 18px;
margin: 24px auto;
}
}
.single-post .entry-content ul li:last-child {
margin: 0;
}
.single-post .entry-content li,
.single-post .entry-content p {
max-width: none;
font-size: 18px;
}
.single-post .entry-content li a,
.single-post .entry-content p a {
font-weight: 600;
}
body .entry-content .wp-block-gallery {
display: grid;
margin: 24px 0;
grid-template-columns: 1fr;
gap: 24px;
}
@media screen and (min-width: 480px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin: 32px auto;
}
}
@media screen and (min-width: 720px) {
body .entry-content .wp-block-gallery {
grid-template-columns: repeat(3, 1fr);
margin: 48px auto;
}
}
body .entry-content .wp-block-gallery .wp-block-image {
margin: 0 !important;
display: block;
}
body .entry-content .wp-block-gallery .wp-block-image img {
display: block;
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 4px;
}
body .wp-lightbox-container {
display: flex;
flex-direction: column;
position: relative;
}
body .wp-lightbox-container img {
cursor: zoom-in;
}
body .wp-lightbox-container img:hover + button {
opacity: 1;
}
body .wp-lightbox-container button {
align-items: center;
-webkit-backdrop-filter: blur(16px) saturate(180%);
backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(90, 90, 90, 0.25);
border: none;
border-radius: 4px;
cursor: zoom-in;
display: flex;
height: 20px;
justify-content: center;
opacity: 0;
padding: 0;
position: absolute;
right: 16px;
text-align: center;
top: 16px;
transition: opacity .2s ease;
width: 20px;
z-index: 100;
}
body .wp-lightbox-container:focus-visible {
outline: 3px auto rgba(90, 90, 90, 0.25);
outline: 3px auto -webkit-focus-ring-color;
outline-offset: 3px;
}
body .wp-lightbox-container:hover {
cursor: pointer;
opacity: 1;
}
body .wp-lightbox-container:focus {
opacity: 1;
}
body .wp-lightbox-container button:focus,
body .wp-lightbox-container button:hover,
body .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) {
background-color: rgba(90, 90, 90, 0.25);
border: none;
}
body .wp-lightbox-overlay {
box-sizing: border-box;
cursor: zoom-out;
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100vw;
z-index: 100000;
}
body .wp-lightbox-overlay .close-button {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
min-height: 40px;
min-width: 40px;
padding: 0;
position: absolute;
right: calc(env(safe-area-inset-right) + 16px);
top: calc(env(safe-area-inset-top) + 16px);
z-index: 5000000;
}
body .wp-lightbox-overlay .close-button:focus, body .wp-lightbox-overlay .close-button:hover, body .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) {
background: none;
border: none;
}
body .wp-lightbox-overlay .lightbox-image-container {
height: var(--wp--lightbox-container-height);
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: top left;
width: var(--wp--lightbox-container-width);
z-index: 9999999999;
}
body .wp-lightbox-overlay .wp-block-image {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: center;
margin: 0;
position: relative;
transform-origin: 0 0;
width: 100%;
z-index: 3000000;
}
body .wp-lightbox-overlay .wp-block-image img {
height: var(--wp--lightbox-image-height);
min-height: var(--wp--lightbox-image-height);
min-width: var(--wp--lightbox-image-width);
width: var(--wp--lightbox-image-width);
}
body .wp-lightbox-overlay .wp-block-image figcaption {
display: none;
}
body .wp-lightbox-overlay button {
background: none;
border: none;
}
body .wp-lightbox-overlay .scrim {
background-color: #fff;
height: 100%;
opacity: .9;
position: absolute;
width: 100%;
z-index: 2000000;
}
body .wp-lightbox-overlay.active {
animation: turn-on-visibility .25s both;
visibility: visible;
}
body .wp-lightbox-overlay.active img {
animation: turn-on-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) {
animation: turn-off-visibility .35s both;
}
body .wp-lightbox-overlay.hideanimationenabled:not(.active) img {
animation: turn-off-visibility .25s both;
}
@media (prefers-reduced-motion: no-preference) {
body .wp-lightbox-overlay.zoom.active {
animation: none;
opacity: 1;
visibility: visible;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container {
animation: lightbox-zoom-in .4s;
}
body .wp-lightbox-overlay.zoom.active .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.active .scrim {
animation: turn-on-visibility .4s forwards;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
animation: lightbox-zoom-out .4s;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
animation: none;
}
body .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
animation: turn-off-visibility .4s forwards;
}
}
@keyframes turn-on-visibility {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes turn-off-visibility {
0% {
opacity: 1;
visibility: visible;
}
99% {
opacity: 0;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes lightbox-zoom-in {
0% {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
@keyframes lightbox-zoom-out {
0% {
transform: translate(-50%, -50%) scale(1);
visibility: visible;
}
99% {
visibility: visible;
}
to {
transform: translate(calc(-50vw + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));
visibility: hidden;
}
}
.block-slider {
min-height: 200px;
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.block-slider {
margin-bottom: 0;
}
}
.block-slider .owl-stage-outer {
padding-bottom: 8px;
}
@media screen and (min-width: 720px) {
.block-slider .owl-stage-outer {
padding-bottom: 0;
}
}
.block-slider .owl-dots {
text-align: center;
}
@media screen and (min-width: 720px) {
.block-slider .owl-dots {
display: none;
}
}
.block-slider .owl-dots .owl-dot {
padding: 8px;
margin: 0 5px;
}
.block-slider .owl-dots .owl-dot.active {
background-color: #6F2382;
}
.block-slider .owl-nav {
max-width: 1620px;
margin: 0 auto;
}
.block-slider .owl-nav button {
top: 30%;
}
@media screen and (min-width: 720px) {
.block-slider .owl-nav button {
top: 50%;
transform: translateY(-50%);
}
}
.block-slider .owl-nav button.owl-prev {
left: 4px;
}
@media screen and (min-width: 1240px) {
.block-slider .owl-nav button.owl-prev {
left: 16px;
}
}
@media screen and (min-width: 1440px) {
.block-slider .owl-nav button.owl-prev {
left: 50%;
transform: translateX(-696px);
}
}
@media screen and (min-width: 1620px) {
.block-slider .owl-nav button.owl-prev {
transform: translateX(-720px);
}
}
.block-slider .owl-nav button.owl-next {
right: 4px;
}
@media screen and (min-width: 1240px) {
.block-slider .owl-nav button.owl-next {
right: 16px;
}
}
@media screen and (min-width: 1440px) {
.block-slider .owl-nav button.owl-next {
right: 50%;
transform: translateX(696px);
}
}
@media screen and (min-width: 1620px) {
.block-slider .owl-nav button.owl-next {
transform: translateX(720px);
}
}
.block-slider-item {
display: block;
position: relative;
}
.block-slider-item-media {
position: relative;
}
.block-slider-item-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.block-slider-item-video iframe,
.block-slider-item-video video {
width: auto;
max-width: 1440px;
height: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
}
.block-slider-item picture {
position: relative;
display: block;
padding-bottom: 100%;
width: 100%;
height: 0;
}
@media screen and (min-width: 720px) {
.block-slider-item picture {
padding-bottom: 56.25%;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item picture {
padding-bottom: 31.25%;
}
}
@media screen and (min-width: 1620px) {
.block-slider-item picture {
padding-bottom: 31.25%;
}
}
.block-slider-item picture img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.block-slider-item:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(180deg, rgba(29, 29, 29, 0) 0, rgba(35, 35, 35, 0.65));
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
display: none;
}
@media screen and (min-width: 720px) {
.block-slider-item.has-overlay:after {
display: block;
}
}
.block-slider-item.has-overlay--transparent:after {
background: none;
background-color: rgba(0, 0, 0, 0.2);
}
.block-slider-item.has-blur picture img {
filter: blur(6px);
transform: scale(1.02);
}
.block-slider-item.has-no-controls .block-slider-item-video iframe,
.block-slider-item.has-no-controls .block-slider-item-video video {
pointer-events: none;
}
@media screen and (min-width: 720px) {
.block-slider-item-content {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: 100%;
width: 100%;
top: 0;
}
}
.block-slider-item-content .container-wrapper {
position: relative;
z-index: 2;
margin: 0 auto;
box-shadow: 0 2px 6px rgba(156, 156, 156, 0.25);
padding: 24px;
margin-top: -96px;
background-color: #fff;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-slider-item-content .container-wrapper {
margin: 0;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 75%;
background-color: transparent;
box-shadow: none;
}
}
@media screen and (min-width: 1024px) {
.block-slider-item-content .container-wrapper {
width: 50%;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content .container-wrapper {
width: 40%;
}
}
.block-slider-item-content p {
color: #2a2a28;
margin: 0;
text-align: center;
}
.block-slider-item-content p:not(:last-child) {
margin-bottom: 16px;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p:not(:last-child) {
margin-bottom: 32px;
}
}
@media screen and (min-width: 720px) {
.block-slider-item-content p {
text-align: left;
color: #fff;
}
}
.block-slider-item-content p.title {
font-weight: 700;
font-size: calc(20px + 28 * ((100vw - 320px) / 920));
line-height: 1.25;
font-family: "Titillium Web", sans-serif;
}
@media screen and (max-width: 320px) {
.block-slider-item-content p.title {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-item-content p.title {
font-size: 48px;
}
}
.block-slider-item-content p.description {
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.description {
font-size: 16px;
}
}
.block-slider-item-content p.buttons .button {
display: inline-block;
width: 70%;
text-transform: uppercase;
letter-spacing: 0.025em;
font-weight: 600;
}
@media screen and (min-width: 720px) {
.block-slider-item-content p.buttons .button {
width: auto;
margin-top: 8px;
padding: 8px 32px;
}
}
.block-slider .owl-item:not(.active) .block-slider-item-video {
display: none;
}
.block-slider img {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
display: block;
}
@media screen and (min-width: 720px) {
.block-slider img {
aspect-ratio: 16/9;
}
}
@media screen and (min-width: 1240px) {
.block-slider img {
aspect-ratio: 16/5;
}
}
@media screen and (min-width: 1620px) {
.block-slider img {
aspect-ratio: 16/5;
}
}
.wp-block-buttons .wp-block-button {
margin: 0 auto 16px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button {
margin: 0 auto 24px;
}
}
.wp-block-buttons .wp-block-button__link {
width: 100%;
max-width: 400px;
background-color: #6F2382;
background-position: center;
background-size: 0 0;
background-repeat: no-repeat;
color: #fff;
line-height: 24px;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
margin: 8px auto;
display: block;
font-size: 14px;
border: 1px solid #6F2382;
border-radius: 8px;
padding: 8px 24px;
}
@media screen and (min-width: 720px) {
.wp-block-buttons .wp-block-button__link {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.wp-block-buttons .wp-block-button__link {
padding: 12px 48px;
}
}
.wp-block-buttons .wp-block-button__link:hover {
background-color: #572a61;
border: 1px solid #572a61;
}
.block-services-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media screen and (min-width: 720px) {
.block-services-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
}
@media screen and (min-width: 1024px) {
.block-services-grid.column-3 {
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
.block-services-grid.column-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.block-services-item.design-default .image {
display: block;
margin-bottom: 16px;
overflow: hidden;
border-radius: 8px;
}
.block-services-item.design-default .image:hover img {
transform: scale(1.05);
}
.block-services-item.design-overlay {
position: relative;
}
.block-services-item.design-overlay .image {
display: block;
overflow: hidden;
border-radius: 8px;
}
.block-services-item.design-overlay .image:hover img {
transform: scale(1.05);
}
.block-services-item.design-overlay .info {
position: absolute;
bottom: 0;
left: 0;
padding: 16px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.25);
width: 100%;
border-radius: 0 0 8px 8px;
}
.block-services-item.design-overlay .info a:hover h3 {
color: #6F2382;
}
.block-services-item.design-overlay .info h3 {
color: #fff;
}
.block-services-item.design-overlay .info p {
color: #fff;
}
.block-services-item a {
text-decoration: none;
}
.block-services-item h3 {
margin: 0;
font-size: 20px;
color: #2a2a28;
}
.block-services-item p {
color: #989898;
margin: 0;
font-size: 16px;
}
.block-services-item img {
display: block;
object-fit: cover;
width: 100%;
height: auto;
border-radius: 8px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-services-item img.square {
aspect-ratio: 1;
}
.block-services-item img.wide {
aspect-ratio: 16/9;
}
.block-image-responsive {
max-width: 1440px;
}
.block-image-responsive a {
display: block;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.block-image-responsive a:hover {
opacity: 0.9;
}
.block-image-responsive img {
display: block;
width: 100%;
height: auto;
}
.block-slider-services {
position: relative;
margin-bottom: 120px;
background-color: #f8f8f8;
}
.block-slider-services.no-margin-bottom {
margin-bottom: 0;
}
.block-slider-services-holder {
position: relative;
z-index: 1;
overflow: hidden;
padding: 48px 0 80px;
}
@media screen and (min-width: 1240px) {
.block-slider-services-holder {
padding: 80px 0 80px;
}
}
.block-slider-services-wrapper {
position: relative;
z-index: 1;
}
.block-slider-services h2 {
margin: 0 auto;
color: #2a2a28;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
text-align: center;
width: 100%;
position: relative;
}
@media screen and (max-width: 320px) {
.block-slider-services h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services h2 {
font-size: 44px;
}
}
.block-slider-services h2 span {
display: block;
color: #6F2382;
}
.block-slider-services-grid {
padding-top: 48px;
}
@media screen and (max-width: 480px) {
.block-slider-services-grid {
padding-left: 60px;
padding-right: 60px;
}
}
.block-slider-services .owl-stage-outer {
overflow: visible !important;
}
.block-slider-services-item img {
aspect-ratio: 3/2;
object-fit: cover;
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.block-slider-services-item .info {
background-color: #fff;
position: relative;
top: -12px;
border-radius: 8px;
z-index: 1;
padding: 16px 16px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
border-left: 3px solid #6F2382;
}
.block-slider-services-item .info-wrapper {
padding: 0 16px 16px;
}
.block-slider-services-item .info a {
text-decoration: none;
}
.block-slider-services-item .info h3 {
margin: 0;
font-size: calc(18px + 6 * ((100vw - 320px) / 920));
color: #2a2a28;
}
@media screen and (max-width: 320px) {
.block-slider-services-item .info h3 {
font-size: 18px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-item .info h3 {
font-size: 24px;
}
}
.block-slider-services-item .info p {
margin: 8px 0 0;
color: #666;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 120px;
overflow: hidden;
}
@media screen and (max-width: 320px) {
.block-slider-services-item .info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-item .info p {
font-size: 16px;
}
}
.block-slider-services-item:hover img {
transform: scale(1.05);
}
.block-slider-services-item:hover h3 {
color: #6F2382;
}
.block-slider-services-view-all {
position: absolute;
top: 100%;
z-index: 2;
background-color: #6F2382;
margin: 0 auto;
padding: 24px;
left: 0;
right: 0;
max-width: 1020px;
width: calc(100% - 32px);
transform: translateY(-50%);
display: grid;
gap: 16px;
text-align: center;
align-items: center;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 32px;
}
}
@media screen and (min-width: 1024px) {
.block-slider-services-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 48px;
}
}
.block-slider-services-view-all p {
color: #fff;
margin: 0;
font-weight: 500;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
line-height: 1.2;
}
@media screen and (max-width: 320px) {
.block-slider-services-view-all p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-view-all p {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all p {
text-align: left;
}
}
.block-slider-services-view-all p strong {
font-weight: 600;
}
.block-slider-services-view-all a {
display: inline-block;
padding: 8px 24px;
color: #fff;
background-color: #2a2a28;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-services-view-all a {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-services-view-all a {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-services-view-all a {
display: block;
width: 100%;
padding: 12px 24px;
}
}
.block-slider-services-view-all a:hover {
background-color: #666;
color: #fff;
}
.block-slider-portfolio {
position: relative;
background-color: #f8f8f8;
}
.block-slider-portfolio-holder {
position: relative;
z-index: 1;
overflow: hidden;
padding: 48px 0;
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-holder {
padding: 80px 0;
}
}
.block-slider-portfolio-wrapper {
position: relative;
z-index: 1;
}
.block-slider-portfolio-link {
text-align: center;
margin: 16px auto 0;
}
.block-slider-portfolio-link p {
color: #2a2a28;
margin: 8px 0;
}
.block-slider-portfolio-link a {
text-decoration: none;
font-weight: 500;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-portfolio-link a {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-link a {
font-size: 20px;
}
}
.block-slider-portfolio h2 {
margin: 0 auto;
color: #2a2a28;
font-size: calc(20px + 24 * ((100vw - 320px) / 920));
font-weight: 700;
text-align: center;
width: 100%;
position: relative;
}
@media screen and (max-width: 320px) {
.block-slider-portfolio h2 {
font-size: 20px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio h2 {
font-size: 44px;
}
}
.block-slider-portfolio h2 span {
display: block;
color: #6F2382;
}
.block-slider-portfolio-grid {
padding-top: 48px;
}
@media screen and (max-width: 480px) {
.block-slider-portfolio-grid {
padding-left: 60px;
padding-right: 60px;
}
}
.block-slider-portfolio .owl-stage-outer {
overflow: visible !important;
}
.block-slider-portfolio-item .image {
overflow: hidden;
}
.block-slider-portfolio-item img {
aspect-ratio: 3/2;
object-fit: cover;
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
border-radius: 8px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.block-slider-portfolio-item .info {
background-color: #fff;
border-radius: 8px;
z-index: 1;
padding: 16px 16px;
}
.block-slider-portfolio-item .info a {
text-decoration: none;
}
.block-slider-portfolio-item .info h3 {
margin: 0;
color: #2a2a28;
text-align: center;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-portfolio-item .info h3 {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-item .info h3 {
font-size: 20px;
}
}
.block-slider-portfolio-item .info p {
margin: 8px 0 0;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 120px;
overflow: hidden;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-portfolio-item .info p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-item .info p {
font-size: 16px;
}
}
.block-slider-portfolio-item:hover img {
transform: scale(1.05);
}
.block-slider-portfolio-item:hover h3 {
color: #6F2382;
}
.block-slider-portfolio-view-all {
position: absolute;
top: 100%;
z-index: 2;
background-color: #6F2382;
margin: 0 auto;
padding: 24px;
left: 0;
right: 0;
max-width: 1020px;
width: calc(100% - 32px);
transform: translateY(-50%);
display: grid;
gap: 16px;
text-align: center;
align-items: center;
border-radius: 8px;
}
@media screen and (min-width: 720px) {
.block-slider-portfolio-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 32px;
}
}
@media screen and (min-width: 1024px) {
.block-slider-portfolio-view-all {
grid-template-columns: 1fr 200px;
padding: 24px 48px;
}
}
.block-slider-portfolio-view-all p {
color: #fff;
margin: 0;
font-weight: 500;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
line-height: 1.2;
}
@media screen and (max-width: 320px) {
.block-slider-portfolio-view-all p {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-view-all p {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-portfolio-view-all p {
text-align: left;
}
}
.block-slider-portfolio-view-all p strong {
font-weight: 600;
}
.block-slider-portfolio-view-all a {
display: inline-block;
padding: 8px 24px;
color: #fff;
background-color: #2a2a28;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
font-size: calc(14px + 2 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.block-slider-portfolio-view-all a {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.block-slider-portfolio-view-all a {
font-size: 16px;
}
}
@media screen and (min-width: 720px) {
.block-slider-portfolio-view-all a {
display: block;
width: 100%;
padding: 12px 24px;
}
}
.block-slider-portfolio-view-all a:hover {
background-color: #666;
color: #fff;
} .owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
color: inherit;
border: none;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//worldpeacemakers.com/wp-content/themes/mirotvorci/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .single-owl-slider.owl-carousel {
background-position: center;
background-repeat: no-repeat;
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/loader.svg);
}
.single-owl-slider.owl-carousel .owl-item {
overflow: hidden;
}
.single-owl-slider.owl-carousel img {
aspect-ratio: 12/9;
object-fit: cover;
width: 100%;
display: block;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel img {
aspect-ratio: 16/9;
}
}
.single-owl-slider.owl-carousel .owl-item-info {
position: absolute;
bottom: 48px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
padding: 24px;
z-index: 2;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 48px;
}
}
@media screen and (min-width: 1240px) {
.single-owl-slider.owl-carousel .owl-item-info {
padding: 24px 24px 64px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 32px;
line-height: 48px;
font-weight: 400;
color: #fff;
font-family: "Titillium Web", sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 8px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 40px;
line-height: 64px;
margin: 0 0 24px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info h2 {
font-size: 48px;
line-height: 64px;
margin: 0 0 32px;
}
}
.single-owl-slider.owl-carousel .owl-item-info h2 small {
font-size: 50%;
line-height: 1;
font-weight: 700;
display: block;
font-family: "Barlow", serif;
}
.single-owl-slider.owl-carousel .owl-item-info a {
display: inline-block;
text-align: center;
padding: 8px 24px;
color: #fff;
margin: 0 auto;
background-color: #b556a8;
text-decoration: none;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.05em;
border-radius: 0;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
min-width: 120px;
border-bottom: 3px solid #342138;
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-item-info a {
min-width: 160px;
padding: 12px 48px;
font-size: 16px;
}
}
.single-owl-slider.owl-carousel .owl-item-info a:hover {
background-color: #572a61;
}
.single-owl-slider.owl-carousel .owl-nav button {
display: block;
position: absolute;
z-index: 1;
top: 0;
width: 48px;
height: 100%;
background: rgba(0, 0, 0, 0);
color: #fff;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
opacity: 1;
outline: none;
transform: none;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button {
width: 25%;
}
}
.single-owl-slider.owl-carousel .owl-nav button:before, .single-owl-slider.owl-carousel .owl-nav button:after {
display: none;
}
.single-owl-slider.owl-carousel .owl-nav button span {
font-size: 0;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 36px;
background-repeat: no-repeat;
background-size: auto 36px;
background-position: center;
transition: 0.4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button span {
width: 37px;
height: 72px;
background-size: auto 72px;
}
}
@media screen and (min-width: 1024px) {
.single-owl-slider.owl-carousel .owl-nav button span {
opacity: 0;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev {
left: 0;
cursor: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/arrow-left.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/arrow-left.png);
left: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-prev span {
left: 32px;
}
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next {
right: 0;
cursor: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/arrow-right.png), default !important;
}
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
background-image: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/arrow-right.png);
right: 16px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-nav button.owl-next span {
right: 32px;
}
}
.single-owl-slider.owl-carousel .owl-dots {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
text-align: center;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots {
bottom: 48px;
}
}
.single-owl-slider.owl-carousel .owl-dots button {
width: 8px;
height: 8px;
margin: 0 4px;
display: inline-block;
background-color: #fff;
border-radius: 100%;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
padding: 8px;
}
@media screen and (min-width: 720px) {
.single-owl-slider.owl-carousel .owl-dots button {
width: 10px;
height: 10px;
}
}
.single-owl-slider.owl-carousel .owl-dots button:hover {
background-color: #884298;
}
.single-owl-slider.owl-carousel .owl-dots button.active {
background-color: #6F2382;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
padding: 8px;
border-radius: 32px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
background-color: white;
text-align: center;
}
.owl-nav button span {
display: none;
}
.owl-nav button:before {
font-family: "icomoon";
font-size: 24px;
line-height: 1;
color: #6F2382;
}
.owl-nav button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.owl-nav button.owl-prev {
left: 8px;
transform: translateY(-50%);
}
.owl-nav button.owl-prev:before {
content: "\e90c";
}
.owl-nav button.owl-next {
right: 8px;
}
.owl-nav button.owl-next:before {
content: "\e90d";
}
.owl-nav button.disabled {
pointer-events: none;
opacity: 0.25;
}
.owl-nav button .arrow {
cursor: pointer;
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-100%) translateY(-50%);
transition: transform .1s;
width: 16px;
}
.owl-nav button .arrow-top, .owl-nav button .arrow-bottom {
background-color: #6F2382;
height: 2px;
left: -5px;
position: absolute;
top: 50%;
width: 100%;
}
.owl-nav button .arrow-top:after, .owl-nav button .arrow-bottom:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
transition: all 0.15s;
}
.owl-nav button .arrow-top {
transform: rotate(45deg);
transform-origin: bottom right;
}
.owl-nav button .arrow-top:after {
left: 100%;
right: 0;
transition-delay: 0s;
}
.owl-nav button .arrow-bottom {
transform: rotate(-45deg);
transform-origin: top right;
}
.owl-nav button .arrow-bottom:after {
left: 0;
right: 100%;
transition-delay: 0.15s;
}
@media screen and (min-width: 720px) {
.owl-nav button .arrow:hover .arrow-top:after {
left: 0;
transition-delay: 0.15s;
}
.owl-nav button .arrow:hover .arrow-bottom:after {
right: 0;
transition-delay: 0s;
}
}
.owl-nav button .arrow:active {
transform: translateX(100%) translateY(-50%) scale(0.9);
}
.owl-nav button .arrow:active .arrow-top,
.owl-nav button .arrow:active .arrow-bottom {
background-color: #6F2382;
}
@font-face {
font-family: 'icomoon';
src: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/fonts/icomoon.eot);
src: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/fonts/icomoon.ttf) format("truetype"), url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/fonts/icomoon.woff) format("woff"), url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/fonts/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon', 'Icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alert-circle:before {
content: "\e900";
}
.icon-alert-octagon:before {
content: "\e901";
}
.icon-alert-triangle:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e905";
}
.icon-arrow-up:before {
content: "\e906";
}
.icon-at-sign:before {
content: "\e907";
}
.icon-check:before {
content: "\e908";
}
.icon-check-circle:before {
content: "\e909";
}
.icon-check-square:before {
content: "\e90a";
}
.icon-chevron-down:before {
content: "\e90b";
}
.icon-chevron-left:before {
content: "\e90c";
}
.icon-chevron-right:before {
content: "\e90d";
}
.icon-chevron-up:before {
content: "\e90e";
}
.icon-chevrons-left:before {
content: "\e90f";
}
.icon-chevrons-right:before {
content: "\e910";
}
.icon-circle:before {
content: "\e911";
}
.icon-edit:before {
content: "\e912";
}
.icon-external-link:before {
content: "\e913";
}
.icon-facebook:before {
content: "\e914";
}
.icon-filter:before {
content: "\e915";
}
.icon-folder:before {
content: "\e916";
}
.icon-gift:before {
content: "\e917";
}
.icon-heart:before {
content: "\e918";
}
.icon-help-circle:before {
content: "\e919";
}
.icon-image:before {
content: "\e91a";
}
.icon-instagram:before {
content: "\e91b";
}
.icon-linkedin:before {
content: "\e91c";
}
.icon-log-in:before {
content: "\e91d";
}
.icon-log-out:before {
content: "\e91e";
}
.icon-mail:before {
content: "\e91f";
}
.icon-map:before {
content: "\e920";
}
.icon-map-pin:before {
content: "\e921";
}
.icon-menu:before {
content: "\e938";
}
.icon-message-circle:before {
content: "\e922";
}
.icon-message-square:before {
content: "\e923";
}
.icon-pause-circle:before {
content: "\e924";
}
.icon-phone:before {
content: "\e925";
}
.icon-phone-call:before {
content: "\e926";
}
.icon-play-circle:before {
content: "\e927";
}
.icon-search:before {
content: "\e928";
}
.icon-send:before {
content: "\e929";
}
.icon-shopping-bag:before {
content: "\e92a";
}
.icon-shopping-cart:before {
content: "\e92b";
}
.icon-sliders:before {
content: "\e92c";
}
.icon-thumbs-up:before {
content: "\e92d";
}
.icon-trash:before {
content: "\e92e";
}
.icon-trash-2:before {
content: "\e92f";
}
.icon-twitter:before {
content: "\e930";
}
.icon-user:before {
content: "\e931";
}
.icon-volume-2:before {
content: "\e932";
}
.icon-volume-x:before {
content: "\e933";
}
.icon-x:before {
content: "\e934";
}
.icon-x-circle:before {
content: "\e935";
}
.icon-zoom-in:before {
content: "\e936";
}
.icon-zoom-out:before {
content: "\e937";
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(https://worldpeacemakers.com/wp-content/themes/mirotvorci/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.single-portfolio .post-thumbnail img,
.single-usluga .post-thumbnail img,
.single-post .post-thumbnail img,
.single-nas-tim .post-thumbnail img,
.single-proizvod .post-thumbnail img {
width: 100%;
display: block;
max-height: 480px;
object-fit: cover;
}
.single-portfolio .entry-header,
.single-usluga .entry-header,
.single-post .entry-header,
.single-nas-tim .entry-header,
.single-proizvod .entry-header {
max-width: 1440px;
}
.single-portfolio .entry-header h1,
.single-usluga .entry-header h1,
.single-post .entry-header h1,
.single-nas-tim .entry-header h1,
.single-proizvod .entry-header h1 {
margin: 32px 0 16px;
color: #2a2a28;
font-weight: 600;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
line-height: 1.25;
max-width: 1440px;
}
@media screen and (max-width: 320px) {
.single-portfolio .entry-header h1,
.single-usluga .entry-header h1,
.single-post .entry-header h1,
.single-nas-tim .entry-header h1,
.single-proizvod .entry-header h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.single-portfolio .entry-header h1,
.single-usluga .entry-header h1,
.single-post .entry-header h1,
.single-nas-tim .entry-header h1,
.single-proizvod .entry-header h1 {
font-size: 54px;
}
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-header h1,
.single-usluga .entry-header h1,
.single-post .entry-header h1,
.single-nas-tim .entry-header h1,
.single-proizvod .entry-header h1 {
margin: 48px 0 24px;
}
}
.single-portfolio .entry-header .entry-subtitle,
.single-usluga .entry-header .entry-subtitle,
.single-post .entry-header .entry-subtitle,
.single-nas-tim .entry-header .entry-subtitle,
.single-proizvod .entry-header .entry-subtitle {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #2a2a28;
letter-spacing: 0.02em;
margin: 0 0 16px;
margin-right: 12px;
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-header .entry-subtitle,
.single-usluga .entry-header .entry-subtitle,
.single-post .entry-header .entry-subtitle,
.single-nas-tim .entry-header .entry-subtitle,
.single-proizvod .entry-header .entry-subtitle {
font-size: 18px;
}
}
.single-portfolio .entry-header .entry-subtitle a,
.single-usluga .entry-header .entry-subtitle a,
.single-post .entry-header .entry-subtitle a,
.single-nas-tim .entry-header .entry-subtitle a,
.single-proizvod .entry-header .entry-subtitle a {
color: #6F2382;
}
.single-portfolio .entry-header .entry-subtitle a:hover,
.single-usluga .entry-header .entry-subtitle a:hover,
.single-post .entry-header .entry-subtitle a:hover,
.single-nas-tim .entry-header .entry-subtitle a:hover,
.single-proizvod .entry-header .entry-subtitle a:hover {
text-decoration: none;
}
.single-portfolio .entry-header .entry-meta,
.single-usluga .entry-header .entry-meta,
.single-post .entry-header .entry-meta,
.single-nas-tim .entry-header .entry-meta,
.single-proizvod .entry-header .entry-meta {
color: #989898;
font-size: calc(14px + 4 * ((100vw - 320px) / 920));
}
@media screen and (max-width: 320px) {
.single-portfolio .entry-header .entry-meta,
.single-usluga .entry-header .entry-meta,
.single-post .entry-header .entry-meta,
.single-nas-tim .entry-header .entry-meta,
.single-proizvod .entry-header .entry-meta {
font-size: 14px;
}
}
@media screen and (min-width: 1240px) {
.single-portfolio .entry-header .entry-meta,
.single-usluga .entry-header .entry-meta,
.single-post .entry-header .entry-meta,
.single-nas-tim .entry-header .entry-meta,
.single-proizvod .entry-header .entry-meta {
font-size: 18px;
}
}
.single-portfolio .entry-header .entry-meta a,
.single-usluga .entry-header .entry-meta a,
.single-post .entry-header .entry-meta a,
.single-nas-tim .entry-header .entry-meta a,
.single-proizvod .entry-header .entry-meta a {
color: #6F2382;
}
.single-portfolio .entry-header .entry-meta a:hover,
.single-usluga .entry-header .entry-meta a:hover,
.single-post .entry-header .entry-meta a:hover,
.single-nas-tim .entry-header .entry-meta a:hover,
.single-proizvod .entry-header .entry-meta a:hover {
text-decoration: none;
}
.single-portfolio .entry-header .entry-subtitle-row,
.single-usluga .entry-header .entry-subtitle-row,
.single-post .entry-header .entry-subtitle-row,
.single-nas-tim .entry-header .entry-subtitle-row,
.single-proizvod .entry-header .entry-subtitle-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.single-portfolio .entry-header .entry-subtitle-row .entry-subtitle,
.single-usluga .entry-header .entry-subtitle-row .entry-subtitle,
.single-post .entry-header .entry-subtitle-row .entry-subtitle,
.single-nas-tim .entry-header .entry-subtitle-row .entry-subtitle,
.single-proizvod .entry-header .entry-subtitle-row .entry-subtitle {
margin: 0;
}
.single-portfolio .entry-content,
.single-usluga .entry-content,
.single-post .entry-content,
.single-nas-tim .entry-content,
.single-proizvod .entry-content {
max-width: 1440px;
margin: 0 auto;
}
.single-portfolio .entry-content p,
.single-usluga .entry-content p,
.single-post .entry-content p,
.single-nas-tim .entry-content p,
.single-proizvod .entry-content p {
margin: 0 auto 24px;
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-content p,
.single-usluga .entry-content p,
.single-post .entry-content p,
.single-nas-tim .entry-content p,
.single-proizvod .entry-content p {
font-size: 18px;
margin: 0 auto 32px;
}
}
.single-portfolio .entry-content .sqs-block-button-container,
.single-usluga .entry-content .sqs-block-button-container,
.single-post .entry-content .sqs-block-button-container,
.single-nas-tim .entry-content .sqs-block-button-container,
.single-proizvod .entry-content .sqs-block-button-container {
margin-bottom: 48px;
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-content .sqs-block-button-container,
.single-usluga .entry-content .sqs-block-button-container,
.single-post .entry-content .sqs-block-button-container,
.single-nas-tim .entry-content .sqs-block-button-container,
.single-proizvod .entry-content .sqs-block-button-container {
margin-bottom: 80px;
}
}
.single-portfolio .entry-content .sqs-block-button-container a,
.single-usluga .entry-content .sqs-block-button-container a,
.single-post .entry-content .sqs-block-button-container a,
.single-nas-tim .entry-content .sqs-block-button-container a,
.single-proizvod .entry-content .sqs-block-button-container a {
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 600;
border: 1px solid #6F2382;
background-color: #6F2382;
color: #fff;
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-content .sqs-block-button-container a,
.single-usluga .entry-content .sqs-block-button-container a,
.single-post .entry-content .sqs-block-button-container a,
.single-nas-tim .entry-content .sqs-block-button-container a,
.single-proizvod .entry-content .sqs-block-button-container a {
font-size: 16px;
}
}
.single-portfolio .entry-content .sqs-block-button-container a:hover,
.single-usluga .entry-content .sqs-block-button-container a:hover,
.single-post .entry-content .sqs-block-button-container a:hover,
.single-nas-tim .entry-content .sqs-block-button-container a:hover,
.single-proizvod .entry-content .sqs-block-button-container a:hover {
border-color: #572a61;
background-color: #572a61;
color: #fff;
}
.single-portfolio .entry-contact,
.single-usluga .entry-contact,
.single-post .entry-contact,
.single-nas-tim .entry-contact,
.single-proizvod .entry-contact {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 12px;
align-items: center;
}
.single-portfolio .entry-contact .entry-contact-item,
.single-usluga .entry-contact .entry-contact-item,
.single-post .entry-contact .entry-contact-item,
.single-nas-tim .entry-contact .entry-contact-item,
.single-proizvod .entry-contact .entry-contact-item {
display: inline-block;
margin: 0;
}
.single-portfolio .entry-contact .entry-contact-item a,
.single-usluga .entry-contact .entry-contact-item a,
.single-post .entry-contact .entry-contact-item a,
.single-nas-tim .entry-contact .entry-contact-item a,
.single-proizvod .entry-contact .entry-contact-item a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
text-decoration: none;
color: #6F2382;
font-size: 0;
position: relative;
}
.single-portfolio .entry-contact .entry-contact-item a:before,
.single-usluga .entry-contact .entry-contact-item a:before,
.single-post .entry-contact .entry-contact-item a:before,
.single-nas-tim .entry-contact .entry-contact-item a:before,
.single-proizvod .entry-contact .entry-contact-item a:before {
font-family: 'icomoon';
font-size: 20px;
line-height: 1;
}
.single-portfolio .entry-contact .entry-contact-item.entry-contact-phone a:before,
.single-usluga .entry-contact .entry-contact-item.entry-contact-phone a:before,
.single-post .entry-contact .entry-contact-item.entry-contact-phone a:before,
.single-nas-tim .entry-contact .entry-contact-item.entry-contact-phone a:before,
.single-proizvod .entry-contact .entry-contact-item.entry-contact-phone a:before {
content: "\e925";
}
.single-portfolio .entry-contact .entry-contact-item.entry-contact-email a:before,
.single-usluga .entry-contact .entry-contact-item.entry-contact-email a:before,
.single-post .entry-contact .entry-contact-item.entry-contact-email a:before,
.single-nas-tim .entry-contact .entry-contact-item.entry-contact-email a:before,
.single-proizvod .entry-contact .entry-contact-item.entry-contact-email a:before {
content: "\e91f";
}
.single-portfolio .entry-contact .entry-contact-item.entry-contact-web a:before,
.single-usluga .entry-contact .entry-contact-item.entry-contact-web a:before,
.single-post .entry-contact .entry-contact-item.entry-contact-web a:before,
.single-nas-tim .entry-contact .entry-contact-item.entry-contact-web a:before,
.single-proizvod .entry-contact .entry-contact-item.entry-contact-web a:before {
content: "\e913";
}
.single-portfolio-pdf-download,
.single-usluga-pdf-download,
.single-post-pdf-download,
.single-nas-tim-pdf-download,
.single-proizvod-pdf-download {
border-top: 1px solid #E4E4E4;
margin: 32px 0 0;
padding: 32px 0;
}
@media screen and (min-width: 720px) {
.single-portfolio-pdf-download,
.single-usluga-pdf-download,
.single-post-pdf-download,
.single-nas-tim-pdf-download,
.single-proizvod-pdf-download {
margin: 48px 0 0;
padding: 48px 0;
}
}
@media screen and (min-width: 720px) {
.single-portfolio-pdf-download a,
.single-usluga-pdf-download a,
.single-post-pdf-download a,
.single-nas-tim-pdf-download a,
.single-proizvod-pdf-download a {
padding: 12px 48px;
}
}
@media screen and (min-width: 1024px) {
.single-portfolio-pdf-download a,
.single-usluga-pdf-download a,
.single-post-pdf-download a,
.single-nas-tim-pdf-download a,
.single-proizvod-pdf-download a {
padding: 16px 80px;
}
}
.single-portfolio .entry-header-portfolio {
position: relative;
max-width: 100%;
}
.single-portfolio .entry-header-portfolio h1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
max-width: 1440px;
color: #fff;
font-weight: 600;
font-size: calc(36px + 18 * ((100vw - 320px) / 920));
line-height: 1.25;
text-shadow: 1px 1px 4px rgba(33, 39, 42, 0.75);
}
@media screen and (max-width: 320px) {
.single-portfolio .entry-header-portfolio h1 {
font-size: 36px;
}
}
@media screen and (min-width: 1240px) {
.single-portfolio .entry-header-portfolio h1 {
font-size: 54px;
}
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-header-portfolio h1 {
text-align: left;
top: unset;
bottom: 25%;
transform: none;
}
}
.single-portfolio .entry-header-portfolio .entry-description {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
color: #fff;
line-height: 1.4;
font-weight: 400;
font-size: calc(16px + 4 * ((100vw - 320px) / 920));
text-shadow: 1px 1px 4px rgba(33, 39, 42, 0.65);
top: calc(50% + 48px);
transform: translateY(-50%);
}
@media screen and (max-width: 320px) {
.single-portfolio .entry-header-portfolio .entry-description {
font-size: 16px;
}
}
@media screen and (min-width: 1240px) {
.single-portfolio .entry-header-portfolio .entry-description {
font-size: 20px;
}
}
.single-portfolio .entry-header-portfolio .entry-description.weight-bold {
font-weight: 600;
}
.single-portfolio .entry-header-portfolio .entry-description.color-black {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.single-portfolio .entry-header-portfolio .entry-description.color-white {
color: #fff;
text-shadow: 1px 1px 4px rgba(33, 39, 42, 0.65);
}
.single-portfolio .entry-header-portfolio .entry-description.color-primary {
color: #6F2382;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.15);
}
@media screen and (min-width: 720px) {
.single-portfolio .entry-header-portfolio .entry-description {
top: unset;
bottom: 15%;
transform: none;
}
}
.single-portfolio .entry-header-portfolio.black h1 {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.single-portfolio .entry-header-portfolio.black .entry-description.color-inherit {
color: #2a2a28;
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.1);
}
.single-portfolio .post-thumbnail img {
display: block;
}
.single-nas-tim .entry-top {
display: grid;
gap: 24px;
margin-top: 32px;
margin-bottom: 32px;
align-items: center;
}
@media screen and (min-width: 720px) {
.single-nas-tim .entry-top {
grid-template-columns: minmax(280px, 420px) 1fr;
gap: 48px;
margin-top: 48px;
margin-bottom: 48px;
}
}
.single-nas-tim .entry-top-image img {
width: 100%;
height: auto;
display: block;
aspect-ratio: 3 / 4;
object-fit: cover;
border-radius: 8px;
}
.single-nas-tim .entry-header {
max-width: none;
margin: 0;
padding: 0;
}
.single-nas-tim .entry-header h1 {
margin: 0 0 12px;
}
.single-nas-tim .entry-header .entry-subtitle {
margin: 0 0 16px;
font-weight: 500;
}
.single-nas-tim .entry-contact {
display: grid;
gap: 12px;
align-items: start;
}
.single-nas-tim .entry-contact .entry-contact-item a {
width: auto;
height: auto;
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
font-size: 16px;
color: #2a2a28;
}
.single-nas-tim .entry-contact .entry-contact-item a:before {
display: none;
}
.single-nas-tim .entry-contact .entry-contact-item a i {
font-size: 16px;
color: #6F2382;
}
.single-nas-tim .entry-contact .entry-contact-item a span {
line-height: 1.4;
}
.single-nas-tim .entry-content {
margin-top: 0;
}
.single-nas-tim .entry-content p:first-child {
font-size: 20px;
}
@media screen and (min-width: 720px) {
.single-nas-tim .entry-content p:first-child {
font-size: 24px;
}
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.indices-table {
min-width: 100%;
max-width: 100%;
width: auto;
border: 0;
border-collapse: collapse;
table-layout: fixed;
position: relative;
}
.indices-table-reset {
position: absolute;
bottom: 100%;
left: 0;
display: block;
color: #6F2382;
font-weight: 500;
cursor: pointer;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid #6F2382;
margin-bottom: 16px;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.indices-table-reset:after {
content: "\27F2";
font-weight: 500;
font-size: 24px;
line-height: 24px;
margin-left: 4px;
}
.indices-table-reset:hover {
border-color: transparent;
color: #432649;
}
.indices-table-reset-wrapper {
position: relative;
}
.indices-table-reset.hidden {
display: none;
}
.indices-table thead {
position: sticky;
}
.indices-table thead th {
padding: 8px 8px;
font-size: 12px;
line-height: 20px;
white-space: nowrap;
background-color: #6F2382;
color: #fff;
font-weight: 700;
text-align: center;
position: relative;
}
@media screen and (min-width: 720px) {
.indices-table thead th {
font-size: 16px;
padding: 12px 16px;
}
}
@media screen and (min-width: 1024px) {
.indices-table thead th {
font-size: 18px;
padding: 12px 24px;
}
}
.indices-table thead th:first-child {
text-align: left;
position: sticky;
z-index: 1;
left: 0;
white-space: nowrap;
}
.indices-table thead th.sorting {
cursor: pointer;
padding-right: 16px;
}
@media screen and (min-width: 1024px) {
.indices-table thead th.sorting {
padding-right: 24px;
}
}
.indices-table thead th.sorting:before, .indices-table thead th.sorting:after {
top: 50%;
margin-top: -10px;
right: 8px;
content: ">";
position: absolute;
display: block;
width: 16px;
height: 16px;
font-family: "icomoon";
opacity: 0.5;
transition: 0.3s cubic-bezier(0.45, 0.25, 0.6, 0.95) 0s;
}
.indices-table thead th.sorting:before {
content: "\e90e";
transform: translateY(-50%);
}
.indices-table thead th.sorting:after {
content: "\e90b";
transform: translateY(50%);
}
.indices-table thead th.sorting:hover:before {
opacity: 0.75;
}
.indices-table thead th.sorting:hover:after {
opacity: 0.8;
}
.indices-table thead th.sorting.sorting_asc:before {
opacity: 1 !important;
}
.indices-table thead th.sorting.sorting_desc:after {
opacity: 1 !important;
}
.indices-table tbody tr td {
padding: 4px 8px;
text-align: center;
font-size: 12px;
white-space: nowrap;
background-color: #f5f7fb;
width: 200px;
}
@media screen and (min-width: 720px) {
.indices-table tbody tr td {
font-size: 14px;
padding: 8px 16px;
}
}
@media screen and (min-width: 1024px) {
.indices-table tbody tr td {
font-size: 16px;
padding: 8px 24px;
}
}
.indices-table tbody tr td:first-child {
text-align: left;
position: sticky;
left: 0;
z-index: 1;
}
.indices-table tbody tr:nth-child(odd) td {
background-color: #fff;
}
.indices-table tbody tr.header {
font-weight: 600;
line-height: 1.6;
}
.indices-table tbody tr.header td {
border-bottom: 2px solid #f4f8fb;
background-color: #E4E4E4;
}
@media screen and (min-width: 1024px) {
.indices-table tbody tr:hover td {
background-color: #2a2a28;
color: #fff;
}
}