/**
 * Theme Name: mediKon
 * Template:   dentia
 */

:root {
  --primary-color: #7f2534;
  --primary-color-transparent: #7f2534bb;
  --secondary-color: #f7dee2;
  --light-bg: #faf6ed;
  --light-bg-transparent: #faf6edbf;
  --active-color: #5f1c27;
  --text: #2F2F23;
  --text-inverse: #fff;
  --shadow: #2F2F2377;
}

.main-page-services,
.services-aggregate {
  align-items: stretch;
  height: 500px;
}
.main-page-services > div,
.main-page-services .elementor-element,
.main-page-services .pxl-icon-box,
.main-page-services .pxl-item-inner,
.services-aggregate > div,
.services-aggregate .elementor-element,
.services-aggregate .pxl-icon-box,
.services-aggregate .pxl-item-inner {
  height: 100%;
}

.no-shadow .elementor-widget-container {
  box-shadow: none !important;
}

.text-right a {
  justify-content: flex-end;
}
.text-right div {
  text-align: right;
}

.white,
.white a:link,
.white a:visited {
  color: white !important;
}

.main-page-header-text-bg {
  position: relative;
}
.main-page-header-text-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 400px;
  position: absolute;
  background: var(--primary-color);
  border-radius: 20px;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  margin-bottom: -163px;
  margin-right: -50%;
  opacity: .8;
}

/* Zmniejszyć rozwlekłe domyślne tytuły stron */
#pxl-page-title-default {
  padding: 120px 0 50px 0 !important;
}

@media screen and (max-width: 767px) {
  #pxl-page-title-default {
    padding: 40px 0 !important;
  }
}

/* Pozycja KARDIOLOGIA w menu głównym */
#menu-item-3710 {
  position: relative;
  padding: 0 20px;
}
#menu-item-3710 > a,
#menu-item-3710 > a > span {
  color: var(--text-inverse) !important;
}
#menu-item-3710:before {
  position: absolute;
  content: '';
  display: block;
  width: 112%;
  height: 50%;
  margin-top: 20%;
  margin-left: -19%;
  background: var(--primary-color);
  border-radius: 8px;
  opacity: .9;
}
.smaller #menu-item-3710:before {
  margin-top: 17%;
}
#menu-menu-glowne-gora-strony i.pxl-hide {
  display: none;
}

/* OFERTA - kafelki z linkiem */
.offer-tile a:link,
.offer-tile a:visited {
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.offer-tile a:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.offer-tile .elementor-widget-image {
  flex: 0 0 70px;
}
.offer-tile .elementor-widget-heading {
  flex: 0 0 1em;
}
.offer-tile h4 {
  margin-bottom: 10px;
}

.offer-tile img {
  width: 70px;
  height: 70px;
  margin-bottom: 50px;
}

.offer-tile-more-button {
  border: 1px solid var(--primary-color);
  flex: 0 0 1em;
  padding: 2px 30px 4px 25px;
  width: fit-content;
  margin: auto;
}
.offer-tile-more-button p {
  margin: 0 auto;
}

/* STRONA OFERTY - obrazki - dopasowanie proporcji */
.wp-singular .type-service .pxl-image-single .pxl-item--inner .bg-image {
  bottom: 1px;
  width: 553px;
  height: 415px;
}

/* reset obrazków, żeby pokazywały się w całości */
.image-reset .pxl-item--inner .pxl-item--bg.bg-image {
  bottom: 0 !important;
}

/* ----------------------- */
/* ELEMENTOR - overrides   */
/* ----------------------- */

/* main button text on hover + secondary button text on hover (used to slide down) */
.btn.btn-default:hover .pxl--btn-text1, .btn.btn-default:focus .pxl--btn-text1, .btn.btn-default:active .pxl--btn-text1, .btn.btn-default:not([disabled]):not(.disabled).active .pxl--btn-text1, .btn.btn-default:not([disabled]):not(.disabled):active .pxl--btn-text1 {
  transform: none !important;
}
.btn.btn-default .pxl--btn-text2 {
  display: none;
}
/* button hover */
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:not([disabled]):not(.disabled).active, .btn.btn-default:not([disabled]):not(.disabled):active {
  background: var(--primary-color-transparent) !important;
  box-shadow: 0 0 10px var(--shadow) !important;
  transform: scale(110%) !important;
}
/* hidden panel background */
#pxl-hidden-panel-popup .pxl-item--conent {
  background: var(--light-bg-transparent) !important;
}
#pxl-hidden-panel-popup .pxl-close {
  color: var(--primary-color) !important;
}
#pxl-hidden-panel-popup .pxl-close:before, #pxl-hidden-panel-popup .pxl-close:after {
  background: var(--primary-color) !important;
}
/* pojedyncza oferta - tabelka z klockami - rozszerzenie klocków w pionie */
.type-service .pxl-grid .pxl-grid-inner .pxl-grid-item {
  position: static !important;
}
/* zespół - tło */
.pxl-banner-box .pxl-banner-inner {
  background-color: var(--light-bg-transparent) !important;
}