@font-face {
font-family: 'Nerko';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/fonts/Nerko_One/NerkoOne-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Kalam';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/fonts/Kalam/Kalam-Bold.ttf) format('truetype');
} :root {
--body-background-color: #ffffff;
--body-background-color-grey-block: #EEF3F6;
--body-background-color-black-block: #194050;
--body-background-color-orange-block: #A63D0D;
--body-color: #194050;
--body-color-grey-block: #194050;
--body-color-black-block: #ffffff;
--container-width: 0.999999; --base-gutter-width: 1.25rem;
--container-gutter-width: calc(var(--base-gutter-width) + max(env(safe-area-inset-right), env(safe-area-inset-left)));
--row-gutter-width: calc(var(--base-gutter-width) * 0.5);
--button-background-color: #A63D0D;
--button-background-color-hover: #A63D0D;
--button-color: #ffffff;
--button-color-hover: #ffffff;
--accent-color-dark: #00C2BE;
--accent-color-light: #00C2BE;
--accent-content-color: #3D6277;
--admin-bar-height: 32px;
--section-divider-height: 60; 
--section-divider-width: 1920;
--section-divider-ratio: calc(100% * var(--section-divider-height) / var(--section-divider-width));
}
@media screen and (max-width: 782px) {
:root {
--admin-bar-height: 46px;
}
}
:focus {
outline: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
text-shadow: none;
}
html {
-webkit-text-size-adjust: 100%;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
font-size: 20px;
line-height: 1.15;
}
@media (min-width: 768px) {
html {
font-size: 22px;
}
}
@media (min-width: 992px) {
html {
font-size: 27px;
}
}
@media (min-width: 2560px) {
html {
font-size: 0.625vw;
}
}
body.logged-in .main-body {
margin-top: 32px;
}
body.logged-in nav.nav {
transform: all .2s ease;
top: 32px;
}
body.logged-in.scrolled nav.nav {
top: 0;
}
#wpadminbar {
position: absolute;
top: 0;
left: 0;
}
body {
margin: 0; background-color: var(--body-background-color);
color: var(--body-color);
font-family: 'Kalam', sans-serif;
font-size: 1em;
font-style: normal;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0em;
text-align: left;
-webkit-font-smoothing: antialiased;
}
body.transitioning {
pointer-events: none;
} .as-hero,
h1, .as-h1,
h3, .as-h3,
h4, .as-h4,
h5, .as-h5,
h6, .as-h6 {
display: block;
margin-top: 0;
margin-bottom: 0;
font-family: 'Kalam', sans-serif;
font-style: normal;
font-weight: 700; line-height: .8;
}
h1, .as-h1 {
font-family: 'Nerko', serif;
font-weight: 400;
color: #194050;
}
h2, .as-h2 {
display: block;
margin-top: 0;
margin-bottom: 1.85rem;
font-style: normal;
font-weight: 700;
line-height: 1.1;
font-size: 1.741rem;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.as-h1 strong,
.as-h2 strong,
.as-h3 strong,
.as-h4 strong,
.as-h5 strong,
.as-h6 strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.as-h1 b,
.as-h2 b,
.as-h3 b,
.as-h4 b,
.as-h5 b,
.as-h6 b {
font-weight: inherit;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
.as-h1 em,
.as-h2 em,
.as-h3 em,
.as-h4 em,
.as-h5 em,
.as-h6 em,
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
.as-h1 i,
.as-h2 i,
.as-h3 i,
.as-h4 i,
.as-h5 i,
.as-h6 i {
font-style: inherit;
}
h1, .as-h1 {
font-size: 1.875rem;
}
h2, .as-h2 {
font-size:  1.741rem;
}
h3, .as-h3 {
font-size: 1.458rem;
}
h4, .as-h4 {
font-size: 1.286rem;
line-height: 1.3;
}
h5, .as-h5 {
font-size: 1.134rem;
line-height: 1.5;
}
h6, .as-h6 {
font-size: 1rem;
line-height: 1;
text-transform: uppercase;
}
@media (min-width: 1200px) {
h1, .as-h1 {
font-size: 1.875rem;
}
h2, .as-h2 {
font-size:  1.654rem;
}
h3, .as-h3 {
font-size: 1.458rem;
}
}
p {
margin-top: 0;
margin-bottom: 0;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.125rem;
}
.list-col ul {
list-style: none;
}
.list-col ul li {
display: flex;
align-items: center;
margin-bottom: 2rem;
} .list-col ul li {
display: flex;
align-items: center;
}
.list-col ul li .list-icon {
display: flex;
flex: 0 0 auto;
width: 2.1875rem;
height: 2.1875rem;
}
.list-col ul li .list-content {
display: block;
align-self: center;
flex: 1 0 0%;
width: 100%;
padding-left: 0.75rem;
}
blockquote {
position: relative;
margin: 0;
padding: 0.5rem 1.5rem 0.5rem calc(1.5rem + 0.0625rem);
}
blockquote:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0.0625rem;
background-color: currentColor;
}
strong, b {
font-weight: 700;
}
pre {
margin: 0;
font-family: monospace, monospace;
font-size: 1em;
white-space: pre-wrap;
} figure {
margin: 0;
}
figcaption {
font-size: 0.875rem;
}
picture {
display: block;
width: 100%;
}
img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-style: none;
} svg {
display: block;
width: 100%;
height: auto;
border: none;
pointer-events: none;
}
iframe {
display: block;
}
.iframe-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: calc(100% * (9 / 16));
}
.iframe-wrapper > iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
} label {
display: block;
font-size: 1em;
}
label + input,
label + textarea {
margin-top: 1rem;
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea {
display: block;
width: 100%;
padding: 0.875rem 1.0625rem;
margin-bottom: 1.8125rem;
margin-top: 0.375rem;
background-color: #EEF3F6;  border: none;
border-radius: 0;
color: #194050;
font-family: inherit;
font-size: 1rem;
font-style: inherit;
font-weight: inherit;
line-height: 1.25;
text-align: left;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.has-grey-bg input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.has-grey-bg input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
background-color: #ffffff;
}
.inline-form form {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.inline-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
margin: 0;
}
.inline-form .wp-block-uagb-forms-email {
width: 66.666%;
}
.remove-block-padding {
padding: 0 !important;
}
.has-grey-bg {
background-color: #EEF3F6;
}
.has-grey-blue-bg {
background-color: #3D6277;
}
.has-grey-bg.has-before, .has-grey-bg.has-after {
position: relative;
}
textarea {
min-width: 100%;
max-width: 100%;
min-height: 15rem !important; max-height: calc((1em * 1.25) * 16 + 1.25rem * 2);
}
.wpcf7 label {
font-size: 0.875rem;
line-height: 1.2142857142857142em;	
}
.heading-with-big-subtitle .uagb-desc-text {
font-size: 1.5625rem
} .info-box-desc .uagb-ifb-desc {
font-size: 1.25rem;
}
@media all and (min-width: 768px) {
.heading-with-big-subtitle .uagb-desc-text {
font-size: 1.875rem
}
.info-box-desc .uagb-ifb-desc {
font-size: 1.75rem;
}
} a {
color: inherit;
text-decoration: none;
transition: opacity 0.25s ease;
}
.teal-accent {
color: var(--accent-color-dark);
}
.as-link {
transition: opacity 0.25s ease;
}
a:active {
color: inherit;
}
a:focus {
outline-offset: 0;
}
a:hover:not(.has-color),
a:hover .as-link:not(.has-color) {
opacity: 0.5;
}
::placeholder {
color: #7E8E9A;
}
button,
input[type="submit"], .as-button {
display: inline;
position: relative;
width: auto;
padding: 0.875rem;
background-color: transparent;
border-color: none;
border-width: none;
border-style: none;
border-radius: none;
color: none;
font-family: inherit;
font-size: 1rem;
font-style: inherit;
font-weight: 600;
letter-spacing: inherit;
line-height: normal;
text-align: center;
cursor: pointer;
transition: opacity 0.25s ease;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.as-button:hover a {
opacity: 1 !important;
}
input[type="submit"], .as-button {
padding: 0.6296rem 1.41rem; background-image: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/images/button-bg.svg);
background-size: cover;
background-repeat: no-repeat; border: none;
border-radius: 0.5555rem;
text-decoration: none !important;
color: white;
}
.as-outlined-btn {
background-color: transparent;
border: 1px solid var(--button-background-color);
}
.as-button.has-color, .as-outlined-button.has-color, .wp-block-button__link  {
transition: all .2s ease;
}
.as-button.has-color:hover, .as-outlined-button.has-color:hover, .wp-block-button__link:hover {
background-color: var(--button-background-color-hover) !important;
border-color: var(--button-background-color-hover) !important;
color: white !important;
opacity: 1 !important;
}
button:active,
input[type="submit"]:active {
border-style: none;
}
button:hover,
input[type="submit"] {
transition: all .2s ease;
}
button:hover:not(.nav-toggler),
input[type="submit"]:hover {
opacity: 1;
background-color: var(--button-background-color-hover);
border-color: var(--button-background-color-hover);
}
.pressables {
margin-bottom: calc(var(--row-gutter-width) * -1) !important;
}
* + .pressables {
margin-top: calc(2rem + 2.5vw);
}
.pressables > .pressable {
width: auto;
margin-bottom: var(--row-gutter-width);
}
.pressable > a,
.pressable > button,
.pressable > input[type="submit"] {
display: block;
} body { }
div[data-barba="wrapper"] {
position: relative;
width: 100vw;
height: 100vh;
}
div[data-barba="wrapper"].admin-bar-showing {
height: calc(100vh - var(--admin-bar-height));
}
div[data-scrollbar] {
position: relative;
width: 100%;
height: 100%;
}
div[data-barba="container"] {
position: relative;
width: 100%;
z-index: 1;
background-color: var(--body-background-color);
}
.main-scrollbar .scroll-content {
width: 100%; }
.main-scrollbar .scrollbar-track {
background-color: transparent;
}
.main-scrollbar .scrollbar-track-y {
width: 0.5rem;
}
.main-scrollbar .scrollbar-track-x {
height: 0.5rem;
}
.main-scrollbar .scrollbar-thumb {
width: 0.5rem;
height: 0.5rem;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.5); }
@media(pointer: coarse) {
.main-scrollbar .scrollbar-track-y {
width: 0.25rem;
}
.main-scrollbar .scrollbar-track-x {
height: 0.25rem;
}
.main-scrollbar .scrollbar-thumb {
width: 0.25rem;
height: 0.25rem;
}
}
.set-fixed { } main.main {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
min-height: 100vh; }
[data-barba="wrapper"].admin-bar-showing main.main {
min-height: calc(100vh - var(--admin-bar-height));
}
main.main .main-body {
overflow: hidden;
align-self: flex-start;
flex: 0 0 auto;
position: relative;
width: 100%;
z-index: 2;
}
@media all and (min-width: 768px) {
main.main .main-body {
overflow: visible;
}
}
main.main .main-body * {
-webkit-font-smoothing: antialiased;
}
main.main footer.footer {
align-self: flex-end;
flex: 0 0 auto;
position: relative;
width: 100%;
z-index: 1;
color: var(--body-background-color-black-block);
font-size: 9px;
background-image: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/images/tan_background.png);
background-size: cover;
background-repeat: no-repeat;
}
@media all and (min-width: 768px) {
main.main footer.footer {
font-size: 13px;
}
}
@media all and (min-width: 992px) {
main.main footer.footer {
font-size: 16px;
}
}
main.main footer.footer a {
text-decoration: underline;
} .container-fluid {
position: relative;
width: 100%;
padding-left: var(--container-gutter-width);
padding-right: var(--container-gutter-width);
}
.container {
--container-width: 0.95;
position: relative;
width: 100%;
padding-left: var(--container-gutter-width);
padding-right: var(--container-gutter-width);
}
.non-gutenberg-page > .container, .archive-section > .container { }  @media (min-width: 768px) {
.container {
margin-right: auto;
margin-left: auto;
max-width: calc(100% * var(--container-width));
}
}
@media (min-width: 992px) {
.nav .container, .footer .container, .archive-section .container, .non-gutenberg-page .container, .post-filter-section > .container {  }
}
.row {
display: flex;
flex-wrap: wrap;
margin-bottom: calc(var(--row-gutter-width) / -0.5);
margin-left: calc(var(--row-gutter-width) * -1);
margin-right: calc(var(--row-gutter-width) * -1);
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-left: var(--row-gutter-width);
padding-right: var(--row-gutter-width);
}
.col {
flex: 0 0 auto;
position: relative;
margin-bottom: calc(var(--row-gutter-width) / 0.5);
} nav.nav {
position: fixed;
top: 0;
left: 0; width: 100%;
background-color: white;
transition: background-color 0.5s ease;
z-index: 100;
}
nav.nav .divider-wrapper.after-divider {
bottom: -10px !important;
}
@media all and (min-width: 992px) {
nav.nav .divider-wrapper.after-divider {
bottom: -45px !important;
}
}
.scrolled {
transition: box-shadow 0.5s ease;
}
.scrolled nav.nav:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
transform: scale(1, 1);
transform-origin: center top;
transition: transform 0.5s ease-in-out; box-shadow: 0px 0px 100px -1px rgb(0 0 0 / 90%);
}
nav.nav.open {
position: fixed;
top: 0; left: 0; height: 100vh;
background-color: var(--body-background-color);
overflow-x: hidden;
overflow-y: hidden;
z-index: 1000;
-webkit-overflow-scrolling: touch;
}
nav.nav.open.opening,
nav.nav.open.closing { pointer-events: none;
}
nav.nav.open.closing { }
nav.nav.open .nav-lists-wrapper { }
nav.nav.open > .container { }
nav.nav.open > .container .nav-lists-wrapper {
margin: 25px 0 0 0;
padding-top: 25px;  background-color: var(--body-color-black-block);
}
nav.nav.open > .container .nav-logo-wrapper { }
nav.nav.open > .container .nav-toggler-wrapper { }
nav.nav.open > .container .nav-lists-wrapper * {
color: var(--body-background-color-black-block);
} .nav-holder {
justify-content: space-between;
align-content: flex-start;
align-items: center;
position: relative;
margin-bottom: 0;
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
z-index: 20;
}
@media (min-width: 1200px) { .nav-holder {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
}
}
nav.nav.open .nav-holder {
min-height: 100vh;
padding-bottom: 0;
}
[data-barba="wrapper"].admin-bar-showing nav.nav.open .nav-holder {
min-height: calc(100vh - var(--admin-bar-height));
}
.nav-logo-wrapper {
justify-self: flex-start;
align-self: center;
margin-bottom: 0;
width: auto;
z-index: 2;
}
a.nav-logo {
display: block;
width: 10rem;
max-width: 100%;
}
a.nav-logo svg {
width: 70%;
}
@media (min-width: 768px) {
a.nav-logo {
width: 11.1875rem;
}
a.nav-logo svg {
width: 100%;
}
}
.nav-toggler-wrapper {
justify-self: flex-end;
align-self: center;
margin-left: auto;
margin-bottom: 0;
width: auto;
z-index: 2;
}
@media (min-width: 1200px) { .nav-toggler-wrapper {
display: none;
}
}
button.nav-toggler {  width: 1.71875rem; height: 1.25rem;
display: block;
position: relative;
padding: 0; -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
button.nav-toggler span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: var(--body-background-color-orange-block);
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
button.nav-toggler span:nth-child(1) {
top: 0px;
}
button.nav-toggler span:nth-child(2),button.nav-toggler span:nth-child(3) {
top: 9px;
}
button.nav-toggler span:nth-child(4) {
top: 18px;
}
button.nav-toggler.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
button.nav-toggler.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
button.nav-toggler.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
button.nav-toggler.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
} .nav-lists-wrapper {
display: none;
margin-bottom: 0;
width: 100%;
padding-top: calc(2rem + 2.5vw);
padding-bottom: calc(2rem + 2.5vw);  opacity: 0;
visibility: hidden;
z-index: 1;
}
@media (min-width: 1200px) { .nav-lists-wrapper {
display: block;
width: calc(100% - (13.125rem + (var(--row-gutter-width) / 0.5)));
padding-top: 0;
padding-bottom: 0;
opacity: 1;
visibility: visible;
}
}
.nav-lists {
margin-bottom: 0;
display: flex;
align-items: flex-start;
height: calc(100vh - 6.875rem);
margin-top: 0.3125rem;
overflow: hidden;
}
@media all and (min-width: 1200px) {
.nav-lists {
margin-top: 0;
overflow: visible;
}
}
.desktop-nav-lists {
display: none;
}
@media all and (min-width: 1200px) {
.desktop-nav-lists {
display: flex;
}
}
.desktop-nav-lists .nav-buttons-wrapper {
margin-bottom: 0 !important;
}
.desktop-nav-lists .nav-buttons-wrapper > div {
display: flex;
justify-content: flex-end;
margin-bottom: 1.25rem;
}
.desktop-nav-lists .nav-buttons-wrapper > div > div:first-child, .desktop-nav-lists .nav-buttons-wrapper > div > li:first-child {
margin-right: 1.5625rem;
}
.desktop-nav-lists .nav-buttons-wrapper > div > li {
list-style: none;
}
.desktop-nav-lists .nav-buttons-wrapper > div .as-outlined-btn {
color: var(--button-background-color);
}
.desktop-nav-lists .nav-buttons-wrapper > div .as-button {
padding: 0.625rem 0.9375rem;
display: inline-block;
font-weight: 400;
}
@media (min-width: 1200px) { .nav-lists {
justify-content: space-between;
height: auto;
}
}
.nav-list-wrapper {
margin-bottom: 0;
}
@media (min-width: 1200px) { .nav-list-wrapper {
margin-left: auto; width: 100%;
}
}
.nav-list-wrapper.with-language-switcher {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
@media (min-width: 1200px) { .nav-list-wrapper.with-language-switcher {
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: row;
}
}
.nav-lang-switcher-wrapper > div {
padding: 0;
}
.nav-lang-switcher-wrapper > div li:first-of-type > a {
padding-left: 0;	
}
.nav-lang-switcher-wrapper > div li > a {
font-size: 0.74rem;
}
@media all and (min-width: 1200px) {
.nav-lang-switcher-wrapper > div {
padding: 7px;
}
.nav-lang-switcher-wrapper > div li:first-of-type > a {
padding-left: 5px;
}
.nav-lang-switcher-wrapper > div li > a {
font-size: 0.889rem;
}
}
.nav-list-wrapper.with-language-switcher .nav-lang-switcher-wrapper ul {
display: flex;
}
.wpml-ls-current-language, .wpml-ls-current-language * {
color: var(--body-background-color-orange-block) !important;
}
.mobile-nav-buttons {
display: block;
position: absolute;
bottom: -119px;
left: 0;
padding-left: var(--row-gutter-width);
}
.mobile-nav-buttons > div {
display: flex;
flex-direction: column;
}
.mobile-nav-buttons > div > li:first-of-type {
margin-bottom: 1.1875rem;
}
.mobile-nav-buttons .as-outlined-btn a {
color: var(--button-background-color);
}
.mobile-nav-buttons .as-button {
border: 1px solid  #5861E8;
}
.mobile-nav-buttons .as-button a {
font-weight: 400 !important;
}
@media (min-width: 1200px) {
.mobile-nav-buttons {
display: none;
}
}
ul.nav-list {
padding-left: 0;
list-style: none;
}
@media (min-width: 1200px) { ul.nav-list {
display: flex;
justify-content: flex-end;
margin-left: calc(var(--row-gutter-width) * -1);
margin-right: calc(var(--row-gutter-width) * -1);
}
}
@media (min-width: 1200px) { ul.nav-list > li.menu-item { padding-left: 0;
padding-right: var(--row-gutter-width);
}
ul.nav-list > li.menu-item:not(:first-child) { margin-left:  0.625rem;
}
}
ul.nav-list > li.menu-item > a {
display: inline-block;
line-height: 1;
font-family: 'Nerko', sans-serif;
font-weight: 700; font-size: 0.74rem;
line-height:  1.2954545454545454em;
}
ul.nav-list > li.current-menu-item, .sub-menu > li.current-menu-item, ul.nav-list > li.current-menu-parent > a, ul.nav-list > li.current-menu-item * {
color: var(--body-background-color-orange-block) !important;
}
ul.nav-list > li.current-menu-item a, .sub-menu > li.current-menu-item a, ul.nav-list > li.current-menu-parent > a {
font-weight: 700 !important;
}
@media (min-width: 1200px) { ul.nav-list > li.menu-item > a {
display: block;
line-height: 1;
font-family: 'Nerko', sans-serif;
font-weight: 700;
font-size: 0.74rem;
}
.nav-list-wrapper.with-language-switcher .nav-lang-switcher-wrapper span {
font-family: 'Nerko', sans-serif;
font-weight: 700;
font-size: 0.74rem;
}
.nav-list-wrapper.with-language-switcher .nav-list {
padding-right: 2rem;
}
}
@media (min-width: 1500px) { ul.nav-list > li.menu-item > a {
display: block;
line-height: 1;
font-family: 'Nerko', sans-serif;
font-weight: 700;
font-size: 0.889rem;
}
.nav-list-wrapper.with-language-switcher .nav-lang-switcher-wrapper span {
font-family: 'Nerko', sans-serif;
font-weight: 700;
font-size: 0.889rem;
}
}
ul.nav-list > li.menu-item-has-children {
position: relative;
}
ul.nav-list .sub-menu {
display: block;
}
nav.nav.open > .container .nav-lists-wrapper ul.nav-list > li > .sub-menu {
padding: 0;
}
nav.nav.open > .container .nav-lists-wrapper ul.nav-list > li > .sub-menu li a {
font-size: 1.5625rem;
}
nav.nav.open > .container .nav-lists-wrapper li:not(.current-menu-item), nav.nav.open > .container .nav-lists-wrapper li:not(.current-menu-item) > a {
font-weight: 400 !important;
}
nav.nav.open > .container .nav-lists-wrapper ul.nav-list > li:first-of-type,
nav.nav.open > .container .nav-lists-wrapper ul.nav-list > li:first-of-type > a { }
nav.nav.open > .container .nav-lists-wrapper ul.nav-list li {
margin-bottom: 1.1875rem;
}
nav.nav.open > .container .nav-lists-wrapper  ul.nav-list > li > .sub-menu {
margin-top: 1.1875rem;
}
@media all and (min-width: 1200px) {
ul.nav-list > li > .sub-menu li:first-of-type {
color: auto;
}
ul.nav-list .sub-menu {
height: 0;
display: none;
list-style: none;
padding: 1.75rem;
transition: height .2s ease;
position: absolute;
top: 100%;
left: -18px;
background-color: white;
}
ul.nav-list > li.menu-item-has-children:hover .sub-menu  {
height: auto;
display: block;
}
ul.nav-list .sub-menu > li:not(:last-of-type) {
margin-bottom: 1rem;
}
}
ul.nav-list .sub-menu > li {
overflow: hidden;
white-space: nowrap;
} header.header {
position: relative;
padding-top: calc(7.5rem + (13.125rem * (54 / 211)));   padding-bottom: calc(4rem + 5vw);
background-color: var(--body-background-color-orange-block);
color: var(--body-color-black-block);
}
header.header.connect-with-archive {
padding-bottom: 0 !important;
}
header.header:not(.non-gutenberg-page) { padding-top: 0;
}
@media all and (min-width: 768px) {
header.header {
padding-top: calc(3rem + 5vw);
}
}
.single-post header.header {
padding-bottom: 0;
padding-top: 20px
}
@media all and (min-width: 768px) {
.single-post header.header {
padding-top: 80px
}
}
header.header .header-title-with-subtitle {
display: flex;
flex-direction: column;
padding: 0 30px 0 0;
}
header.header .header-title-with-subtitle h1 {
color: #5861E8;
font-family: 'Kalam', sans-serif;
font-size: 1.125rem;
font-weight: 700;
text-transform: uppercase;
}
header.header .header-title-with-subtitle p {
color: #194050;
font-family: 'Kalam', sans-serif;
font-size: 1.875rem;
font-weight: 700;
}
header.header.has-grey-blue-bg .header-title-with-subtitle p, header.header.has-grey-blue-bg .header-title-with-subtitle h1 {
color: white;
}
header.header.has-grey-blue-bg { }
@media all and (min-width: 768px) {
header.header .header-title-with-subtitle {
padding: 0 53px 0 0;
}
header.header .header-title-with-subtitle p {
width: 55.555%;
}
}
header.header p {
margin-top: 1rem;
}
header.header .hero-image-overlap-container {
position: relative; }
header.header .hero-image-overlap-container .image-wrapper {
position: absolute; bottom: 0;
left: 50%;
height: 280px; transform: translate(-50%, 100%);
z-index: 50;
width: 100%;
}
@media all and (min-width: 768px) {
header.header .hero-image-overlap-container .image-wrapper {
width: auto;
height: 480px;
}
}
header.header .hero-image-overlap-container .image-wrapper .image-wrapper img {
object-fit: cover;
object-position: center;
height: 100%;
}
header.error-page-header .header-title, header.error-page-header .editor-content {
text-align: center;
}
header.error-page-header .editor-content p {
margin: 0;
}
header.error-page-header .editor-content .pressables {
justify-content: center;
margin-top: 2.625rem;
}
.contact-split-grey-bg {
background: linear-gradient(90deg, white 33%, var(--body-background-color-grey-block) white)
}
@media all and (min-width: 992px) {
.contact-split-grey-bg {
background: linear-gradient(90deg, white 35%, var(--body-background-color-grey-block) 0%)
}
}
section.main-section, section.homepage-section {
padding-top: 6.75rem;
}
@media all and (min-width: 1200px) {
section.main-section, section.homepage-section {
padding-top: 8rem;
}
}
section.section {
position: relative;
background-image: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/images/tekstura_mlijeko.png);
background-size: contain;
background-repeat: repeat;
background-color: var(--body-background-color);
}
section.grey-section, section.black-section {
padding-top: calc(4rem + 5vw);
padding-bottom: calc(4rem + 5vw); }
section.grey-section:not(.has-no-spacer):last-child, section.black-section:not(.has-no-spacer):last-child {
padding-bottom: calc(4rem + 5vw);
} section.section, section.section:not(.grey-section) + section.section { padding-top: calc(4rem + 5vw);
padding-bottom: calc(4rem + 5vw);
}
section.section:not(.has-no-spacer):last-child { margin-bottom: 0;
}
section.grey-section {
background-color: var(--body-background-color-grey-block);
color: var(--body-color-grey-block);
}
section.grey-section .row-with-line-top {
border-top: 1px solid #9FAEB6;
}
section.black-section {
background-color: var(--body-background-color-black-block);
color: var(--body-color-black-block);
}
section.orange-section {
background-color: var(--body-background-color-orange-block);
color: var(--body-color-black-block);
}
section.tan-section {
background-image: url(//trazisekraljica.net/wp-content/themes/trazisekraljica/images/tan_background.png);
background-size: cover;
background-repeat: no-repeat;
} .section.has-divider {
padding-top: 0;
padding-bottom: 0 !important;
}
.section.has-divider .col {
z-index: 30;
}
.divider-wrapper {
position: absolute;
left: 0;
z-index: 20;
width: 100%;
}
.divider-wrapper.before-divider {
top: -200px;
}
.divider-wrapper.before-divider  > svg {
transform: rotate(180deg);
}
.divider-wrapper.after-divider {
bottom: -200px;
}
section.section.has-top-divider {
position: relative;
}
section.section.has-top-divider::before { }
section.section.has-section-divider {
position: relative;
padding-bottom: var(--section-divider-ratio);
}
.section-divider {
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: auto;
}
section.section .container .row .col.content-col {
width: 100%;
}
section.section .container .row .col.content-col.big-content-col {
width: 100%;
}
section.section .container .row .col.content-col > div:not(:first-of-type) {
margin-top: 1.85rem;
}
section.section .container .row .col.content-col a {
text-decoration: underline;
}
.home .statistics-grid {
margin-top: 3rem;
}
section.section .container .row .col.content-col .statistics-grid {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
section.section .container .row .col.content-col .statistics-grid .statistic-image {
width: 100%;
margin-bottom: 1rem;
}
section.section .container .row .col.content-col .statistics-grid .statistic-desc {
width: 100%;
text-align: center;
margin-bottom: 1.5rem;
}
@media all and (min-width: 768px) {
section.section .container .row .col.content-col .statistics-grid {
flex-direction: row;
}
section.section .container .row .col.content-col .statistics-grid .statistic-image {
width: 30%;
margin-bottom: 0;
}
section.section .container .row .col.content-col .statistics-grid .statistic-desc {
width: 70%;
text-align: left;
margin-bottom: 0;
}
}
section.section .container .row .col.content-col .image-wrapper {
width: 100%;
margin-bottom: 1rem;
}
@media all and (min-width: 768px) {
section.section .container .row .col.content-col {
width: 83.3333%;
margin: auto;
}
section.section .container .row .col.content-col .image-wrapper {
width: 60%;
margin: auto;
margin-bottom: 3rem;
}
section.section .container .row .col.content-col.big-content-col {
width: 100%;
}
section.section .container .row .col.content-col .statistics-grid .statistic-image {
margin-bottom: 1.6rem;
}
section.section .container .row .col.content-col .statistics-grid .statistic-desc {
padding-left: 1.48rem;
}
}
section.section .container .row .col.content-col * {
text-align: center;
}
section.section .container .row .col.content-col p {
margin-bottom: 1rem;
}
section.section .container .row .col.content-col sup, section.section .container .row .col.content-col sup a {
color: var(--body-background-color-orange-block);
text-decoration: none !important;
}
section.section .container .row .col.content-col .smaller-centered-content p {
margin-bottom: 0;
}
section.section .container .row .col.content-col .smaller-centered-content {
margin-bottom: 4.62rem
}
footer.footer { padding-top: 2.5rem;
padding-bottom: calc(2.5rem + env(safe-area-inset-bottom)); margin-top: 0;
}
footer .footer-nav-row .footer-nav-col {
width: 100%;
display: flex;
flex-direction: column;
}
@media all and (min-width: 992px) {
footer .footer-nav-row .footer-nav-col {
width: 100%;
}
}
footer .footer-nav-row .footer-nav-col .left-col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
footer .footer-nav-row .footer-nav-col .left-col a:not(.as-button), footer .footer-nav-row .footer-nav-col .left-col {
padding-bottom: 0.3125rem;
}
footer .footer-nav-row .footer-nav-col .left-col > div {
display: flex;
flex-direction: column;
width: 100%;
}
footer .footer-nav-row .footer-nav-col .left-col > div:last-of-type {
margin-top: 2.5rem;
width: 100%;
}
footer .footer-nav-row .footer-nav-col .left-col .as-button {
font-weight: 400 !important;
}
footer .footer-nav-row .footer-nav-col .right-col {
width: 100%;
display: flex;
flex-direction: row;
}
footer .footer-nav-row .footer-nav-col .right-col > div {
display: flex;
flex-direction: column;
width: 50%;
}
footer .footer-nav-row .footer-nav-col .right-col > div {
display: flex;
flex-direction: column;
width: 50%;
}
footer .footer-nav-row .footer-nav-col .right-col svg {
max-width: 35px;
margin-left: auto; }
footer .footer-nav-row .footer-nav-col .right-col svg > path {
transition: fill 0.25s ease;
}
footer .footer-nav-row .footer-nav-col .right-col svg:hover > path, footer .footer-nav-row .footer-nav-col .right-col a:hover svg > path {
fill: #211ECE;
}
footer .footer-list {
list-style: none;
padding: 0;
}
@media all and (min-width: 768px) {
footer .footer-nav-row .footer-nav-col .left-col {
flex-direction: row;
}
footer .footer-nav-row .footer-nav-col .left-col > div {
width: calc(100%/4);
}
footer .footer-nav-row .footer-nav-col .right-col {
width: 40%;
margin-left: auto;
}
footer .footer-nav-row .footer-nav-col .left-col > div:last-of-type {
margin-top: 0;
width: calc(100%/4);
}
footer .footer-nav-row .footer-nav-col .right-col > div:first-of-type {
display: flex;
flex-direction: column;
width: 66.666%;
}
footer .footer-nav-row .footer-nav-col .right-col > div:last-of-type {
display: flex;
flex-direction: column;
width: 33.333%;
}
}
footer .footer-nav-row .footer-nav-col .right-col > div > *:not(:last-child), footer .footer-nav-row .footer-nav-col .right-col > div .footer-contact-info > *:not(:last-child) { }
footer .footer-nav-row .footer-nav-col .right-col > div .footer-contact-info {
margin-top: 0.625rem;
}
main.main footer.footer .as-button {
display: inline-block;
}
main.main footer.footer .left-col > div > div .as-button:not(.as-outlined-btn) {
margin-bottom: 0.9375rem;
overflow: hidden;
white-space: nowrap;
}
main.main footer.footer .left-col > div > div .as-outlined-btn {
margin-bottom: 1.25rem;
}
@media all and (min-width: 768px) {
main.main footer.footer .left-col > div > div .as-outlined-btn  {
margin-bottom: 0;
}
}
footer .footer-nav-row .footer-nav-col .footer-nav-title {
font-family: 'Kalam', sans-serif;
font-size: 1rem;
font-weight: 700;
}
.footer-copyright {
color: var(--accent-content-color);
display: flex;    
flex-direction: column-reverse;
align-items: center;
justify-content: space-between;
font-size: 0.75rem;
padding-top: 2.375rem;
flex-wrap: wrap;
}
.footer-copyright .footer-right, .footer-copyright .footer-left {
width: 100%;
}
.footer-copyright .footer-right {
display: flex;
}
.footer-copyright .footer-right > .footer-list {
flex-direction: column;
}
@media all and (min-width: 768px) {
.footer-copyright {
flex-direction: row;
}
.footer-copyright .footer-right, .footer-copyright .footer-left {
width: auto;
}
.footer-copyright .footer-right > .footer-list {
flex-direction: row;
}
}
.footer-copyright .footer-right > p:not(:last-of-type) {
margin-right: 1.25rem;
}
.footer-right #footer-contact-nav-list {
display: flex !important;
}
.footer-right #footer-contact-nav-list > li:not(:last-of-type) {
margin-right: 1.25rem;
} div#wp-toolbar {
display: flex !important;
justify-content: space-between !important;
}
div#wp-toolbar > ul {
display: flex !important;
}
div#wp-toolbar > ul > li {
float: none !important;
}   .editor-content > * {
margin-bottom: 1rem;
}
.editor-content > *:last-child {
margin-bottom: 0;
}
.editor-content h1:not(:first-child),
.editor-content h2:not(:first-child),
.editor-content h3:not(:first-child),
.editor-content h4:not(:first-child),
.editor-content h5:not(:first-child),
.editor-content h6:not(:first-child) {
margin-top: 3rem;
}
.editor-content li + li {
margin-top: 0.125rem;
}
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6,
.editor-content .as-h1,
.editor-content .as-h2,
.editor-content .as-h3,
.editor-content .as-h4,
.editor-content .as-h5,
.editor-content .as-h6,
.editor-content div,
.editor-content iframe {
clear: both;
}
.editor-content iframe {
max-width: 100%;
}
.editor-content p > a {
word-break: break-word;
}
.editor-content + .pressables {
margin-top: calc(2rem + 2.5vw);
}
p.big-centered-content {
font-size: 1.5rem;
}
@media all and (min-width: 768px) {
p.big-centered-content {
font-size: 2.11rem;
}
} .parallax-image {
overflow: hidden;
}
.parallax-image > img {
transform-origin: center bottom;
transform: scale3d(1.25, 1.25, 1.0);
} .hero-header.homepage-hero {
padding-top: 5.5555rem; padding-bottom: 0;
}
.hero-header h1 { font-size: 3.7rem;
color: var(--body-background-color);
text-align: center;	
}
.hero-header:not(.blog-hero) h1 {
visibility: hidden;
height: 30px;
}
.section h1 { font-size: 3.4rem;
text-align: center;
margin-bottom: 2rem;
line-height: 1;
}
.post-info h1 {
font-size: 45px;
}
.hero-header.homepage-hero > .image-wrapper {
max-width: 100%;
margin: auto;
padding-bottom: 1rem;
}
@media all and (min-width: 768px) {	
.hero-header h1 { font-size: 5.18rem;
color: var(--body-background-color);
text-align: center;		
}
.post-info h1 {
font-size: 3.7rem;
}
.section h1 {
font-size: 5.18rem;
text-align: center;
margin-bottom: 3rem;
}
.hero-header.homepage-hero  {
padding-top: 13.75rem;
padding-bottom: 0;
}
.hero-header.homepage-hero > .image-wrapper {
max-width: 50%;
margin: auto;
padding-bottom: 1rem;
}
}
@media all and (min-width: 992px) {
.post-info h1 {
font-size: 5.18rem;
}
}
.hero-header:not(.homepage-hero) h1 {
padding:  5.44rem 0 1rem 0;
}
@media all and (min-width: 768px) {
.hero-header:not(.homepage-hero) h1 {
padding:  8.44rem 0 2.5rem 0;
}
}
.hero-header p {
margin-top: 0.625rem;
}
header.hero-header {
padding-top: 0;
}
.hero-header-row {
margin-bottom: 0;
}
.hero-header-col {
margin-bottom: 0;
}
.hero-header-image {
margin-left: calc(((((100% + (var(--row-gutter-width) * 2)) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2)) / var(--container-width)) - ((100% + (var(--row-gutter-width) * 2)) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2))) * -0.5 - var(--container-gutter-width));
margin-right: calc(((((100% + (var(--row-gutter-width) * 2)) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2)) / var(--container-width)) - ((100% + (var(--row-gutter-width) * 2)) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2))) * -0.5 - var(--container-gutter-width));
}
.hero-header-col.has-hero-image:nth-of-type(1) .hero-header-image {
margin-top: calc((2.5rem + (13.125rem * (54 / 211)) + env(safe-area-inset-top)) * -1);
}
.hero-header-col.has-hero-image:nth-of-type(2) .hero-header-image {
position: relative;
border-bottom-left-radius: calc(4rem + 5vw);
overflow: hidden;
z-index: 1;
}
@media (min-width: 1200px) { .hero-header-col {
width: 50%;
}
.hero-header-image {
height: 100%;
}
.hero-header-image > img {
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
}
.hero-header-col.has-hero-image {
display: flex;
flex-direction: column;
}
.hero-header-col.has-hero-image:nth-of-type(1) .hero-header-image {
flex: 1 0 0%;
margin-left: calc((((((100% + (var(--row-gutter-width) * 2)) / 0.5) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2)) / var(--container-width)) - (((100% + (var(--row-gutter-width) * 2)) / 0.5) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2))) * -0.5 - var(--container-gutter-width));
margin-right: calc(var(--row-gutter-width) * -1);
}
.hero-header-col.has-hero-image:nth-of-type(2) .hero-header-image {
margin-left: calc(var(--row-gutter-width) * -1);
margin-right: calc((((((100% + (var(--row-gutter-width) * 2)) / 0.5) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2)) / var(--container-width)) - (((100% + (var(--row-gutter-width) * 2)) / 0.5) + ((var(--container-gutter-width) - var(--row-gutter-width)) * 2))) * -0.5 - var(--container-gutter-width));
}
.hero-header-col.has-hero-image:nth-of-type(1) .hero-header-icons-wrapper {
flex: 0 1 0%;
width: 100%;
}
}
.hero-header-icons {
--row-gutter-width: calc(var(--container-gutter-width) * 0.5);
margin-bottom: calc(-2rem - 2.5vw);
padding-top: calc(2rem + 2.5vw);
}
.hero-header-icon {
width: 50%;
margin-bottom: calc(2rem + 2.5vw);
}
.hero-header-icon span.icon {
display: block;
width: 2.5rem;
max-width: 100%;
}
.hero-header-icon span.text {
display: block;
}
.hero-header-icon span.icon + span.text {
margin-top: 0.5rem;
}
.hidden-on-mobile {
display: none;
}
@media (min-width: 1200px) { .hidden-on-mobile {
display: block;
}
.row.hidden-on-mobile {
display: flex;
}
.hidden-on-desktop {
display: none;
}
}
.has-line {
position: relative;
padding-bottom: calc(0.33em + 0.0625rem);
}
.has-line:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0.0625rem;
background-color: currentColor;
pointer-events: none;
}
textarea {
min-width: 100%;
max-width: 100%;
min-height: calc((1em * 1.25) + (0.875rem * 2));
max-height: calc((1em * 1.25) * 16 + (0.875rem * 2));
}
.form-element input,
.form-element textarea,
.form-element select {
transition: border-color 0.25s ease-in-out;
}
form.form.was-validated .form-element input:invalid,
form.form.was-validated .form-element textarea:invalid,
form.form.was-validated .form-element select:invalid {
border-color: red;
}
.form-element + .form-element {
margin-top: 0.75rem;
}
.form-element {
position: relative;
padding-bottom: calc(0.75rem * 1.25);
}
span.form-error {
display: block;
position: absolute;
top: calc(100% - (0.75rem * 1.25));
left: 0;
font-size: 0.75rem;
line-height: 1.25;
color: red;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out,
visibility 0s linear 0.25s;
pointer-events: none;
white-space: nowrap;
}
form.form.was-validated .form-element input:invalid ~ span.form-error,
form.form.was-validated .form-element textarea:invalid ~ span.form-error,
form.form.was-validated .form-element select:invalid ~ span.form-error {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out 0s,
visibility 0s linear;
}
.form-message {
font-size: 1em;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out,
visibility 0s linear 0.25s;
}
.form-message.show {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out 0s,
visibility 0s linear;
}
.form-message.ok {
color: #008400;
}
.form-message.error {
color: #E53037;
} .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
border: 1px solid #949494;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 3px;
background-color: #949494;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #A89968;
}
input:focus + .slider {
box-shadow: 0 0 1px #A89968;
}
input:checked + .slider:before {
background-color: #ffffff;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
#wpgmza_map {
height: 400px !important;
}
@media all and (min-width: 992px) {
#wpgmza_map {
height: 600px;
}	
}   .container .archive-posts .archive-post {
width: 100%;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link {
display: block;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link .archive-post-content p {
height: auto;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link .archive-post-content .use-cases-category-list {
margin-top: 2.1875rem;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link .archive-post-content .use-cases-category-list > div {
display: flex;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link .archive-post-content .use-cases-category-list > div:not(:last-of-type) {
margin-bottom: 0.625rem;
}
.use-cases-archive-section .container .archive-posts .archive-post .archive-post-link .archive-post-content .use-cases-category-list > div > span {
margin-right: 0.625rem;
}
.container .archive-posts .archive-post .archive-post-link .archive-post-image img { object-fit: cover;
object-position: center;
height: 100%;
}
@media all and (min-width: 768px) {
.container .archive-posts .archive-post {
width: 50%;
}
}
@media all and (min-width: 992px) {
.container .archive-posts .archive-post {
width: 33.333%;
}
.container .archive-posts .archive-post .archive-post-link {
display: flex;
flex-direction: column;
width: 100%;
}
.container .archive-posts .archive-post .archive-post-link .archive-post-content p {
height: calc(1.5 * 2em);
overflow: hidden;
}
.container .archive-posts .archive-post .archive-post-link .archive-post-image {
flex: 1 0 auto;
height: 330px; }
.container .archive-posts .archive-post .archive-post-link .archive-post-image img { }
}
@media all and (max-width: 992px) {
.container .archive-posts .archive-post {
width: 50% !important;
}
}
@media all and (max-width: 768px) {
.container .archive-posts .archive-post {
width: 100% !important;
}
}
.section.archive-section {
padding: 0 !important;
}
.container .archive-posts .archive-post .archive-post-content {
padding-top: 0.926rem;
color: var(--body-color);
}
.container .archive-posts .archive-post .archive-post-content h2 {
font-family: 'Kalam', sans-serif;
font-size: 1rem;
font-weight: 700;
}
.container .archive-posts .archive-post .archive-post-content span, .container .archive-posts .archive-post .archive-post-content p {
font-family: 'PT Serif', serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
}  .section.archive-section .archive-pagination {
padding-top: 2.375rem;
}
.section.archive-section .archive-pagination .nav-links > .page-numbers {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.section.archive-section .archive-pagination .nav-links > .page-numbers > li:not(:last-of-type) {
margin-right: 0.875rem;
}
.section.archive-section .archive-pagination .nav-links > .page-numbers > li > span {
color: #3D6277;
font-family: 'Kalam', sans-serif;
font-size: 1rem;
font-weight: 700;
}
.section.archive-section .archive-pagination .nav-links > .page-numbers > li > span.current {
color: #5861E8;
}  .hero-featured-image .single-hero-featured-image {
height: 30vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media all and (min-width: 768px) {
.hero-featured-image .single-hero-featured-image {
height: 50vh;
}
}
.post-content-section {
display: flex;
}
.post-content-section .editor-content-col {
width: 100%;
margin: auto;
}
@media all and (min-width: 768px) {
.post-content-section .editor-content-col {
width: 50%;
margin: auto;
}
}
.editor-content .post-info {
margin-bottom: 3.25rem;
margin-top: 0;
}
.editor-content .post-info h1 {
margin: 0.625rem 0 3.25rem 0 !important;
}
.editor-content .post-info .post-date {
color: var(--body-background-color-orange-block);
font-family: 'Kalam', sans-serif;
font-weight: 700;
font-size: 1.125rem;
}
.editor-content .post-info .post-divider-line, .editor-content .post-divider-line {
border-bottom: 1px solid #3D6277;
width: 65px;
height: 0px;
display: block;
}
.editor-content .post-divider-line.event-divider {
margin-bottom: 0;
margin-top: 1.25rem;
}
.editor-content .main-post-content p, .editor-content .main-post-content ul, .editor-content .main-post-content ol {
margin-bottom: 1rem;
}
.editor-content .main-post-content ul li {
font-family: 'Kalam', sans-serif;
}
.editor-content .main-post-content h2, .editor-content .main-post-content h3, .editor-content .main-post-content h4, .editor-content .main-post-content h5 {
margin-bottom: 1.5rem !important;
font-family: 'Nerko', serif;
font-weight: 400;
}
.editor-content .main-post-content blockquote {
color: var(--body-background-color-orange-block);
font-size: 1.25rem;
padding: 1.8125rem 0;
margin: 0.625rem 0;
text-align: center;
}
.editor-content .main-post-content blockquote:before {
display: none;
}
.editor-content .main-post-content blockquote p {
margin: 0 !important;
color: var(--body-background-color-orange-block);
}
.editor-content .main-post-content p {
font-family: 'Kalam', sans-serif;
font-style: normal;
font-weight: 400;
color: #194050;
}
.editor-content .main-post-content p img {
width: 80%;
margin: auto;
}
.editor-content .main-post-content a {
color: var(--body-background-color-orange-block);
text-decoration: underline;
}
.editor-content .event-table {
padding-top: 3.25rem;
}
.editor-content .event-table .event-table-heading {
font-size: 1.25rem;
color: #194050;
font-family: 'Kalam', sans-serif;
font-weight: 700;
margin-bottom: 3.25rem;
}
.editor-content .event-table .additional-link-wrapper .link-info .link-date, .editor-content .event-table .additional-link-wrapper .link-info .link-audience {
color:#194050;
font-size: 1rem;
font-family: 'PT Serif', serif;
font-style: normal;
font-weight: 400;
}
.editor-content .event-table .additional-link-wrapper .link-info .link-date > span, .editor-content .event-table .additional-link-wrapper .link-info .link-audience > span {
font-weight: 600;
}
.editor-content .post-additional-button {
margin-top: 3.25rem;
}
.editor-content .post-additional-button .post-divider-line {
margin: 0;
display: block;
}
.editor-content .post-additional-button .link-button {
display: flex;
margin-top: 3.25rem;
}  .section.related-posts-section {
padding: 30px 0 30px 0 !important;	
}
@media all and (min-width: 768px) {
.section.related-posts-section {
padding: 3.3125rem 0 3.3125rem 0 !important;	
}
}
.section.related-posts-section .related-button-wrapper{
margin-top: 2.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.section.related-posts-section h2 {
margin-bottom: 0;
}  .section.colored-dropdown-section .col {
width: 100%;
}
.desktop-50-paragraph .uagb-desc-text br {
content: "";
margin: 9px;
display: block;
font-size: 24%;
}
@media all and (min-width: 768px) {
.section.colored-dropdown-section .col {
width: calc(100% / 3);
}
.desktop-50-paragraph .uagb-desc-text {
width: 50%;
}
}
.section.colored-dropdown-section .colored-dropdown-wrapper {
padding: 1.375rem;
display: flex;
flex-direction: column;
justify-content: space-between;
clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}
.section.colored-dropdown-section .colored-dropdown-wrapper:hover {
cursor: pointer;
}
.section.colored-dropdown-section .teal-dropdown {
background-color: #00C2BE;
transition: background-color .7s ease;
}
.section.colored-dropdown-section .teal-dropdown.open {
background-color: #00938E;
}
.section.colored-dropdown-section .violet-dropdown {
background-color: #211ECE;
transition: background-color .7s ease;
}
.section.colored-dropdown-section .violet-dropdown.open {
background-color: #5861E8;
}
.section.colored-dropdown-section .gray-blue-dropdown {
background-color: #3D6277;
transition: background-color .7s ease;
}
.section.colored-dropdown-section .gray-blue-dropdown.open {
background-color: #7E8E9A;
}
.section.colored-dropdown-section .colored-dropdown-wrapper .dropdown-label {
font-family: 'Kalam', sans-serif;
font-size: 2.25rem;
font-weight: 700;
color: white;
}
.section.colored-dropdown-section .colored-dropdown-wrapper .dropdown-btn {
margin-left: auto;
margin-right: auto;
transition: transform .7s ease-in-out;
padding: 0;
margin-top: 2.3125rem;
}
.section.colored-dropdown-section .colored-dropdown-wrapper .dropdown-btn.open {
transform: rotate(-180deg);
}
.section.colored-dropdown-section .colored-dropdown-wrapper .dropdown-btn:hover {
opacity: 1;
background-color: transparent;
}
.section.colored-dropdown-section .dropdown-labels {
background-color: white;
box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.15);
overflow: hidden;
max-height: 0;
transition: max-height .7s ease;
}
.section.colored-dropdown-section .dropdown-labels.open {
max-height: 500px;
}
.section.colored-dropdown-section .dropdown-labels.opening {
overflow-y: hidden;
pointer-events: none;
}
.section.colored-dropdown-section .dropdown-labels > div {
color: #194050;
font-family: 'PT Serif', serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
padding: 1.25rem 2rem;
}
.section.colored-dropdown-section .dropdown-labels > div:not(:last-of-type) {
border-bottom: 1px solid #E5E7EB;
}  .read-more-section > p {
margin-bottom: 10px;
}
.read-more-section * {
font-family: 'PT Serif', serif;
font-style: normal;
font-weight: 400;
}
.read-more-section > .read-more-button {
display: block;
color:#5861E8;
cursor: pointer;
margin: 0;
padding: 0;
}
.read-more-section > .read-more-button:hover {
color:#5861E8;
background: transparent;
opacity: .5;
}
.read-more-section > .read-more-button.open {
display: none;
}
.hidden-read-more {
display: none;
height: 0;
transition: height .5s ease;
}
.hidden-read-more.open {
height: auto;
display: block;
}  .wpcf7-form .inline-form {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2.8125rem;
}
.wpcf7-form .inline-form p:first-child {
margin-right: 0.625rem;
}
.wpcf7-form .inline-form p:last-child {
position: relative;
}
.wpcf7-form .inline-form input[type="submit"] {
width: 100%;
margin: 0;
padding: 14px 17px;
}
.wpcf7-form .inline-form .wpcf7-spinner {
position: absolute;
margin: 0;
top: 50%;
transform: translateY(-50%);
right: -35px;
}
.wpcf7-form .inline-form .wpcf7-not-valid-tip {
position: absolute;
margin-top: 0.3125rem;
color: #5861E8;
}
.wpcf7-not-valid-tip {
color: #5861E8;
}
.wpcf7-form .acceptance-checkbox {
text-align: center;
margin-top: 1.3125rem;
color: #194050;
font-family: 'PT Serif', serif;
font-style: normal;
font-weight: 400;
font-size: 27px;
}
.wpcf7-form .acceptance-checkbox a {
color: #5861E8;
}
.wpcf7-form .acceptance-checkbox .wpcf7-list-item > label {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 0;
}
@media all and (min-width: 768px) {
.wpcf7-form .acceptance-checkbox .wpcf7-list-item > label {
align-items: center;
margin: 0 0 0 1em;
}
}
.wpcf7 form.sent .wpcf7-response-output {
border: none;
color: #00C2BE;
margin-left: 0;
padding-left: 0;
margin-right: 0;
padding-right: 0;
text-align: left;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border: none !important;
color: #5861E8;
margin-left: 0;
padding-left: 0;
margin-right: 0;
padding-right: 0;
} .hide-elem, .hide-menu-item {
display: none !important;
}