/* /*
Theme Name: CityPortal V4
Theme URI: https://crowdpolicy.com
Author: Crowdpolicy
Author URI: https://crowdpolicy.com
Description: Crowdpolicy custom theme
Tags: blog, theme
Version: 1.0
Requires at least: 5.0
Tested up to: 6.6.1
Requires PHP: 7
Licence: GNU General Public Licence v2 or later
Licence URI: https://www.gnu.org/licences/gpl-2.0.html
Text Domain: cityportal-theme
*/

/* ----- Custom Scrollbar ----- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px grey;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}

/* ----- Reset CSS ----- */
:root {
  --bs-body-font-family: 'Geologica', sans-serif;
  --bs-font-sans-serif: 'Geologica', sans-serif;
}

body {
  min-height: 100dvh;
  max-width: 100dvw;
  margin: 0;
  padding: 0;
  font-family: 'Geologica', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: 1.2;
}

h1 {
  font-size: clamp(24px, 2vw + 16px, 34px);
  /* Min: 24px, Pref: 2vw + 16px, Max: 34px */
}

h2 {
  font-size: clamp(20px, 1.8vw + 14px, 28px);
  /* Min: 20px, Pref: 1.8vw + 14px, Max: 28px */
}

h3 {
  font-size: clamp(18px, 1.5vw + 12px, 22px);
  /* Min: 18px, Pref: 1.5vw + 12px, Max: 22px */
}

h4 {
  font-size: clamp(16px, 1.2vw + 10px, 20px);
  /* Min: 16px, Pref: 1.2vw + 10px, Max: 20px */
}

h5 {
  font-size: clamp(14px, 1vw + 8px, 16px);
  /* Min: 14px, Pref: 1vw + 8px, Max: 16px */
}

h6 {
  font-size: clamp(12px, 0.8vw + 6px, 14px);
  /* Min: 12px, Pref: 0.8vw + 6px, Max: 14px */
}

p {
  font-size: 16px;
}

small {
  font-size: 12px;
}

a {
  text-decoration: none;
  font-size: 18px;
  color: #0f084b;
  transition: all 250ms ease-in-out;
}

a:hover {
  color: #4090ae;
}

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

section {
  scroll-margin-top: 110px;
}

.section-title {
  color: #3b3b3a;
}

/* ----- Fix Wp-admin bar with header ----- */
@media screen and (min-width: 783px) {
  .logged-in header {
    top: 32px;
  }
}

@media screen and (max-width: 782px) {
  .logged-in header {
    top: 46px;
  }
  .arrow-wrapper.show,
  .cky-btn-revisit-wrapper {
    z-index: 9999 !important;
  }
}

@media screen and (max-width: 601px) {
  .logged-in header {
    top: 0px;
  }
  body .uwy.userway_p6 .userway_buttons_wrapper {
    top: 60% !important;
  }
}
@media screen and (max-width: 1399px) {
  .scrolled .navbar .collapse .dropdownPanel {
    top: 0px !important;
  }
  .scrolled .site-logo {
    min-width: 10rem !important;
  }
}
/* ----- WPML Footer banner registered site as development ----- */
.otgs-development-site-front-end {
  display: none;
}

/* Pagination Style */
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.4rem;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  color: #715419;
  /* Copy this in php file too if needed to change via ACF */
  text-decoration: none;
  transition:
    background-color 150ms ease-in-out,
    color 150ms ease-in-out;
}

.pagination a.page-numbers:hover {
  background-color: #70914933;
}

.pagination .page-numbers.dots {
  background: none;
}

.pagination .page-numbers.current {
  background-color: #709149;
  color: #fff !important;
  font-weight: 700;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  width: auto;
  border-radius: 999px;
  padding: 0 0.75rem;
  font-weight: 600;
}

.pagination .page-numbers.prev i,
.pagination .page-numbers.next i {
  color: #c9822f;
}

/* Στο mobile κρατάμε μόνο τα βελάκια, χωρίς τις λέξεις "Προηγούμενη"/"Επόμενη". */
@media screen and (max-width: 575.98px) {
  .pagination .pagination-label {
    display: none;
  }

  .pagination .page-numbers.prev,
  .pagination .page-numbers.next {
    width: 2.25rem;
    padding: 0;
  }
}

@media print {
  header,
  footer,
  .options-post,
  .logged-in header,
  #sami-webchat {
    display: none !important;
  }
}
.scrolled {
  height: 65px !important;
  transition: all ease-in-out 0.5s !important;
}
.scrolled .site-logo {
  min-width: 130px;
  transition: all ease-in-out 0.3s !important;
}
.scrolled .navbar .collapse .dropdownPanel {
  top: 60px;
}
.wp-block-file__button:hover {
  background: #931913;
  color: #fff;
  opacity: 1 !important;
}

.wp-block-embed__wrapper iframe {
  height: 350px !important;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.gallery {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem;
  justify-content: center;
  align-items: center;
}
.ptai-simple-text,
.ptai-ai-text {
  margin-bottom: 0rem !important;
}
#ptai-widget {
  margin: 0px auto !important;
}
#ptai-mode-switch {
  margin: 0 auto 15px !important;
}

@media screen and (max-width: 600px) {
  #ptai-search-form input {
    padding: 8px 0px !important;
    font-size: 0.5rem !important;
  }
}