/*!
Theme Name: INF
Author: Inf
Description: The wordpress theme for displaing listings.
Version: 1.0.0
Text Domain: inf
*/

/* Reset Styles from Tailwind framework */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

html,
:host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  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;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

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;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/*:root {
    --main-color: #0072bc;
    --text-color-one: #2a2a2a;
    --text-color-two: #9fa4a4;
    --text-color-error: #ed1c24;
    --background-color-white: #fff;
    --background-color: #efefef;
    --border-color: #f5f5f5;
}*/

body {
  color: var(--text-color-one);
  background-color: var(--background-color);
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  text-decoration: none;
  line-height: inherit;
}
a,
a:link,
a:hover,
a:active,
a:visited {
    /*text-decoration: none;*/
    outline: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
    /*opacity: 0.5;*/
    transition: all 0.3s;
}

.inf-btn {
    display: inline;
    padding: 0.375rem 1.5rem;
    color: #fff;
    background-color: var(--main-color);
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid var(--main-color);
    border-radius: 4px;
}
.inf-btn:hover {
    text-decoration: none;
    color: var(--main-color);
    background-color: transparent;
    opacity: 1;
}
/* Container */
.container {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 36rem) { /*576px*/
    .container {
        max-width: 100%;
    }
}
@media (min-width: 48rem) { /*768px*/
    .container {
        max-width: 45rem; /*720px*/
    }
}
@media (min-width: 62rem) { /*992px*/
    .container {
        max-width: 60rem; /*960px*/
    }
}
@media (min-width: 75rem) { /*1200px*/
    .container {
        max-width: 71.25rem; /*1140px*/
    }
}
@media (min-width: 87.5rem) { /*1400px*/
    .container {
        max-width: 82.5rem; /*1320px*/
    }
}

/* Header */
.site-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*align-items: center;*/
}
.site-header__left {
    flex: 1 0 40%;
}
.site-header__right {
    flex: 1 0 60%;
}
.site-header__left {
    overflow: hidden;
}
.site-header__right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    line-height: 2.8125rem;
}
.site-header__right-user {
    flex: 1 0 auto;
}
.site-header__right-button {
    flex: 0 0 auto;
}
@media (max-width: 62rem) { /*62rem*/
    .site-header {
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 1rem;
    }
    .site-header__right,
    .site-header__left {
	flex: 1 0 100%;
    }
}
@media (max-width: 36rem) {
    .site-header__right {
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 0.75rem;
	text-align: center;
    }
    .site-header__right-user,
    .site-header__right-button {
	/*flex: 1 0 100%;*/
    }
    .site-header__right-button {
	text-align: center;
    }
}
.site-header__left-logo {
    color: #000000;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: 0.0625rem;
}

.site-header__right-user {
    text-align: right;
}
@media (max-width: 36rem) {
    .site-header__right-user {
	text-align: center;
    }
}
.site-header__right-user__icon-login{
    display: inline-block;
    width: 0.9rem;
}
.site-header__right-user__icon {
    display: inline-block;
    position: relative;
    width: 9rem; /*145px*/
}
.site-header__right-user__icon img {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
}
.site-header__right-user__icon-link:hover {
    text-decoration: underline;
    cursor: pointer;
}
.site-header__right-user__icon-link > svg {
    transition: transform 0.3s;
}
.site-header__right-user__login {
    display: inline-block;
    font-size: 0.875rem;
}
.site-header__right svg {
    display: inline-block;
    width: 0.625rem;
    height: 0.875rem;
    fill: var(--text-color-one);
}
.site-header__right svg.userIcon {
    padding-top: 0.125rem;
    vertical-align: baseline;
}
.site-header__right-user__menu.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s, visibility 0.3s;
}
.site-header__right-user__menu {
    width: 100%;
    position: absolute;
    z-index: 99;
    right: 0px;
    top: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    padding: 0.625rem 0;
    background-color: var(--background-color);
    border: 1px solid var(--text-color-two);
    text-align: left;
    transition: opacity 0.5s, visibility 0.3s;
}
.inf-lang-switcher-wrapper {
    display: inline;
    margin-right: 0.625rem;
}
.inf-currency-select {
    margin-right: 0.625rem;
}
.site-header__messages {
    margin-right: 0.625rem;
}
.site-header__messages svg.heart,
.site-header__messages svg.bell {
    height: 1rem;
    width: auto;
}
.site-header__messages .badge {
    /*border: 1px solid var(--text-color-one);
    border-radius: 22px;*/
    padding: 0.125rem 0.5rem 0.125rem 0px;
    text-decoration: underline;
}
.site-header__messages:hover {
    text-decoration: none;
    color: var(--main-color);
}
.site-header__messages:hover > span {
    border-color: var(--main-color);
}
.site-header__messages:hover svg.heart,
.site-header__messages:hover svg.bell {
    fill: var(--main-color);
}

.site-header__right-user__menu > a {
    padding: 0.1875rem 0.75rem;
    display: block;
    line-height: 2;
    white-space: nowrap;
}
.site-header__right-user__menu > a > svg {
    margin-right: 0.3125rem;
}
.site-header__right-button .inf-btn {
    margin-left: 1.25rem;
}

/* Menu */
.site-menu {
    background-color: #fff;
    line-height: 3.375rem;
}
.site-menu__ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.site-menu__ul li a {
    padding: 1.125rem 1.25rem;
    color: var(--text-color-one);
    border-right: 1px solid #ededed;
    font-weight: 500;
    font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
}
.site-menu__ul li:last-child a {
    border-right: 0;
}

.site-menu__ul li.current-menu-item a,
.site-menu__ul li.current_page_item a {
    text-decoration: underline;
    opacity: 0.5;
    cursor: default;
}
.site-menu__ul-mobile {
    display: none;
    text-align: right;
}
@media (max-width: 62rem) {
    .site-menu__ul {
	display: none;
    }
    .site-menu__ul-mobile {
	display: block;
    }
}

/* Mobile menu */
.btn-burger {
  cursor: pointer;
  width: 1.5625rem;
  height: 1rem;
  display: inline-block;
}

.burger-line {
  display: block;
  height: 0.1875rem;
  width: 1.5625rem;
  /*border-radius: 0.83px;*/
  background: #000000;
}

.btn-burger .burger-line:nth-child(2) {
  margin: 0.3125rem 0 0;
}

.btn-burger .burger-line:nth-child(3) {
  height: 0.1875rem;
  left: 0.375rem;
  margin: 0.3125rem 0 0;
  position: relative;
  width: 1.1875rem;
}

.btn-burger:hover {
    opacity: 0.5;
    transition: all 0.3s;
}
.btn-burger:hover .burger-line:nth-child(1) {
  right: 0.375rem;
  width: 1.1875rem;
  transition: all 0.3s;
}
.btn-burger:hover .burger-line:nth-child(3) {
  left: 0px;
  width: 1.5625rem;
  transition: all 0.3s;
}

.mobile-menu {
  display: none;
}

@media (max-width: 62rem) {
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 0px 3.75rem 0px 3.75rem;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    z-index: 100;
    transform: translateY(-100%);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  }

  .mobile-menu.active {
    transform: translateY(0);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  }

  .mobile-menu_close {
    position: relative;
    height: 10vh;
  }

  .mobile-menu_close-btn {
    position: absolute;
    top: 1.5625rem;
    right: 0px;
    font-size: 2.5rem;
    transform: rotate(45deg);
    cursor: pointer;
  }

  .mobile-menu li > a {
    display: block;
    color: #000000;
    font-size: 1.9375rem;
    line-height: 3rem;
    text-align: center;
  }
  
  .mobile-menu li.current-menu-item a,
  .mobile-menu li.current_page_item a {
    text-decoration: underline;
    opacity: 0.5;
    cursor: default;
  }
}

/* Mobile menu End */

/* Single Listing */
.sl-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 1.875rem;
}
.sl-section-first {
    background-color: #fff;
    padding: 2rem 1.875rem 3.125rem;
    border-radius: 4px;
}
.sl-slider {
    flex: 1 1 50%;
    box-sizing: border-box;
    overflow: hidden;
}
.sl-details {
    flex:  1 1 50%;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 1.875rem;
}
@media (max-width: 62rem) {
    .sl-section {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .sl-slider {
	flex: 1 1 100%;
	max-width: 100%;
    }
    .sl-details {
	flex: 1 1 100%;
	padding-left: 0px;
	margin-top: 1.25rem;
    }
}
@media (max-width: 36rem) {
    .sl-section-first {
	padding: 1.4375rem 0.9375rem 1.5625rem;
    }
}
.sl-details__title {
    font-size: 2.25rem;
    font-weight: 400;
    color: var(--text-color-one);
    margin-top: -0.875rem;
}
.sl-details__price {
    color: var(--main-color);
    font-size: 2.25rem;
    font-weight: 500;
}
.sl-details__author {
    color: var(--text-color-two);
    font-size: 0.875rem;
    margin-top: 1.25rem;
}
.sl-details__author-name {
    color: var(--text-color-one);
}
.sl-clock {
    width: 0.875rem;
    height: 0.875rem;
    display: inline-block;
    margin: -0.1875rem 0.625rem auto auto;
    fill: var(--text-color-two);
}
.sl-details__the-date {
    color: var(--text-color-two);
    margin-top: 1.25rem;
}
.sl-details__cat-info,
.sl-details__contact,
.sl-details__share {
    margin-top: 1.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
}
.sl-details__categories {
    margin-top: 0.625rem;
    font-weight: 500;
}
.sl-details__categories span {
    font-weight: 400;
}
.sl-details__contact-btns a {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    margin: 0.625rem 1.0625rem 0.625rem 0px;
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    color: #fff;
    border-radius: 4px;
    transition: all 0.5s ease-in-out;
}
.sl-details__contact-btns a svg {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    margin: 0 0.625rem 0.0625rem 0;
    fill: #fff;
    transition: all 0.5s ease-in-out;
}
.sl-details__contact-btns__tel {
    border: 1px solid transparent;
    background-color: #f36d2d;
}
.sl-details__contact-btns__tel:hover {
    color: #f36d2d;
    border: 1px solid #f36d2d;
    background-color:#fff ;
}
.sl-details__contact-btns__tel:hover svg {
    fill: #f36d2d;
}
.sl-details__contact-btns__email {
    border: 1px solid transparent;
    background-color: #0d79bf;
}
.sl-details__contact-btns__email:hover {
    color: #0d79bf;
    border: 1px solid #0d79bf;
    background-color:#fff ;
}
.sl-details__contact-btns__email:hover svg {
    fill: #0d79bf;
}
.sl-details__contact-btns__message {
    border: 1px solid transparent;
    background-color: var(--text-color-one);
}
.sl-details__contact-btns__message:hover {
    color: var(--text-color-one);
    border: 1px solid var(--text-color-one);
    background-color:#fff ;
}
.sl-details__contact-btns__message:hover svg {
    fill: var(--text-color-one);
}

.sl-message-panel {
    position: fixed;
    top: 0;
    right: -23.75rem;
    width: 22.5rem;
    height: 100vh;
    background: #fff;
    box-shadow: -4px 0 0.75rem rgba(0,0,0,.15);
    transition: right .3s ease;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding: 0.625rem;
}
.sl-message-panel.open {
    right: 0;
}
.sl-message-panel__header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 2.5rem;
}
.sl-message-panel__header-title {
    flex: 1 1 auto;
    font-size: 1.375rem;
}
.sl-message-panel__header-btn {
    flex: 0 1 3.125rem;
    text-align: center;
    font-size: 1.75rem;
    cursor: pointer;
}
.sl-message-panel__body {
    margin-top: 1.25rem;
}
.sl-message-panel__body textarea {
    width: 100%;
    border: 1px solid var(--text-color-two);
    border-radius: 4px;
    padding: 0.3125rem;
}
.sl-message-panel__footer {
    margin-top: 1.25rem;
}
.sl-message-panel__footer .inf-btn {
    width: 100%;
}
.sl-message-panel__result {
    text-align: center;
    margin-top: 1.25rem;
}
@media (max-width: 23.4375rem) { /*375px*/
    .sl-message-panel {
        width: 100%;
    }
}

.sl-details__share-buttons {
    display: flex;
    gap: 1.25rem;
    margin-top: 0.625rem;
    flex-wrap: wrap;
}
.sl-details__share-buttons__btn {
    padding: 0.3125rem 0.625rem;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-size: 0.875rem;
    cursor: pointer;
    border: none;
    transition: opacity 0.3s;
}
.sl-details__share-buttons__btn:hover { opacity: 0.8; color: #fff; }
.share-fb { background: #1877F2; }
.share-tg { background: #0088cc; }
.share-in { background: #0077b5; }
.share-vi { background: #7360f2; }
.share-wa { background: #25D366; }
.share-inst { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.share-copy { background: #6c757d; }
.sl-details__share-buttons__btn svg {
    margin-top: 0.125rem;
    width: auto;
    height: 1rem;
    fill: #fff;
}

.sl-section-second {
    
}
.sl-desc,
.sl-short-info {
    background-color: #fff;
    padding: 2rem 1.875rem 3.125rem;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}
.sl-desc {
    flex: 1 1 65%;
}
.sl-short-info {
    flex:  1 1 calc(35% - 1.875rem);
    margin-left: 1.875rem;
}
.sl-desc__text {
    margin-top: 1.25rem;
}
.sl-desc__text p {
    margin: 0 0 0.625rem;
}
.sl-desc__text-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 1rem;
    margin-top: 1rem;
}
.sl-desc__text-fields__col {
    flex: 1 1 calc(50% - 0.5rem)
}
.sl-desc__text-fields__col-item {
    padding: 0.5rem;
}
@media (max-width: 48rem) {
    .sl-desc__text-fields {
	flex-direction: columns;
	flex-wrap: wrap;
    }
    .sl-desc__text-fields__col {
	flex: 1 1 100%;
    }
}
.sl-short-info__items {
    margin-top: 1.25rem;
}
.sl-short-info__items-author,
.sl-short-info__items-print {
    margin: 0 0 1.25rem;
    color: #707070;
}
.sl-details__short-info__items-author,
.sl-details__short-info__items-print {
    margin-top: 0.625rem;
    color: #707070;
}
.sl-details__short-info__items-author a,
.sl-short-info__items-author a {
    color: var(--main-color);
}
.sl-details__short-info__items svg,
.sl-short-info__items svg {
    display: inline-block;
    height: auto;
    width: 1.125rem;
    margin-right: 1.25rem;
    fill: var(--text-color-one);
}
@media (max-width: 62rem) {
    .sl-section {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .sl-desc {
	flex: 1 1 100%;
	max-width: 100%;
    }
    .sl-short-info {
	flex: 1 1 100%;
	margin-left: 0px;
	margin-top: 1.25rem;
    }
}
@media (max-width: 36rem) {
    .sl-desc,
    .sl-short-info {
	padding: 1.4375rem 0.9375rem 1.5625rem;
    }
}

.sl-related {
    background-color: #fff;
    padding: 2rem 1.875rem 3.125rem;
    border-radius: 4px;
    margin-top: 1.875rem;
}
@media (max-width: 36rem) {
    .sl-related {
	padding: 1.4375rem 0.9375rem 1.5625rem;
    }
}
/*.sl-related__title {
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: capitalize;
}*/
/* End Single Listing */

/* Listings Flex Container */
.listing-card__container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 1.25rem;
}
.listing-card {
    flex: 0 1 calc(25% - 0.9375rem); 
    background: #fff;
    border: 1px solid #f3f3f3;
    overflow: hidden;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}
.listing-card:hover {
    transform: translateY(-5px);
}
.listing-card__thumb {
    height: 9.6875rem; /*155px;*/
}
.listing-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 75rem) {
    .listing-card {
        flex: 0 1 calc(33.33% - 1rem);
    }
}
@media (max-width: 62rem) {
    .listing-card {
        flex: 0 1 calc(50% - 0.625rem);
    }
}
@media (max-width: 36rem) {
    .listing-card {
        flex: 1 1 100%;
    }
    .listing-card__thumb {
	height: auto;
    }
}
.listing-card__body {
    padding: 0.9375rem;
    color: var(--text-color-two);
}
.listing-card__body-price {
    color: var(--main-color);
    font-size: 1.25rem;
    font-weight: 500;
}
.listing-card__body-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 0.625rem;
    text-transform: capitalize;
    color: var(--text-color-one);
}
.listing-card__body-cat {
    /*display: block;*/
    font-size: 0.875rem;
    color: var(--text-color-two);
    margin-top: 0.625rem;
}
.listing-card__meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #9fa4a4;
    background-color: #f6f6f6;
    border-top: 1px solid #eeeeee;
    margin-top: auto;
    padding: 0 0.9375rem;
}
.listing-card__meta-posted {
    flex: 1 1 auto;
    padding: 0.3125rem 0;
}
.listing-card__meta-heart,
.listing-card__meta a {
    flex: 0 1 2.125rem;
    padding: 0.25rem 0.625rem 0 0.625rem;
}
.listing-card__meta-heart:hover,
.listing-card__meta a:hover {
    background: #fff;
}
.listing-card__meta-heart svg,
.listing-card__meta a svg {
    display: inline-block;
    width: auto;
    height: 1rem;
    fill: #9fa4a4;
}
.listing-card__meta-heart {
    margin-right: 0.75rem;
    cursor: pointer;
}
.listing-card__meta-heart.liked svg {
    fill: #000;
}
/* End Listings Flex Container */

/* Listing Pagination */
.archive .navigation,
.post-type-archive-listing .navigation {
    margin-top: 3.125rem;
    text-align: center;
}
.archive .page-numbers,
.post-type-archive-listing .page-numbers {
    border: 1px solid var(--text-color-one);
    padding: 0.25rem 0.5rem;
    margin: 0 0.625rem;
}
.archive .page-numbers.current,
.post-type-archive-listing .page-numbers.current {
    color: var(--main-color);
    text-decoration: underline;
    border: 1px solid var(--main-color);
    padding: 0.25rem 0.5rem;
    margin: 0 0.625rem;
}

.listings__no-found {
    margin-top: 1.875rem;
}

/* End Listing Pagination */

/* Breadcrumbs */
.main-breadcrumbs {
    margin-top: 2rem;
}
/* End Breadcrumbs */

/* Front Page */
.fp__title {
    text-align: center;
}
.fp__subtitle {
    font-weight: 300;
    margin-top: 1rem;
    text-align: center;
}
.inf-section {
    background-color: var(--background-color-white);
    padding: 2rem 1.25rem 3.125rem;
    border-radius: 4px;
    margin-top: 2rem;
}
@media(max-width: 48rem) {
    .inf-section {
	padding: 2rem 1rem 3.125rem;
    }
}
.fp-vip .listings__results,
.fp-top .listings__results,
.fp-boost .listings__results {
    margin-top: 1.25rem;
}
.fp-vip__title,
.fp-top__title,
.fp-boost__title {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 1rem;
}
.fp-vip__splide,
.fp-top__splide {
    margin-top: 1.25rem;
}
.fp-vip .listing-card,
.fp-top .listing-card {
    height: 100%;
}
.fp-vip .listing-card__thumb {
  height: 12.1875rem; /*195px;*/
}

.vip-badge,
.top-badge,
.boost-badge {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    background: #ff740d; /*gold;*/
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    z-index: 1;
    pointer-events: none;
}
.boost-badge {
    background: rgba(255, 165, 0, 0.85);
}

.fp-vip .splide__arrow,
.fp-top .splide__arrow {
    top: -3.125rem !important;
}
.fp-vip .splide__arrow--prev,
.fp-top .splide__arrow--prev {
    left: unset;
    right: 4em;
}

.fp-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1.25rem;
}
.fp-categories__item {
    flex: 1 1 20%;
    padding: 0.9375rem;
    text-align: center;
    color: #505050;
}
@media(max-width: 75rem) {
    .fp-categories__item {
	flex: 1 1 25%;
    }
}
@media(max-width: 62rem) {
    .fp-categories__item {
	flex: 1 1 33%;
    }
}
@media(max-width: 48rem) {
    .fp-categories__item {
	flex: 1 1 50%;
    }
}
@media(max-width: 26.25rem) { /*420px*/
    .fp-categories__item {
	flex: 1 1 100%;
    }
}
.fp-categories__item:hover {
    text-decoration: none;
}
.fp-categories__item:hover .fp-categories__item-name,
.fp-categories__item:hover .fp-categories__item-count {
    color: var(--main-color);
}
.fp-categories__item-img svg {
    margin: 0 auto;
    height: 3.125rem;
    max-height: 3.125rem;
    width: auto;
    fill: #505050;
}
.fp-categories__item:hover .fp-categories__item-img svg {
    fill: var(--main-color);
}
.fp-categories__item-name {
    /*margin-top: 10px;*/
}
.fp-categories__item-count {
    color: #b5b5b5;
}

.fp-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.fp-cta__item {
    flex: 1 1 33%;
    padding: 1rem;
    text-align: center;
    color: #505050;
}
@media(max-width: 48rem) {
    .fp-cta {
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 1.25rem;
    }
    .fp-cta__item {
	flex: 1 1 100%;
    }
}
.fp-cta__item-icon svg {
    height: 3.5rem;
    width: auto;
    margin: 0 auto;
    fill: var(--main-color);
}
.fp-cta__item-title {
    margin-top: 1rem;
}
.fp-cta__item-text {
    font-size: 0.875rem;
    color: #a0a0a0;
    line-height: 1.125rem;
    margin-top: 0.25rem;
}


/* End Front Page */

/* Contact Page */
.contact-us__title {
    /*margin-top: 2rem;*/
}
.contact-us {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.25rem;
    margin-top: 2rem;
}
.contact-us__info,
.contact-us__form  {
    background-color: var(--background-color-white);
    padding: 2rem 1.875rem 3.125rem;
    border-radius: 4px;
}
.contact-us__info {
    flex: 0 1 35%;
}
.contact-us__form {
    flex: 0 1 65%;
}
.contact-us__info-title,
.contact-us__form-title {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
}
@media(max-width: 62rem) {
    .contact-us {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .contact-us__info {
	flex: 1 1 10%;
    }
    .contact-us__form {
	flex: 1 1 100%;
    }
}
@media(max-width: 48rem) {
    .contact-us__info,
    .contact-us__form {
	padding: 2rem 1rem 3.125rem;
    }
}
.contact-us__info-address {
    color: #505050;
    margin-top: 1.25rem;
}
.contact-us__info-phone,
.contact-us__info-email {
    display: block;
    color: #505050;
    margin-top: 1rem;
}
.contact-us__info-shortcode {
    margin-top: 1.25rem
}
.contact-us__info-shortcode form label {
    display: block;
}
.contact-us__info-shortcode form input[type="text"],
.contact-us__info-shortcode form input[type="email"],
.contact-us__info-shortcode form textarea {
    border: 1px solid #505050;
    padding: 0.25rem 0.5rem;
}
.cf-inf-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1rem;
}
.contact-us__info-shortcode form input[type="text"],
.contact-us__info-shortcode form input[type="email"],
.contact-us__info-shortcode form textarea {
    width: 100%;
}
@media(max-width: 36rem) { /*500px*/
    .cf-inf-row {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .contact-us__info-shortcode form .inf-btn {
	width: 100%;
    }
}

/* End Contact Page */

/* Print */
.only-print {
    display: none;
}

@media print {
    .no-print, .share-buttons {
        display: none !important;
    }

    .only-print {
        display: flex !important;
        align-items: center;
        gap: 1.25rem;
        margin-top: 1.875rem;
        padding: 0.9375rem;
        border: 1px solid #eee;
        border-radius: 8px;
    }

    .qr-info p {
        margin: 0.3125rem 0;
        font-size: 0.875rem;
    }
}
/* End Print */

/* Listings Card */
.listings__title {
}
.listings__form {
    padding: 1rem 1.25rem;
}
.listings__form-search {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}
.listings__form-search__region {
    flex: 0 1 25%;
    height: 2.875rem;
    border-right: 1px solid #e6e6e6;
    padding: 0 1.125rem;
}
.listings__form-search__cat {
    flex: 0 1 25%;
    height: 2.875rem;
    border-right: 1px solid #e6e6e6;
    padding: 0 1.125rem;
}
.listings__form-search__keyword {
    flex: 1 1 auto;
    height: 2.875rem;
    padding: 0 1.125rem;
}
.listings__form-search__btn {
    flex: 0 1 auto;
    height: 2.875rem;
    text-transform: uppercase;
    padding: 0 0.75rem;
    color: #fff;
    border: 1px solid var(--main-color);
    background: var(--main-color);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 48rem) {
    .listings__form-search {
	flex-direction: column;
	flex-wrap: wrap;
	gap: 1.25rem;
	border-color: transparent;
    }
    .listings__form-search__region,
    .listings__form-search__cat,
    .listings__form-search__keyword,
    .listings__form-search__btn {
	flex: 1 1 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	min-height: 2.875rem;
    }
    /*.listings__form-search__cat {
	flex: 1 1 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	min-height: 2.875rem;
    }
    .listings__form-search__keyword {
	flex: 1 1 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	min-height: 2.875rem;
    }
    .listings__form-search__btn {
	flex: 1 1 100%;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	min-height: 2.875rem;
    }*/
}

.listings__form-search select {
    width: 100%;
    height: 100%;
    background: #fff;
    cursor: pointer;
}
.listings__form-search__keyword input {
    width: 100%;
    height: 100%;
}
.listings__form-search__keyword input:focus {
    outline: none;
}
.listings__form-search__btn:hover {
    border: 1px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
    
}

.listings__filters {
    padding: 1rem 1.25rem;
}
.listings__filters-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.25rem;
}
.listings__filters-wrapper__left {
    flex: 0 1 50%; 
}
.listings__filters-wrapper__right {
    flex: 0 1 50%; 
    text-align: right;
}
@media (max-width: 62rem) {
    .listings__filters-wrapper__left {
	flex: 0 1 65%; 
    }
    .listings__filters-wrapper__right {
	flex: 0 1 35%; 
	text-align: right;
    }
}
/*@media (max-width: 62rem) {
    .listings__filters-wrapper__left {
	flex: 0 1 65%; 
    }
    .listings__filters-wrapper__right {
	flex: 0 1 35%;
    }
}*/
@media(max-width: 48rem) {
    .listings__filters-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .listings__filters-wrapper__left {
	flex: 1 1 100%; 
    }
    .listings__filters-wrapper__right {
	flex: 1 1 100%;
	text-align: left;
    }
}
.listings__filters-wrapper label {
    padding-right: 0.625rem;
}
.listings__filters-wrapper select {
    padding: 0.625rem;
    cursor: pointer;
}
@media(max-width: 26.875rem) { /*430px*/
    .listings__filters-wrapper label {
	display: block;
	width: 100%;
    }
    .listings__filters-wrapper select {
	width: 100%;
	margin-top: 1rem;
    }
}
@media(max-width: 23.4375rem) { /*375px*/
    .listings__filters-wrapper select {
	margin-bottom: 0.3125rem;
	width: 100%;
    }
}

.listings__filters-wrapper__left-text-item,
.listings__filters-wrapper__left-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
}
.listings__filters-wrapper__left-text-item__label,
.listings__filters-wrapper__left-item__label {
    flex: 0 0 200px;
}
.listings__filters-wrapper__left-item__select select {
    width: 9.6875rem;
}
@media(max-width: 26.875rem) { /*430px*/
    .listings__filters-wrapper__left-item {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .listings__filters-wrapper__left-item__label {
	flex: 0 1 auto;
    }
    .listings__filters-wrapper__left-item__select select {
	width: 100%;
    }
    .listings__filters-wrapper__left-text-item {
	justify-content: space-between;
    }
    .listings__filters-wrapper__left-text-item__label {
	flex: 0 1 auto;
    }
}
.listings__filters-wrapper__left-item__radio > div,
.listings__filters-wrapper__left-item__checkbox > div {
    margin-bottom: 1rem;
}

.listings__filters-wrapper__left-item input[type="checkbox"],
.listings__filters-wrapper__left-item input[type="radio"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: var(--text-color-one);
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    margin-bottom: 0px;
    margin-bottom: 0px;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    transition: .05s border-color ease-in-out;
}
.listings__filters-wrapper__left-item input[type="radio"] {
  border-radius: 50%;
  margin-right: .25rem;
  line-height: .71428571;
}
.listings__filters-wrapper__left-item input[type="checkbox"]:checked::before {
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
  margin: -.1875rem 0 0 -.25rem;
  height: 1.3125rem;
  width: 1.3125rem;
  display: inherit;
}
.listings__filters-wrapper__left-item input[type="radio"]:checked::before {
  content: "";
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  margin: .1875rem;
  background-color: #3582c4;
  line-height: 1.14285714;
  float: left;
}

.listings__filters-wrapper__left-collapce__link {
    margin: 1.5rem 0;
    color: var(--main-color);
    cursor: pointer;
    user-select: none;
}
.listings__filters-wrapper__left-collapce {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.3s ease;
    opacity: 0;
}
.listings__filters-wrapper__left-collapce.is-open {
    max-height: 1000px;
    opacity: 1;
    margin-bottom: 20px;
}

.listings__filters-wrapper__right-clear {
    margin: 1.5rem 0;
    color: var(--main-color);
}

.listings__results {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

/* End Listings Card */

/* SPLIDE */
/* Main slider */
#main-slider {
    margin-bottom: 0.625rem;
}
#main-slider .splide__track {
    aspect-ratio: 16 / 9; 
}
#main-slider .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

/* Thumbnail slider */
#thumbnail-slider .splide__slide {
    opacity: 0.5;
    transition: opacity 0.3s, border-color 0.3s;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
}

#thumbnail-slider .splide__slide.is-active {
    opacity: 1;
    border-color: #2271b1; /* Колір виділення */
}

.thumbnail-item {
    position: relative;
    height: 100%;
}

.thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Іконка Play поверх мініатюри відео */
.video-icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 0 0.625rem 0.3125rem 0.875rem;
    border-radius: 50%;
    font-size: 1.375rem;
}
.thumb-icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 0px 0.375rem 0.187rem 0.625rem;
    border-radius: 50%;
    font-size: 0.75rem;
}
/* End Splide */

/* Footer */
.site-footer {
    border: 1px solid #ededed;
    margin-top: 3rem;
}
.site-footer__menu {
    padding: 0.625rem 0;
    background-color: #fff;
    text-align: center;
}
.site-footer__menu-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.site-footer__menu-wrapper__col {
    flex: 0 1 25%;
    padding: 1rem 1.5rem;
}
@media(max-width: 62rem) {
    .site-footer__menu-wrapper {
	flex-direction: row;
	flex-wrap: wrap;
    }
    .site-footer__menu-wrapper__col {
	flex: 1 1 50%;
    }
}
@media(max-width: 31.25rem) { /*500*/
    .site-footer__menu-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .site-footer__menu-wrapper__col {
	flex: 1 1 100%;
    }
}
.site-footer__menu-wrapper__col-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: left;
}
.site-footer__menu-wrapper__col-item a {
    margin-top: 0.625rem;
    color: #505050;
}
.site-footer__info {
    padding: 0.625rem 0;
    text-align: center;
}
/* End Footer */

/* Page */
.entry-content {
    background: var(--background-color-white);
    padding: 2rem 1.875rem 3.125rem;
    margin-top: 2rem;
    border-radius: 4px;
    color: #505050;
    margin-top: 1.25rem;
}
@media(max-width: 62rem) {
    .entry-content {
	padding: 2rem 1rem 3.125rem;
    }
}
h2, h3, h4 {
    font-weight: 500;
    color: var(--text-color-one);
}
h1 {
    font-size: 2.25rem;
    font-weight: 400;
    color: var(--main-color);
    margin-top: 2rem;
}
h2 {
    font-size: 1.625rem;
}
h3 {
    font-size: 1.375rem;
}
h4 {
    font-size: 1rem;
}
.entry-header {
    margin-top: 1.25rem;
}
.entry-content h2 {
    margin: 1.25rem 0 0.5rem;
}
/* End Page */

/* page 404 */
.error-404.not-found {
    text-align: center;
}
.error-404.not-found h1 {
    font-size: 7rem;
    font-weight: 700;
}
.error-404.not-found h2 {
    margin-bottom: 2rem;
}
/* end page 404 */

/* content-none */
.content-none {
    margin: 2rem auto 3rem;
}
.content-none a {
    color: var(--main-color);
}
/* end content-none */

/* Comments */
.sl-comments {
    background-color: #fff;
    padding: 2rem 1.875rem 3.125rem;
    border-radius: 4px;
    margin-top: 1.875rem;
}
@media (max-width: 36rem) {
    .sl-comments {
	padding: 1.4375rem 0.9375rem 1.5625rem;
    }
}
.comments-area {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    row-gap: 1rem;
}
.comments-area__col {
    flex: 1 1 50%;
    max-height: 50rem;
    overflow: hidden;
    overflow-y: auto;
}
@media (max-width: 62rem) {
    .comments-area {
	flex-direction: column;
	flex-wrap: wrap;
    }
    .comments-area__col {
	flex: 1 1 100%;
    }
}
.sl-comments input[type="text"],
.sl-comments input[type="email"],
.sl-comments input[type="url"],
.sl-comments textarea {
    width: 100%;
    border: 1px solid var(--text-color-two);
    border-radius: 4px;
    padding: 0.3125rem;
    margin-top: 1rem;
}
.sl-comments input[type="checkbox"] {
    margin-top: 1rem;
}
.sl-comments .form-submit {
    margin-top: 1rem;
}


/* End Comments */