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

/*--- Font Family ---*/
@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf')
    format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

/* ----- Reset CSS ----- */
body {
  min-height: 100dvh;
  max-width: 100dvw;
  margin: 0;
  padding: 0;
  font-family: 'Inter', 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: #3e3a32;
  transition: all 250ms ease-in-out;
}

a:hover {
  color: #931913;
}

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

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

.section-title {
  color: #3b3b3a;
}
@media print {
  header,
  footer,
  .options-post,
  .logged-in header,
  #sami-webchat {
    display: none !important;
  }
}
/* ----- 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: 2.4rem !important;
  }
}
/* ----- WPML Footer banner registered site as development ----- */
.otgs-development-site-front-end {
  display: none;
}

/* Pagination Style */
.pagination .page-numbers {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}

.pagination .page-numbers {
  /* Copy this in php file too if needed to change via ACF */
  color: #715419;
}

.page-numbers:not(
    .page-numbers.dots,
    .prev.page-numbers,
    .next.page-numbers,
    .page-numbers:nth-last-child(1),
    .page-numbers:has(+ .page-numbers.dots)
  ):after {
  content: ',';
}

.pagination:has(.next) .page-numbers:nth-last-child(2):after {
  content: '';
}

.page-numbers.current,
.pagination .page-numbers:hover {
  color: #a5a5a5 !important;
}

.prev.page-numbers {
  margin-right: 0.5rem;
}

.next.page-numbers {
  margin-left: 0.5rem;
}

.scrolled {
  height: 70px !important;
  transition: all ease-in-out 0.5s !important;
}
.scrolled .site-logo {
  min-width: 50px;
  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;
}