:root {
--container-padding: 16px;
--content-width: calc(1240px + (2 * var(--container-padding)));
--grid-row-gap: 16px;
--grid-column-gap: 16px; }
@media (min-width: 768px) {
:root {
--grid-row-gap: 32px;
--grid-column-gap: 32px;
--container-padding: 32px; } }
@media (min-width: 1140px) {
:root {
--grid-row-gap: 32px;
--grid-column-gap: 32px;
--container-padding: 32px; } }
.container {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
width: 100%;
margin: 0 auto; }
.container:not(.container--fluid) {
max-width: var(--content-width); }
.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--grid-row-gap) var(--grid-column-gap); }
.grid.no-gap {
grid-gap: 0 0; }
.grid.no-row-gap {
grid-row-gap: 0; }
.grid.no-column-gap {
grid-column-gap: 0; }
.col-0 {
grid-column-end: span 0; }
.offset-0 {
grid-column-start: 1; }
.col-1 {
grid-column-end: span 1; }
.offset-1 {
grid-column-start: 2; }
.col-2 {
grid-column-end: span 2; }
.offset-2 {
grid-column-start: 3; }
.col-3 {
grid-column-end: span 3; }
.offset-3 {
grid-column-start: 4; }
.col-4 {
grid-column-end: span 4; }
.offset-4 {
grid-column-start: 5; }
.col-5 {
grid-column-end: span 5; }
.offset-5 {
grid-column-start: 6; }
.col-6 {
grid-column-end: span 6; }
.offset-6 {
grid-column-start: 7; }
.col-7 {
grid-column-end: span 7; }
.offset-7 {
grid-column-start: 8; }
.col-8 {
grid-column-end: span 8; }
.offset-8 {
grid-column-start: 9; }
.col-9 {
grid-column-end: span 9; }
.offset-9 {
grid-column-start: 10; }
.col-10 {
grid-column-end: span 10; }
.offset-10 {
grid-column-start: 11; }
.col-11 {
grid-column-end: span 11; }
.offset-11 {
grid-column-start: 12; }
.col-12 {
grid-column-end: span 12; }
.offset-12 {
grid-column-start: 13; }
@media (min-width: 460px) {
.col-xs-0 {
grid-column-end: span 0; }
.offset-xs-0 {
grid-column-start: 1; }
.col-xs-1 {
grid-column-end: span 1; }
.offset-xs-1 {
grid-column-start: 2; }
.col-xs-2 {
grid-column-end: span 2; }
.offset-xs-2 {
grid-column-start: 3; }
.col-xs-3 {
grid-column-end: span 3; }
.offset-xs-3 {
grid-column-start: 4; }
.col-xs-4 {
grid-column-end: span 4; }
.offset-xs-4 {
grid-column-start: 5; }
.col-xs-5 {
grid-column-end: span 5; }
.offset-xs-5 {
grid-column-start: 6; }
.col-xs-6 {
grid-column-end: span 6; }
.offset-xs-6 {
grid-column-start: 7; }
.col-xs-7 {
grid-column-end: span 7; }
.offset-xs-7 {
grid-column-start: 8; }
.col-xs-8 {
grid-column-end: span 8; }
.offset-xs-8 {
grid-column-start: 9; }
.col-xs-9 {
grid-column-end: span 9; }
.offset-xs-9 {
grid-column-start: 10; }
.col-xs-10 {
grid-column-end: span 10; }
.offset-xs-10 {
grid-column-start: 11; }
.col-xs-11 {
grid-column-end: span 11; }
.offset-xs-11 {
grid-column-start: 12; }
.col-xs-12 {
grid-column-end: span 12; }
.offset-xs-12 {
grid-column-start: 13; }
.hide-xs-up {
display: none; } }
@media (max-width: 459px) {
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; }
.hide-xs-down {
display: none; } }
@media (min-width: 545px) {
.col-sm-0 {
grid-column-end: span 0; }
.offset-sm-0 {
grid-column-start: 1; }
.col-sm-1 {
grid-column-end: span 1; }
.offset-sm-1 {
grid-column-start: 2; }
.col-sm-2 {
grid-column-end: span 2; }
.offset-sm-2 {
grid-column-start: 3; }
.col-sm-3 {
grid-column-end: span 3; }
.offset-sm-3 {
grid-column-start: 4; }
.col-sm-4 {
grid-column-end: span 4; }
.offset-sm-4 {
grid-column-start: 5; }
.col-sm-5 {
grid-column-end: span 5; }
.offset-sm-5 {
grid-column-start: 6; }
.col-sm-6 {
grid-column-end: span 6; }
.offset-sm-6 {
grid-column-start: 7; }
.col-sm-7 {
grid-column-end: span 7; }
.offset-sm-7 {
grid-column-start: 8; }
.col-sm-8 {
grid-column-end: span 8; }
.offset-sm-8 {
grid-column-start: 9; }
.col-sm-9 {
grid-column-end: span 9; }
.offset-sm-9 {
grid-column-start: 10; }
.col-sm-10 {
grid-column-end: span 10; }
.offset-sm-10 {
grid-column-start: 11; }
.col-sm-11 {
grid-column-end: span 11; }
.offset-sm-11 {
grid-column-start: 12; }
.col-sm-12 {
grid-column-end: span 12; }
.offset-sm-12 {
grid-column-start: 13; }
.hide-sm-up {
display: none; } }
@media (max-width: 544px) {
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; }
.hide-sm-down {
display: none; } }
@media (min-width: 768px) {
.col-md-0 {
grid-column-end: span 0; }
.offset-md-0 {
grid-column-start: 1; }
.col-md-1 {
grid-column-end: span 1; }
.offset-md-1 {
grid-column-start: 2; }
.col-md-2 {
grid-column-end: span 2; }
.offset-md-2 {
grid-column-start: 3; }
.col-md-3 {
grid-column-end: span 3; }
.offset-md-3 {
grid-column-start: 4; }
.col-md-4 {
grid-column-end: span 4; }
.offset-md-4 {
grid-column-start: 5; }
.col-md-5 {
grid-column-end: span 5; }
.offset-md-5 {
grid-column-start: 6; }
.col-md-6 {
grid-column-end: span 6; }
.offset-md-6 {
grid-column-start: 7; }
.col-md-7 {
grid-column-end: span 7; }
.offset-md-7 {
grid-column-start: 8; }
.col-md-8 {
grid-column-end: span 8; }
.offset-md-8 {
grid-column-start: 9; }
.col-md-9 {
grid-column-end: span 9; }
.offset-md-9 {
grid-column-start: 10; }
.col-md-10 {
grid-column-end: span 10; }
.offset-md-10 {
grid-column-start: 11; }
.col-md-11 {
grid-column-end: span 11; }
.offset-md-11 {
grid-column-start: 12; }
.col-md-12 {
grid-column-end: span 12; }
.offset-md-12 {
grid-column-start: 13; }
.hide-md-up {
display: none; } }
@media (max-width: 767px) {
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; }
.hide-md-down {
display: none; } }
@media (min-width: 1140px) {
.col-lg-0 {
grid-column-end: span 0; }
.offset-lg-0 {
grid-column-start: 1; }
.col-lg-1 {
grid-column-end: span 1; }
.offset-lg-1 {
grid-column-start: 2; }
.col-lg-2 {
grid-column-end: span 2; }
.offset-lg-2 {
grid-column-start: 3; }
.col-lg-3 {
grid-column-end: span 3; }
.offset-lg-3 {
grid-column-start: 4; }
.col-lg-4 {
grid-column-end: span 4; }
.offset-lg-4 {
grid-column-start: 5; }
.col-lg-5 {
grid-column-end: span 5; }
.offset-lg-5 {
grid-column-start: 6; }
.col-lg-6 {
grid-column-end: span 6; }
.offset-lg-6 {
grid-column-start: 7; }
.col-lg-7 {
grid-column-end: span 7; }
.offset-lg-7 {
grid-column-start: 8; }
.col-lg-8 {
grid-column-end: span 8; }
.offset-lg-8 {
grid-column-start: 9; }
.col-lg-9 {
grid-column-end: span 9; }
.offset-lg-9 {
grid-column-start: 10; }
.col-lg-10 {
grid-column-end: span 10; }
.offset-lg-10 {
grid-column-start: 11; }
.col-lg-11 {
grid-column-end: span 11; }
.offset-lg-11 {
grid-column-start: 12; }
.col-lg-12 {
grid-column-end: span 12; }
.offset-lg-12 {
grid-column-start: 13; }
.hide-lg-up {
display: none; } }
@media (max-width: 1139px) {
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; }
.hide-lg-down {
display: none; } }
@media (min-width: 1680px) {
.col-xlg-0 {
grid-column-end: span 0; }
.offset-xlg-0 {
grid-column-start: 1; }
.col-xlg-1 {
grid-column-end: span 1; }
.offset-xlg-1 {
grid-column-start: 2; }
.col-xlg-2 {
grid-column-end: span 2; }
.offset-xlg-2 {
grid-column-start: 3; }
.col-xlg-3 {
grid-column-end: span 3; }
.offset-xlg-3 {
grid-column-start: 4; }
.col-xlg-4 {
grid-column-end: span 4; }
.offset-xlg-4 {
grid-column-start: 5; }
.col-xlg-5 {
grid-column-end: span 5; }
.offset-xlg-5 {
grid-column-start: 6; }
.col-xlg-6 {
grid-column-end: span 6; }
.offset-xlg-6 {
grid-column-start: 7; }
.col-xlg-7 {
grid-column-end: span 7; }
.offset-xlg-7 {
grid-column-start: 8; }
.col-xlg-8 {
grid-column-end: span 8; }
.offset-xlg-8 {
grid-column-start: 9; }
.col-xlg-9 {
grid-column-end: span 9; }
.offset-xlg-9 {
grid-column-start: 10; }
.col-xlg-10 {
grid-column-end: span 10; }
.offset-xlg-10 {
grid-column-start: 11; }
.col-xlg-11 {
grid-column-end: span 11; }
.offset-xlg-11 {
grid-column-start: 12; }
.col-xlg-12 {
grid-column-end: span 12; }
.offset-xlg-12 {
grid-column-start: 13; }
.hide-xlg-up {
display: none; } }
@media (max-width: 1679px) {
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; }
.hide-xlg-down {
display: none; } }
:root {
--white: #FFFFFF;
--black: #414042;
--lavander: #B9A9D4;
--rozha: "Rozha One", serif;
--poppins: "Poppins", sans-serif;
--kanit: "Kanit", sans-serif; }
*:focus,
*:focus-visible {
outline: none; }
body {
font-family: var(--poppins);
color: var(--black);
-webkit-font-smoothing: antialiased;
font-size: 16px;
background-color: #F2F5F7; }
a {
text-decoration: none; }
p {
font-size: 16px;
line-height: 24px;
margin: 0 0 24px;
color: var(--grey); }
@media (max-width: 768px) {
p {
font-size: 14px;
line-height: 22px; } }
.locked {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%; }
*,
*:before,
*:after {
box-sizing: border-box; }
\:root {
-moz-tab-size: 4;
tab-size: 4; }
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
hr {
height: 0;
color: inherit; }
abbr[title] {
text-decoration: underline dotted; }
b,
strong {
font-weight: bolder; }
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, 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; }
table {
text-indent: 0;
border-color: inherit; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
select {
text-transform: none; }
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; }
::-moz-focus-inner {
border-style: none;
padding: 0; }
\:-moz-focusring {
outline: none; }
\:-moz-ui-invalid {
box-shadow: none; }
legend {
padding: 0; }
progress {
vertical-align: baseline; }
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto; }
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px; }
::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
summary {
display: list-item; }
h1,
h2,
h3,
h4 {
margin: 0;
font-family: var(--rozha);
font-weight: normal; }
.btn {
display: inline-block;
padding: 11px 74px 11px 38px;
border-radius: 40px;
font-size: 19px;
font-weight: 500;
font-family: var(--kanit);
text-align: center;
color: #fff;
background-color: var(--lavander);
background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4976 11.4971C7.42601 11.4971 3.13539 10.5204 1.14372 8.43586L0 12.414C2.69935 14.2574 6.67608 15.3298 11.4976 15.3298C16.3191 15.3298 20.2956 14.2577 22.9952 12.414L21.8518 8.43558C19.8598 10.5204 15.5686 11.4971 11.4976 11.4971Z' fill='%23F2F5F7'/%3E%3Cpath d='M15.2649 2.23053L15.262 2.22392C14.7728 1.00115 13.2942 0 11.9769 0H11.0188C9.70148 0 8.22289 1.00115 7.73367 2.22392L7.73281 2.2268C4.31486 2.8126 1.91675 4.16759 1.91675 5.7488C1.91675 7.86522 6.20679 9.58152 11.498 9.58152C16.79 9.58152 21.0792 7.86522 21.0792 5.7488C21.0792 4.16817 18.6811 2.81605 15.2649 2.23053ZM6.87566 4.36822L5.88946 6.83388C4.79862 6.45762 4.10647 6.0348 3.88054 5.74851C4.16884 5.38289 5.19069 4.79622 6.87566 4.36822ZM17.1065 6.83474L16.122 4.37368C17.8061 4.80025 18.828 5.38346 19.1154 5.74822C18.8898 6.0348 18.1976 6.45791 17.1065 6.83474Z' fill='%23F2F5F7'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 35px center;
transition: background-color 0.3s;
align-self: flex-start;
flex-grow: 0;
width: auto; }
.btn:hover {
background-color: #FFA07A; }
.btn-small {
display: inline-block;
padding: 11px 52px 11px 22px;
border-radius: 40px;
font-size: 16px;
font-weight: 500;
font-family: var(--kanit);
text-align: center;
color: #fff;
background-color: var(--lavander);
background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4976 11.4971C7.42601 11.4971 3.13539 10.5204 1.14372 8.43586L0 12.414C2.69935 14.2574 6.67608 15.3298 11.4976 15.3298C16.3191 15.3298 20.2956 14.2577 22.9952 12.414L21.8518 8.43558C19.8598 10.5204 15.5686 11.4971 11.4976 11.4971Z' fill='%23F2F5F7'/%3E%3Cpath d='M15.2649 2.23053L15.262 2.22392C14.7728 1.00115 13.2942 0 11.9769 0H11.0188C9.70148 0 8.22289 1.00115 7.73367 2.22392L7.73281 2.2268C4.31486 2.8126 1.91675 4.16759 1.91675 5.7488C1.91675 7.86522 6.20679 9.58152 11.498 9.58152C16.79 9.58152 21.0792 7.86522 21.0792 5.7488C21.0792 4.16817 18.6811 2.81605 15.2649 2.23053ZM6.87566 4.36822L5.88946 6.83388C4.79862 6.45762 4.10647 6.0348 3.88054 5.74851C4.16884 5.38289 5.19069 4.79622 6.87566 4.36822ZM17.1065 6.83474L16.122 4.37368C17.8061 4.80025 18.828 5.38346 19.1154 5.74822C18.8898 6.0348 18.1976 6.45791 17.1065 6.83474Z' fill='%23F2F5F7'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 13px center;
transition: background-color 0.3s; }
.btn-small:hover {
background-color: #FFA07A; }
header {
background-color: var(--white);
padding: 34px 0 40px;
width: 100%;
z-index: 1000;
margin-bottom: 78px;
position: sticky;
top: 0; }
@media screen and (max-width: 768px) {
header {
padding: 20px 0 30px;
margin-bottom: 40px; } }
header .container {
display: flex;
justify-content: space-between;
align-items: center; }
header nav {
margin: 0 30px; }
@media screen and (max-width: 1024px) {
header nav {
position: fixed;
left: -100%;
transition: all 0.3s ease-in-out;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
margin: 0;
background-color: var(--white);
padding-top: 92px; }
header nav.active {
left: 0;
transition: all 0.3s ease-in-out; } }
header nav ul {
display: flex;
align-items: center;
padding: 0; }
@media screen and (max-width: 1024px) {
header nav ul {
display: block;
text-align: center;
border-top: 1px solid #F2F5F7;
padding: 10px 0 0; } }
header nav ul li {
list-style: none;
margin: 0 10px;
white-space: nowrap; }
@media screen and (max-width: 1024px) {
header nav ul li {
text-align: left;
margin: 0 18px; } }
header nav ul li a {
color: var(--black);
font-size: 19px;
font-weight: 500;
font-family: var(--kanit); }
@media screen and (max-width: 1200px) {
header nav ul li a {
font-size: 17px; } }
@media screen and (max-width: 1024px) {
header nav ul li a {
font-size: 20px;
font-weight: normal;
display: block;
padding: 10px 0; } }
header nav ul li a:hover {
color: #FFA07A; }
header nav ul li.current-menu-item a {
color: #FFA07A; }
.logo {
position: relative;
z-index: 1000;
top: -10px; }
@media screen and (max-width: 1200px) {
.logo img {
width: 160px; } }
.logo .zurnal {
position: absolute;
right: 0;
bottom: -28px; }
.logo .zurnal img {
width: 130px; }
.header-right {
display: flex;
align-items: center;
position: relative;
z-index: 1000; }
.search-icon {
display: none; }
@media screen and (max-width: 768px) {
.search-icon {
display: block;
border: 9px #F2F5F7 solid;
border-radius: 50%;
width: 58px;
height: 58px;
background-color: var(--lavander);
background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5781 16.8594C19.1055 17.4219 19.1055 18.3008 18.5781 18.8633C18.0156 19.3906 17.1367 19.3906 16.5742 18.8633L12.3906 14.6445C10.9492 15.5938 9.19141 16.0859 7.29297 15.8398C4.05859 15.3828 1.45703 12.7461 1.03516 9.54688C0.4375 4.76562 4.48047 0.722656 9.26172 1.32031C12.4609 1.74219 15.0977 4.34375 15.5547 7.57812C15.8008 9.47656 15.3086 11.2344 14.3594 12.6406L18.5781 16.8594ZM3.77734 8.5625C3.77734 11.0586 5.78125 13.0625 8.27734 13.0625C10.7383 13.0625 12.7773 11.0586 12.7773 8.5625C12.7773 6.10156 10.7383 4.0625 8.27734 4.0625C5.78125 4.0625 3.77734 6.10156 3.77734 8.5625Z' fill='%23F2F5F7'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: top 9px center; } }
.hamburger {
display: block;
margin-left: 30px; }
.hamburger span {
display: block;
width: 30px;
height: 2px;
background-color: var(--black);
margin-bottom: 6px; }
.hamburger span:last-child {
margin-bottom: 0; }
@media screen and (min-width: 1024px) {
.hamburger {
display: none; } }
.search-box {
position: relative;
width: 100%;
max-width: 245px; }
@media screen and (max-width: 768px) {
.search-box {
display: none; } }
.search-box input {
background-color: #F7F7F8;
border: none;
border-radius: 40px;
height: 49px;
padding: 0 64px 0 22px;
color: #695439;
font-size: 15px;
width: 100%; }
.search-box input::placeholder {
color: #695439; }
.search-box button {
position: absolute;
top: -5px;
right: 0;
border: 9px #F2F5F7 solid;
border-radius: 50%;
width: 58px;
height: 58px;
background-color: var(--lavander);
background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5781 16.8594C19.1055 17.4219 19.1055 18.3008 18.5781 18.8633C18.0156 19.3906 17.1367 19.3906 16.5742 18.8633L12.3906 14.6445C10.9492 15.5938 9.19141 16.0859 7.29297 15.8398C4.05859 15.3828 1.45703 12.7461 1.03516 9.54688C0.4375 4.76562 4.48047 0.722656 9.26172 1.32031C12.4609 1.74219 15.0977 4.34375 15.5547 7.57812C15.8008 9.47656 15.3086 11.2344 14.3594 12.6406L18.5781 16.8594ZM3.77734 8.5625C3.77734 11.0586 5.78125 13.0625 8.27734 13.0625C10.7383 13.0625 12.7773 11.0586 12.7773 8.5625C12.7773 6.10156 10.7383 4.0625 8.27734 4.0625C5.78125 4.0625 3.77734 6.10156 3.77734 8.5625Z' fill='%23F2F5F7'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: top 9px center;
cursor: pointer; }
.mama-line {
height: 130px;
background-color: var(--white);
background-image: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/ikone-tacka.png);
background-size: auto 44px;
background-repeat: repeat-x;
background-position: left center; }
@media screen and (max-width: 768px) {
.mama-line {
height: 100px; } }
.mama-line span {
display: inline-block;
position: relative;
top: 30px;
left: -24px;
background-color: var(--white);
padding: 0 30px; }
@media screen and (max-width: 768px) {
.mama-line span {
display: none; } }
.copy {
background-color: var(--white);
color: var(--lavander);
padding: 25px 0 20px;
font-size: 14px; }
.copy p {
font-size: 14px;
margin: 0; }
.copy a {
color: var(--lavander); }
.copy a:hover {
text-decoration: underline; }
.copy-r {
text-align: right; }
.footer {
background-color: var(--lavander); }
.footer .foot {
padding: 70px 0 30px; }
.footer .foot a {
color: var(--white); }
.footer .foot a:hover {
color: var(--white); }
.footer .foot h4 {
font-size: 32px;
line-height: 38px;
color: var(--white);
margin-bottom: 36px; }
.footer .foot .foot-middle {
position: relative;
padding-bottom: 20px; }
.footer .foot .foot-middle::before {
content: '';
position: absolute;
top: 0;
left: -60px;
width: 1px;
height: 100%;
border-left: 1px solid rgba(126, 166, 86, 0.2); }
@media screen and (max-width: 768px) {
.footer .foot .foot-middle::before {
display: none; } }
.footer .foot .foot-middle::after {
content: '';
position: absolute;
top: 0;
right: 50px;
width: 1px;
height: 100%;
border-left: 1px solid rgba(126, 166, 86, 0.2); }
@media screen and (max-width: 768px) {
.footer .foot .foot-middle::after {
display: none; } }
.footer .foot ul {
padding: 0;
margin: 0; }
.footer .foot ul.list li {
list-style: none;
padding-left: 30px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/arrow-w.svg) no-repeat left center;
margin-bottom: 10px;
font-size: 14px; }
.footer .foot ul.social {
display: flex;
gap: 20px; }
.footer .foot ul.social li {
list-style: none; }
.footer .foot ul.social li img:hover {
opacity: 0.7;
transition: opacity 0.3s; }
.footer .foot ul.wide {
display: flex;
justify-content: center;
margin-top: 50px; }
@media screen and (max-width: 768px) {
.footer .foot ul.wide {
flex-direction: column;
justify-content: flex-start;
margin-top: 30px; } }
.footer .foot ul.wide li {
list-style: none;
margin: 0 10px;
font-size: 14px;
position: relative; }
@media screen and (max-width: 768px) {
.footer .foot ul.wide li {
margin: 0 0 10px;
list-style: none;
padding-left: 30px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/arrow-w.svg) no-repeat left center;
margin-bottom: 10px;
font-size: 14px; } }
.footer .foot ul.wide li::before {
content: '';
position: absolute;
top: 50%;
left: -11px;
transform: translateY(-50%);
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--white); }
@media screen and (max-width: 768px) {
.footer .foot ul.wide li::before {
display: none; } }
.footer .foot ul.wide li:first-child::before {
display: none; }
.kv {
width: 100%;
height: 540px;
background-repeat: no-repeat !important;
background-position: center right -50% !important;
border-radius: 30px;
position: relative;
margin-bottom: 80px;
background-size: 900px auto !important; }
@media screen and (max-width: 1200px) {
.kv {
height: 480px;
background-position: center right -25% !important; } }
@media screen and (max-width: 990px) {
.kv {
height: 440px; } }
@media screen and (max-width: 930px) {
.kv {
height: auto;
padding: 0 0 30px;
background: #F2E4DC !important;
margin-top: 100px; } }
@media screen and (max-width: 768px) {
.kv {
margin-bottom: 40px; } }
.kv .kv-img {
display: block;
margin: 0 -10px; }
.kv .kv-img img {
width: 100%;
border-radius: 20px;
border: 9px #F2F5F7 solid;
margin: -60px 0 20px; }
@media screen and (min-width: 931px) {
.kv .kv-img {
display: none; } }
.kv-box {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 0 62px;
position: relative;
z-index: 1;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/main-cover.svg) no-repeat left center;
background-size: auto 100%;
border-radius: 30px; }
@media screen and (max-width: 1200px) {
.kv-box {
background-position: left -100px center; } }
@media screen and (max-width: 990px) {
.kv-box {
background-position: left -150px center; } }
@media screen and (max-width: 930px) {
.kv-box {
background: none; } }
@media screen and (max-width: 768px) {
.kv-box {
padding: 0 30px; } }
.kv-box__in {
position: relative;
z-index: 10; }
.kv-box h1 {
color: var(--lavander);
font-family: var(--rozha);
font-size: 62px;
font-weight: normal;
line-height: 58px;
max-width: 536px;
margin: 0 0 27px; }
@media screen and (max-width: 1200px) {
.kv-box h1 {
font-size: 38px;
line-height: 44px;
padding-right: 160px; } }
@media screen and (max-width: 990px) {
.kv-box h1 {
font-size: 38px;
line-height: 44px;
max-width: 290px;
padding-right: 0; } }
@media screen and (max-width: 930px) {
.kv-box h1 {
margin-bottom: 20px;
max-width: 100%; } }
@media screen and (max-width: 768px) {
.kv-box h1 {
font-size: 32px;
line-height: 38px; } }
.kv-box h1 a {
color: var(--lavander);
text-decoration: none;
transition: color 0.3s; }
.kv-box h1 a:hover {
color: #FFA07A; }
.kv-box p {
max-width: 405px;
font-size: 20px;
line-height: 30px;
margin-bottom: 45px; }
@media screen and (max-width: 990px) {
.kv-box p {
max-width: 300px;
font-size: 16px;
line-height: 24px; } }
@media screen and (max-width: 930px) {
.kv-box p {
max-width: 100%;
margin-bottom: 30px; } }
.kv-box .category {
font-size: 18px;
font-weight: bold;
color: #9F9F9F;
background: #DFDFDF;
border: 5px #F2F5F7 solid;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -30px;
left: 62px;
width: 142px;
height: 67px; }
@media screen and (max-width: 930px) {
.kv-box .category {
top: -80px;
left: 25px;
font-size: 14px;
background: #DFDFDF;
border: 5px #F2F5F7 solid;
width: 122px;
height: 67px; } }
.last-articles {
margin-bottom: 80px; }
.last-articles .swiper-slide {
padding-top: 70px; }
.la-card {
background: linear-gradient(180deg, #FFA07A 0%, rgba(255, 160, 122, 0.3) 100%);
border-radius: 30px;
padding: 130px 30px 30px;
min-height: 338px;
margin-bottom: 60px;
position: relative; }
.la-card__in {
position: relative;
z-index: 10; }
.la-card::after {
position: absolute;
left: 0;
bottom: -36px;
width: 139px;
height: 116px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/pattern.png) no-repeat left bottom 37px;
content: '';
z-index: 1; }
.la-card__img {
position: absolute;
top: -60px;
left: 18px;
right: 18px;
height: 170px;
border-radius: 20px;
border: 9px #F2F5F7 solid;
background-size: cover !important; }
.la-card__img .promo {
background: var(--lavander);
color: var(--white);
font-size: 14px;
font-weight: bold;
border: 5px #F2F5F7 solid;
border-radius: 40px 40px 40px 0px;
padding: 10px 44px;
position: absolute;
top: -26px;
left: -5px; }
.la-card h2 {
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin-bottom: 30px;
font-family: var(--poppins); }
.la-card h2 a {
color: #4A5F34; }
.la-card .btn-link {
color: var(--black);
font-weight: bold;
font-size: 19px; }
.la-card.color-2 {
background: linear-gradient(219.6deg, #AAD3D4 3.34%, rgba(170, 211, 212, 0.3) 95.79%); }
.la-card.color-2::after {
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/pattern-2.png) no-repeat left bottom 37px; }
.la-card.color-2 h2 a {
color: var(--black); }
.la-card.color-2 .btn-link {
color: var(--black); }
.la-card.color-3 {
background: linear-gradient(221.46deg, #FFB37D 2.91%, rgba(255, 179, 125, 0.3) 97.82%); }
.la-card.color-3::after {
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/pattern-3.png) no-repeat left bottom 37px; }
.la-card.color-3 h2 a {
color: var(--black); }
.la-card.color-3 .btn-link {
color: var(--black); }
.la-card.color-4 {
background: linear-gradient(219.52deg, #B9A9D4 1.53%, rgba(185, 169, 212, 0.3) 96.95%); }
.la-card.color-4::after {
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/pattern-4.png) no-repeat left bottom 37px; }
.la-card.color-4 h2 a {
color: var(--black); }
.la-card.color-4 .btn-link {
color: var(--black); }
.swiper-pag {
position: relative;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 256px;
height: 36px; }
.swiper-pag .swiper-pagination {
position: absolute;
top: 12px;
left: 60px;
right: 60px;
width: auto; }
.swiper-pag .swiper-pagination-progressbar {
background-color: #D5D7DF;
opacity: 1;
border-radius: 10px; }
.swiper-pag .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #5F5D7E;
border-radius: 10px; }
.swiper-button-next {
width: 36px;
height: 36px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/right.svg) no-repeat; }
.swiper-button-next::after {
display: none; }
.swiper-button-prev {
width: 36px;
height: 36px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/left.svg) no-repeat; }
.swiper-button-prev::after {
display: none; }
.exposed {
margin-bottom: 80px; }
@media screen and (max-width: 768px) {
.exposed {
margin-bottom: 0; } }
.title-exposed {
padding: 18px 0 22px;
margin-bottom: 60px;
font-size: 62px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/izpostavljeno.png) no-repeat; }
@media screen and (max-width: 768px) {
.title-exposed {
font-size: 50px;
line-height: 62px;
background-size: 100%;
background-position: right center;
margin-bottom: 40px; } }
.title-overnet {
padding: 12px 0 22px;
margin-bottom: 60px;
font-size: 62px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/overnet.png) no-repeat; }
@media screen and (max-width: 768px) {
.title-overnet {
font-size: 38px;
line-height: 44px;
background-size: 100%;
background-position: right center;
margin-bottom: 40px;
background-size: auto 100% !important; } }
.exposed-card {
position: relative;
background-color: #F2F5F7;
border-radius: 30px; }
@media screen and (max-width: 768px) {
.exposed-card {
margin-bottom: 60px; } }
.exposed-card__img img {
width: 100%;
height: auto;
border-radius: 30px 30px 30px 0px; }
.exposed-card .category {
font-size: 13px;
font-weight: bold;
color: #9F9F9F;
font-size: 14px;
background: #DFDFDF;
border: 5px #F2F5F7 solid;
border-radius: 40px 40px 40px 0px;
padding: 10px 44px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -30px;
left: 0; }
.exposed-card .category.promo {
color: var(--white); }
.exposed-card__in {
padding: 40px 30px; }
@media (max-width: 990px) {
.exposed-card__in {
padding: 20px 0 0; } }
.exposed-card__in h3 {
font-size: 32px;
line-height: 38px;
margin-bottom: 20px; }
@media (max-width: 768px) {
.exposed-card__in h3 {
font-size: 22px;
line-height: 28px; } }
.exposed-card__in h3 a {
color: var(--black); }
@media screen and (max-width: 768px) {
.exposed-card__in p {
font-size: 13px; } }
.exposed-card.related .exposed-card__in {
padding: 30px 0; }
.exposed-card.related .exposed-card__in h3 {
font-size: 22px;
line-height: 28px; }
.exposed-card.related .exposed-card__in p {
font-size: 13px; }
.exposed-card.related .exposed-card__in .date {
font-size: 12px;
color: #5F5D7E;
display: block;
margin-bottom: 20px; }
.custom-banner {
margin-bottom: 60px; }
.custom-banner img {
border-radius: 30px;
max-width: 100%; }
@media screen and (max-width: 768px) {
.custom-banner img {
border-radius: 0; } }
.custom-banner .cb-desktop {
display: none; }
@media (min-width: 769px) {
.custom-banner .cb-desktop {
display: block; } }
.custom-banner .cb-mobile {
display: block; }
@media (min-width: 769px) {
.custom-banner .cb-mobile {
display: none; } }
.names {
margin-bottom: 60px; }
.names img {
width: 100%; }
.title-current {
padding: 18px 0 22px;
margin-bottom: 60px;
font-size: 62px;
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/novice.png) no-repeat left 280px top; }
@media screen and (max-width: 768px) {
.title-current {
font-size: 38px;
line-height: 44px;
background-size: 100% 100%;
background-position: right center;
padding: 30px 0 10px 0; } }
.current-card {
position: relative;
display: flex;
margin-bottom: 66px;
background-color: #F2F5F7;
border-radius: 30px; }
@media (max-width: 768px) {
.current-card {
flex-direction: column;
margin-bottom: 80px; } }
.current-card__img {
position: relative;
max-width: 400px; }
@media (max-width: 768px) {
.current-card__img {
max-width: 100%; } }
.current-card__img img {
width: 100%;
height: auto;
border-radius: 30px 30px 30px 0px; }
.current-card .category {
font-size: 13px;
font-weight: bold;
color: #9F9F9F;
font-size: 14px;
background: #DFDFDF;
border: 5px #F2F5F7 solid;
border-radius: 40px 40px 40px 0px;
padding: 10px 44px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -30px;
left: 0; }
.current-card .category.promo {
color: var(--white); }
.current-card__in {
padding: 0 0 0 50px; }
@media (max-width: 768px) {
.current-card__in {
padding: 20px 0 0; } }
.current-card__in h3 {
font-size: 32px;
line-height: 38px;
margin-bottom: 14px; }
@media (max-width: 768px) {
.current-card__in h3 {
font-size: 22px;
line-height: 28px; } }
.current-card__in h3 a {
color: var(--black); }
.current-card__in p {
margin-bottom: 48px;
padding-right: 10px; }
@media screen and (max-width: 768px) {
.current-card__in p {
margin-bottom: 30px;
font-size: 13px;
padding-right: 0; } }
.current-card__footer {
display: flex;
justify-content: space-between;
align-items: center; }
.current-card__footer .date {
font-size: 12px;
color: #5F5D7E; }
.forum {
padding: 54px 50px;
background: #e7e4f3;
border-radius: 30px;
margin-bottom: 120px; }
@media screen and (max-width: 768px) {
.forum {
padding: 30px;
margin-bottom: 80px; } }
.forum h2 {
padding: 8px 0 22px;
margin-bottom: 0;
font-size: 62px;
color: var(--lavander);
background: url(//tacka.zurnal24.si/wp-content/themes/tacka/dist/media/forum.png) no-repeat left top 10px; }
.forum h3 {
font-size: 32px;
line-height: 38px;
margin-bottom: 15px; }
.forums {
padding: 50px;
background-color: var(--white);
border-radius: 30px; }
@media screen and (max-width: 768px) {
.forums {
padding: 20px;
margin-top: 30px; } }
.forums table {
width: 100%;
border-collapse: collapse; }
.forums table th {
font-size: 12px;
font-weight: bold;
color: #5F5D7E;
text-align: left;
padding: 0 0 10px 0; }
@media screen and (max-width: 768px) {
.forums table th:nth-child(2) {
display: none; } }
.forums table td {
font-size: 14px;
line-height: 24px;
color: #5F5D7E;
text-align: left;
padding: 14px 0 14px 0;
border-bottom: 1px #D5D7DF solid; }
@media screen and (max-width: 768px) {
.forums table td {
padding: 14px 10px 14px 0; }
.forums table td:nth-child(2) {
display: none; } }
.forums table td a {
color: var(--black);
font-weight: bold; }
.forums table td a:hover {
color: var(--black); }
.more {
display: inline-block;
padding: 8px 22px;
border-radius: 40px;
font-size: 16px;
font-weight: bold;
font-family: var(--kanit);
text-align: center;
color: var(--white);
background-color: var(--lavander);
margin-top: 30px; }
.single-article {
margin-bottom: 80px;
background-color: #F2F5F7;
border-radius: 30px; }
.single-article img {
max-width: 100%;
height: auto !important; }
.single-article h1 {
text-align: center;
font-size: 52px;
line-height: 58px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.single-article h1 {
font-size: 42px;
line-height: 48px;
margin-bottom: 20px; } }
.single-article .meta {
margin-bottom: 40px;
text-align: center; }
@media (max-width: 768px) {
.single-article .meta {
display: flex;
flex-direction: column; } }
.single-article .meta span {
margin: 0 10px;
font-size: 12px;
color: #5F5D7E; }
@media (max-width: 768px) {
.single-article .meta span {
margin: 10px 0; } }
.single-article .meta span.author {
margin: 0 !important; }
.single-article .post-thumbnail {
display: block;
margin-bottom: 40px; }
.single-article .post-thumbnail img {
max-width: 100%;
height: auto !important; }
.single-article img {
margin-bottom: 10px; }
.single-article .fotoby,
.single-article figcaption {
font-size: 12px;
line-height: 18px;
color: #5F5D7E;
margin-bottom: 40px; }
.single-article a {
color: #695439;
text-decoration: underline; }
.single-article a:hover {
text-decoration: none; }
.single-article p {
font-size: 16px;
line-height: 28px;
margin-bottom: 24px;
color: #414042; }
.single-article ol,
.single-article ul {
margin-bottom: 24px; }
.single-article ol li,
.single-article ul li {
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
color: #414042; }
.single-article h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 30px;
font-family: var(--poppins);
font-weight: bold; }
.single-article iframe {
margin: 0 auto !important;
width: 100%;
margin-bottom: 40px !important; }
.single-article h3 {
font-size: 18px;
line-height: 32px;
margin-bottom: 24px;
font-weight: bold; }
.single-article h4 {
font-size: 16px;
line-height: 28px;
margin-bottom: 24px;
font-weight: bold; }
.single-article h5,
.single-article h6 {
font-size: 12px;
line-height: 20px;
font-weight: bold; }
.cat-top {
text-align: center; }
.cat-top .category {
display: inline-block;
padding: 15px 55px;
background-color: #D5D7DF;
color: #82829B;
font-size: 16px;
font-weight: bold;
border-radius: 15px 15px 0 0;
margin-bottom: 20px; }
.pagination .page-numbers {
padding: 0;
margin: 30px 0;
display: flex;
align-items: center;
justify-content: center; }
.pagination .page-numbers li {
list-style: none;
margin: 0 10px;
font-size: 19px;
color: var(--black); }
.pagination .page-numbers li a {
color: #695439; }
.wp-block-pullquote {
margin: 40px 0;
padding: 0; }
.wp-block-pullquote blockquote {
font-family: var(--rozha);
font-size: 34px;
line-height: 44px;
padding: 30px;
background-color: #D5D7DF;
color: #82829B; }
.wp-block-pullquote blockquote p {
font-size: 34px;
line-height: 44px; }
.subnav {
display: inline-block;
width: 100%;
margin-bottom: 80px; }
@media screen and (max-width: 768px) {
.subnav {
margin-bottom: 40px; }
.subnav .container {
padding: 0; } }
.subnav-cat {
display: flex;
width: 100%;
background-color: var(--lavander);
border-radius: 0px 0px 20px 20px;
justify-content: center; }
@media screen and (max-width: 768px) {
.subnav-cat {
justify-content: flex-start;
overflow: auto; } }
.subnav-cat ul {
display: flex;
margin: 0;
padding: 14px 0; }
.subnav-cat ul li {
list-style: none;
margin: 0 14px; }
.subnav-cat ul li a {
color: var(--white);
font-weight: bold;
font-size: 15px;
font-family: var(--kannit); }
.subnav-cat ul li a:hover {
color: #F7FDDF; }
.subnav-cat ul li.active a {
color: #F7FDDF; }
.single-page-box {
margin-bottom: 120px; }
.single-page-box .title-overnet {
margin-bottom: 30px; }
.single-page-box hr {
margin: 50px 0;
border: 0;
border-top: 1px #D5D7DF solid; }
.single-page-box a {
color: #695439;
text-decoration: underline; }
.single-page-box a:hover {
text-decoration: none; }
.single-page-box p {
color: #414042;
font-size: 16px;
line-height: 24px; }
@media (max-width: 768px) {
.single-page-box p {
font-size: 14px;
line-height: 22px; } }
.single-page-box details {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px; }
.sb {
background: #fff;
padding: 30px;
border-radius: 30px; }
.sb .search-box {
max-width: 100%; }
.search-date {
display: block;
font-size: 14px;
opacity: 0.6;
margin: 10px 0; }
.left-banner,
.right-banner {
position: sticky;
top: 10px;
margin-bottom: 20px; }
@media (max-width: 768px) {
.left-banner,
.right-banner {
display: none !important; } }