/*

Theme Name: Tiskre Kodud

Theme URI: https://tiskrekodud.ee

Template: kadence

Author: Kadence WP

Author URI: https://www.kadencewp.com/

Description: Tiskre Kodud theme.

Version: 1.0.0

License: GNU General Public License v3.0 (or later)

License URI: https://www.gnu.org/licenses/gpl-3.0.html

Text Domain: tiskrekodud

*/

/* Theme customization starts here

-------------------------------------------------------------- */
.kadence-sticky-header {
  transition: all 0.3s ease-in-out;
}

.kadence-sticky-header.item-is-stuck {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

a.button.button-size-small,
.kb-button.kt-btn-size-small {
  font-size: var(--global-kb-font-size-sm, 0.9rem);
  padding: 12px 16px;
}

.d-inline-flex {
  display: inline-flex;
}

.apartments-table {
  border-collapse: collapse;

  width: 100%;
}

.apartments-table th,
.apartments-table td {
  border-bottom: 1px solid var(--global-palette8);

  padding: 12px 24px;
}

.apartments-table th {
  background-color: var(--global-palette7);

  border: 0 !important;

  font-weight: bold;
}

.apartments-table tr {
  transition: background-color 0.2s ease-in-out;
}

.apartments-table tr.status-booked,
.apartments-table tr.status-sold {
  color: #b9b7b7;
}

.apartments-table tr {
  background-color: var(--global-palette9);
}

.apartments-table tr:hover {
  background-color: var(--global-palette8);
}

.apartments-table td {
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
}

.datatable-wrapper .datatable-container {
  border: 0 !important;
}

.datatable-table th button {
  padding: 0;
  text-align: center !important;
}

.datatable-table th button::after,
.datatable-table th button::before {
  display: none;
}

.datatable-table th button:hover,
.datatable-table th button:active {
  box-shadow: unset;

  color: var(--global-palette1);
}

.datatable-top,
.datatable-bottom {
  padding: 0;
}

.datatable-table > tbody > tr > td,
.datatable-table > tbody > tr > th {
  padding: 12px 8px !important;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-no-wrap {
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
  .kb-button.kt-btn-size-small,
  a.button.button-size-small {
    padding: 12px 16px;
  }

  .apartments-table th {
    font-size: 12px !important;
  }

  .apartments-table td {
    font-size: 10px;

    text-align: center;
  }
}