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

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: #6279b8;
}

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

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

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

.logged-in header {
  z-index: 9999;
}

/* ----- 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;
  }
  .wp-block-embed iframe {
    height: 300px !important;
  }
  .cky-box-bottom-left {
    bottom: 28% !important;
    left: 0% !important;
  }
  .cky-consent-container {
    width: 380px !important;
  }
}

@media screen and (max-width: 601px) {
  .logged-in header {
    top: 0px;
  }
}

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

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

.wp-block-embed iframe {
  height: 400px;
}
.wp-block-embed {
  display: flex;
  justify-content: center;
}

/* cookies bar */
.cky-box-bottom-left {
  bottom: 40% !important;
  left: 33% !important;
}
.cky-consent-container {
  width: 580px !important;
}

@media screen and (max-width: 1362px) {
  .cky-box-bottom-left {
    bottom: 318px !important;
    left: 30% !important;
  }
}
@media screen and (max-width: 1200px) {
  .cky-consent-container {
    width: 480px !important;
  }
}

@media screen and (max-width: 991px) {
  .cky-box-bottom-left {
    bottom: 318px !important;
    left: 25% !important;
  }
}
@media screen and (max-width: 782px) {
  .cky-box-bottom-left {
    bottom: 28% !important;
    left: 20% !important;
  }
  .cky-consent-container {
    width: 380px !important;
  }
}
@media screen and (max-width: 479px) {
  .cky-box-bottom-left {
    bottom: 28% !important;
    left: 0% !important;
  }
  .cky-consent-container {
    width: 380px !important;
  }
}

.cky-btn-revisit-wrapper {
  z-index: 9999 !important;
}

div.asl_w .probox .proinput input.orig::placeholder {
  color: #000 !important;
}
div.asl_w .probox .proinput input.orig:-ms-input-placeholder {
  color: #000 !important;
}
div.asl_w .probox .proinput input.orig::-ms-input-placeholder {
  color: #000 !important;
}
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  color: #000000 !important;
}
div.asl_r .results .item .asl_content .asl_desc {
  color: #000 !important;
}
div.asl_m .proinput input.orig {
  color: #000 !important;
}

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  color: #000000 !important;
  font-size: 16px;
}