*,
::after,
::before {
margin: 0;
padding: 0;
box-sizing: border-box; }
*:focus,
*:active {
outline: none;
}
:root { --font-sans-serif: "Jost", serif; --color-black: #000000;
--color-black-light: #171717;
--color-black-trans: rgba(0, 0, 0, 0.08);
--color-white: #ffffff;
--color-white-trans: rgba(255, 255, 255, 0.08);
--color-accent: #d3af57;
--color-accent-trans: rgba(211, 176, 87, 0.08);
--color-gray: #878787;
--color-gray-dark: #787878;
--color-gray-light: #f8f8f8;
--box-shadow: 0 0 16px hsla(0, 0%, 0%, 0.04);
} ::-webkit-scrollbar {
width: 0px;
height: 0px;
} @media only screen and (min-width: 992px) { #mastside {
left: 0;
transform: unset;
border-right: 1px solid var(--color-white-trans);
} body {
margin-left: auto;
max-width: calc(100% - var(--sidebar-width));
}
.site-main {
margin: 0 32px;
overflow: hidden;
border-radius: 4px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid var(--color-black-trans);
box-shadow: 0 0 16px hsla(0, 0%, 0%, 0.04);
}
} html {
line-height: normal;
scroll-behavior: smooth;
}
body {
font-size: 16px;
font-weight: 400;
font-family: var(--font-sans-serif); background: url(//mezardasi.az/wp-content/themes/mezardasi/assets/media/image-2.webp)
no-repeat center center / cover fixed;
} @media only screen and (max-width: 1280px) {
.hide-1280 {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
body {
font-size: 14px;
} .hide-992 {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
.hide-768 {
display: none !important;
}
}
@media only screen and (max-width: 576px) {
.hide-576 {
display: none !important;
}
} @media only screen and (min-width: 1280px) {
.show-1280 {
display: none !important;
}
}
@media only screen and (min-width: 992px) {
.show-992 {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.show-768 {
display: none !important;
}
}
@media only screen and (min-width: 576px) {
.show-576 {
display: none !important;
}
} :root { --font-size-h1: 32px;
--font-size-h2: 24px;
--font-size-h3: 22px;
--font-size-h4: 20px;
--font-size-h5: 18px;
--font-size-h6: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
line-height: 1.32;
margin: 0 !important;
}
h1 {
font-size: var(--font-size-h1);
}
h2 {
font-size: var(--font-size-h2);
}
h3 {
font-size: var(--font-size-h3);
}
h4 {
font-size: var(--font-size-h4);
}
h5 {
font-size: var(--font-size-h5);
}
h6 {
font-size: var(--font-size-h6);
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
cursor: pointer;
}
p {
line-height: 1.56;
}
ul,
ol,
dl {
line-height: 1.56;
list-style: none;
}
img {
height: auto;
max-width: 100%;
}
hr {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
blockquote {
padding: 16px;
position: relative;
background: var(--color-accent-trans);
border-left: 2px solid var(--color-accent);
} table {
width: 100%;
border-collapse: collapse;
}
tr:nth-child(even) {
background-color: var(--color-accent-trans);
}
td,
th {
text-align: left;
padding: 8px 16px;
} thead {
background: var(--color-accent);
}
thead th {
font-weight: 500 !important;
} :root { --tophead-height: 40px; --masthead-height: 80px;
} .site-header {
top: 0;
right: 0;
width: 100%;
z-index: 999;
position: sticky;
transition: ease-in-out 0.16s;
}
@media only screen and (min-width: 992px) { .onscroll .site-header {
background: rgba(255, 255, 255, 0.88);
}
} .tophead,
.tophead-panel,
.tophead [class*="col-"] {
gap: 0 16px;
display: flex;
align-items: center;
} .tophead {
height: var(--tophead-height);
border-bottom: 1px solid var(--color-white-trans);
} .tophead [class*="col-"] {
flex-direction: row;
justify-content: space-between;
} .masthead,
.masthead-panel,
.masthead [class*="col-"] {
gap: 0 var(--section-gap);
display: flex;
align-items: center;
} .masthead {
height: var(--masthead-height);
} .masthead [class*="col-"] {
flex-direction: row;
justify-content: space-between;
} @media only screen and (max-width: 992px) {
.site-header {
color: var(--color-white);
background: var(--color-black-light);
}
} :root { --section-gap: 64px;
}
section {
gap: 32px;
display: flex;
flex-direction: column;
padding: var(--section-gap) 0;
} @media only screen and (max-width: 992px) {
:root { --section-gap: 32px;
}
} section.hero {
padding: 0;
display: block;
}
#hero-slider .headline {
padding: 24px;
background: rgba(0, 0, 0, 0.48);
} .hero-slide__content {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--section-gap) 0;
color: var(--color-white);
} .hero-slide__banner {
aspect-ratio: 3 / 2;
}
.hero-slide__banner-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 576px) {
#hero-slider .headline-title {
font-size: 18px !important;
}
} section.page-header {
padding: 32px 0;
border-bottom: 1px solid var(--color-black-trans);
}
section.page-header + section {
padding-top: 32px;
} section#lead {
padding: 32px 0;
color: var(--color-accent);
background: var(--color-black-light);
} .site-footer {
padding: 32px 0;
}  .adv-grid {
--col-gap: 16px;
--row-gap: 16px;
} .adv-box {
gap: 16px;
height: 100%;
display: flex;
padding: 16px;
border-radius: 8px;
text-align: center;
align-items: center;
flex-direction: column;
border: 1px solid var(--color-black-trans);
}
.adv-box__icon {
width: 64px;
height: 64px;
object-fit: contain;
} form {
gap: 16px;
display: flex;
flex-direction: column;
} label {
gap: 8px;
display: flex;
font-weight: 500;
align-items: baseline;
} fieldset {
margin: 0;
height: 100%;
padding: 16px;
border-radius: 0px;
border: 1px solid var(--color-black);
} legend {
padding: 0 16px;
font-weight: 500;
} input,
textarea {
width: 100%;
border: none;
padding: 0 16px;
background: transparent;
color: inherit !important;
}
textarea {
height: 100%;
max-height: 128px;
}
input[type="radio"],
input[type="checkbox"] {
width: 16px;
height: 16px;
background: transparent;
}
input[type="submit"] {
max-width: max-content;
color: var(--color-white) !important;
background: var(--color-black) !important;
}  .wpcf7-form-control-wrap {
gap: 16px;
display: flex;
flex-direction: column;
} .wpcf7-form-control {
gap: 16px;
display: flex;
} .wpcf7-list-item {
gap: 8px;
margin: 0;
display: flex;
align-items: center;
} .wpcf7-spinner {
top: 50%;
right: 25px;
position: absolute;
transform: translateY(-50%);
} .wpcf7-response-output {
border-radius: 0px;
border-width: 2px;
margin: 0 !important;
padding: 16px !important;
} .accordion {
position: relative;
} .accordion-group {
gap: 16px;
display: flex;
flex-direction: column;
} .accordion-button {
gap: 32px;
display: flex;
cursor: pointer;
position: relative;
border-radius: 0px;
padding: 16px 56px 16px 16px;
transition: ease-in-out 0.16s;
justify-content: space-between;
border: 1px solid var(--color-black-trans); font-size: 16px;
font-weight: 500;
line-height: 1.56;
} .accordion-button.active,
.accordion-button:hover {
color: var(--color-accent);
background: var(--color-accent-trans);
} .accordion-button::selection {
background: transparent;
} .accordion-toggle {
top: 50%;
right: 16px;
width: 24px;
height: 24px;
position: absolute;
transition: ease-in-out 0.16s;
transform: translateY(-50%) rotate(0);
}
.accordion-button.active .accordion-toggle {
transform: translateY(-50%) rotate(135deg);
} .accordion-content {
display: none;
padding: 16px 16px 0 16px;
}  #gallery-slider {
background: var(--color-black-trans);
}
#gallery-slider .swiper-slide:not(:last-child) {
border-right: 1px solid var(--color-black-trans);
} .wpm-switcher-list {
gap: 16px;
display: flex;
}
.wpm-switcher-list li a,
.wpm-switcher-list li.active a,
.wpm-switcher-list li > span,
.wpm-switcher-list li.active > span {
color: inherit;
cursor: pointer;
display: inline-block;
transition: ease-in-out 0.16s;
}
.wpm-switcher-list li a:hover,
.wpm-switcher-list li.active span {
color: var(--color-accent) !important;
}  .tab-content {
height: 100%;
display: none;
overflow: hidden;
position: relative;
animation: fadeEffect 0.16s;
-webkit-animation: fadeEffect 0.16s;
} .tab-content.active {
display: block;
} @-webkit-keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
} :root {
--sidebar-width: 256px;
} .sidebar {
top: 0;
right: 0;
height: 100%;
position: fixed;
overflow-y: scroll;
color: var(--color-white);
width: var(--sidebar-width);
transform: translateX(100%);
background: var(--color-black-light);
transition: transform 0.16s ease-out;
}
.sidebar.active {
transform: translateX(0);
}
.sidebar > * {
display: flex;
flex-direction: column;
justify-content: center;
}
.sidebar > *:not(:last-child) {
border-bottom: 1px solid var(--color-white-trans);
} .sidebar-head {
padding: 0 32px;
min-height: var(--masthead-height);
}
@media only screen and (max-width: 992px) {
.sidebar-head {
min-height: calc(var(--tophead-height) + var(--masthead-height));
}
} .sidebar-panel {
gap: 16px;
padding: 32px;
} .sidebar-navigation .menu *::selection {
background: transparent;
} .sidebar-navigation .menu .menu-item {
position: relative;
}
.sidebar-navigation .menu .menu-item:not(:last-child) {
border-bottom: 1px solid var(--color-white-trans);
} .sidebar-navigation .menu .menu-item > a {
z-index: 1;
display: block;
position: relative;
padding: 16px 0 16px 32px;
max-width: calc(100% - 80px);
transition: ease-in-out 0.16s;
}
.sidebar-navigation .menu .menu-item > a:hover,
.sidebar-navigation .menu [class*="current-menu-"] > a {
color: var(--color-accent);
}
.sidebar-navigation .menu .menu-item > a:hover {
text-decoration: underline;
} .sidebar-navigation .menu .menu-item-has-children > a {
display: inline-block;
} .sidebar-navigation .menu-item > span {
right: 0;
top: 14px;
width: 100%;
height: 24px;
opacity: 0.32;
display: block;
cursor: pointer;
position: absolute;
transition: ease-in-out 0.16s;
background: url(https://api.iconify.design/mdi-light/chevron-down.svg?color=white)
no-repeat right 32px center / contain;
}
.sidebar-navigation .menu-item > span {
opacity: 1;
} .sidebar-navigation .sub-menu {
display: none;
background: var(--color-white-trans);
} .headline {
gap: 8px;
display: flex;
flex-direction: column;
} .headline.--center {
text-align: center;
align-items: center;
}
.headline.--center * {
text-align: center;
} .headline-group {
gap: 16px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
.headline-group.--column {
flex-direction: column;
align-items: flex-start;
} .headline-label {
opacity: 0.64;
letter-spacing: 1px;
} .headline-title {
font-weight: 600;
line-height: 1.32;
font-size: var(--font-size-h2);
} .headline-title.--large {
font-size: var(--font-size-h1);
}  .contact {
display: flex;
line-height: 1.56;
flex-direction: column;
} .contact-label {
font-weight: 500;
} #contact-map {
border: none;
} .contact-social {
font-size: 18px;
} .contact-group {
gap: 0px 16px;
display: flex;
flex-direction: column;
} .contact-group.--inline {
flex-direction: row;
align-items: center;
}
@media (max-width: 576px) {
.contact-group {
gap: 0 8px;
}
} .editor {
gap: 16px;
display: flex;
flex-direction: column;
} .editor ul,
.editor ol {
gap: 4px;
display: flex;
margin: 0 0 0 16px;
flex-direction: column;
}
.editor ul {
list-style: square;
}
.editor ol {
list-style: decimal;
} .editor iframe {
width: 100%;
height: 420px;
} .editor a {
text-decoration: underline;
color: var(--color-accent);
} .editor strong,
.editor b {
font-weight: 500;
} @media only screen and (max-width: 992px) { .editor br {
display: none;
}
}  .swiper-pagination-progressbar {
bottom: 0 !important;
top: unset !important;
} .swiper-pagination-progressbar-fill {
background: var(--color-accent) !important;
} .swiper-slide {
height: auto !important;
} .site-branding {
display: flex;
align-items: center;
} .site-logo {
max-height: 24px;
} :root {
--button-height: 40px;
} .button-group {
gap: 8px;
display: flex;
flex-wrap: wrap;
position: relative;
align-items: center;
} .button-group.--center {
justify-content: center;
} .button {
gap: 8px;
display: flex;
outline: none;
cursor: pointer;
font-weight: 500;
padding: 0px 32px;
text-align: center;
border-radius: 32px;
align-items: center;
justify-content: center;
color: var(--color-black);
height: var(--button-height);
transition: ease-in-out 0.16s;
border: 1px solid transparent;
background: var(--color-accent);
}
.button:hover {
opacity: 0.72;
} .button.--unstyle {
padding: 0px;
height: unset;
font-size: 14px;
font-weight: 400;
width: max-content;
background: transparent;
text-decoration: underline;
color: var(--color-accent);
} .button.--border {
background: transparent;
color: var(--color-accent);
border-color: var(--color-accent);
} .button.--round,
.button.--square {
padding: 0;
font-size: 20px;
width: var(--button-height);
height: var(--button-height);
min-width: var(--button-height);
min-height: var(--button-height);
} .button.--square {
border-radius: 4px;
} .button.--round {
border-radius: 100%;
} .button-sidebar {
z-index: 1;
position: relative;
} .modal {
display: none;
} .thumbnail {
gap: 8px;
height: 256px;
padding: 32px;
display: flex;
overflow: hidden;
position: relative;
border-radius: 0px;
flex-direction: column;
background: transparent;
justify-content: flex-end;
color: var(--color-white);
transition: ease-in-out 0.16s;
} .thumbnail.--large {
height: 320px;
} .thumbnail.--square {
height: unset;
padding: 100% 0 0 0;
} .thumbnail.--border {
border: 1px solid var(--color-black-trans);
} .thumbnail.--sticky {
position: sticky;
top: calc(var(--masthead-height) + 0px);
} .thumbnail.--overlay {
background: var(--color-accent-trans);
} .thumbnail-media {
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
transition: ease-in-out 0.16s;
}
.thumbnail-media:not(:first-child) {
opacity: 0;
} .thumbnail-media.--contain {
object-fit: contain;
} a.thumbnail:hover .thumbnail-media {
transform: scale(1.024);
} #archive { --col-gap: 0px;
--row-gap: 0px; }
#archive > [class*="col-"]:not(:nth-child(4n)) {
border-right: 1px solid var(--color-black-trans);
}  .card {
height: 100%;
transition: ease-in-out 0.16s;
} .card:hover {
box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
}
.card.--border {
border: 1px solid var(--color-black-trans);
} .card-panel {
padding: 32px;
} .card-title {
font-size: 15px;
font-weight: 500;
line-height: 1.56;
} .widget {
gap: 8px;
display: flex;
flex-direction: column;
} .widget-title {
font-size: 15px;
font-weight: 500;
line-height: 1.56;
} .nav-links {
gap: 8px;
display: flex;
justify-content: center;
} .page-numbers {
width: 40px;
height: 40px;
display: flex;
border-radius: 100%;
align-items: center;
justify-content: center;
transition: ease-in-out 0.16s;
border: 1px solid var(--color-black);
}
.page-numbers.next,
.page-numbers.prev {
border: none;
}
.page-numbers.next {
margin-left: 8px;
}
.page-numbers.prev {
margin-right: 8px;
}
.page-numbers:hover,
.page-numbers.current {
color: var(--color-accent);
border-color: var(--color-accent);
} .breadcrumb,
.breadcrumb__item {
gap: 8px;
display: flex;
align-items: center;
color: var(--color-gray);
}
.breadcrumb__item:not(:last-child)::after {
content: "/";
opacity: 0.24;
display: block;
}
.breadcrumb__item--current {
color: var(--color-accent);
} #seo-text {
padding-top: 0;
}
.scroll-text {
overflow-y: scroll;
height: 300px;
border: 1px solid var(--color-black-trans);
padding: 16px;
}
.scroll-text::-webkit-scrollbar {
width: 5px;
background-color: #b6b6b6;
}
.scroll-text::-webkit-scrollbar-thumb {
background-color: var(--color-accent);
border-radius: 10px;
}
#gallery {
margin-bottom: 60px;
}