@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@200;400;700&display=swap');

:root {
  --font-size: 18px;
  --font-stack-ltr: "Montserrat", sans-serif;
  --font-stack-ltr-alt: "Merriweather", serif;
  --font-stack-rtl: 'IBM Plex Sans Arabic', sans-serif;
  --color-blue: #24557d;
  --color-blue-faded: #24557d99;
  --color-text-primary-medium: #24557d;
  --color-twine: #c3a65b;
  --color-black: #111111;
  --color-black-faded: #11111199;
  --color-white: #fefefe;
  --color-broken-white: #f9f9f9;
  --color-gray-dark:#92a5af; 
  --color-gray-light:#92a5af30;
  --color-red-faded: #ff000027;
  --content-left: 0px;
  --max-width: 100%;
  --height-header: 180px;
}

html, body {
  background-image: none;
  background-color: var(--color-broken-white);
  font-family: var(--font-stack-ltr);
  font-size: var(--font-size);
  line-height: 1.4rem;
}

.ku, .ar {
  font-family: var(--font-stack-rtl);
}

.en {
  font-family: var(--font-stack-ltr);
}

a {
  color: var(--color-blue) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

a:hover {
  color: var(--color-black) !important;
}

a:focus {
  outline: solid 0px currentColor !important;
  outline-offset: 0px !important;
}

h1 {
  margin: 0px;
  font-weight: 400;
  font-size: 2rem;
}

#main-wrapper {
  background: var(--color-broken-white);
}

.site-header__initial, .social-bar {
  display: none;
}

body.path-frontpage, body.path-ministries {
  #block-services-page-title, nav.breadcrumb {
    display: none;
  }
}

div.brand, div.logo {
  width: auto;
}

.right {
  float: right;
}

.left {
  float: left;
}

.ltr {
  direction: ltr;
}

.krg {
  display: block;
  font-size: 1rem;
  padding-bottom: 1rem;
}

.empty-fields, .field--name-field-service-visitor-address h2 {
  display: none;
}

.site-header__fixable, .site-header__inner__container, #block-services-servicesbrandingblock {
  height: var(--height-header);
}

#block-services-servicesbrandingblock {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0px auto;
}

#block-services-servicesbrandingblock .block__content {
  width: 100%;
}

.logo-img {
  padding-left: 1rem;
}

#block-services-servicesbrandingblock .image {
  width: 328px;
  margin: 0px auto;
  height: 78px;
  max-width: 100%;
}

#block-services-servicesbrandingblock .text {
  width: 100%;
  margin: 0px auto;
  height: 66px;
  text-align: center;
}

.site-header__inner {
  background-color: transparent;
}

.site-header {
  min-height: var(--height-header);
  border-bottom: solid 1px var(--color-gray-light);
  background-color: var(--color-white);
}

#block-services-servicescountblock {
  display: flex;
  background-color: var(--color-blue);
  color: var(--color-white);
}

#block-services-servicescountblock .block__content { 
  width: 100%;
}

#block-services-servicescountblock .caption {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.09px;
}

#block-services-servicescountblock .text {
  padding-top: 1rem;
  flex: 1;
  min-width: 300px;
}

.sep {
  padding: 0px 1rem;
  color: var(--color-gray-dark);
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 10px 2.1rem 10px;
  flex-wrap: wrap;
  gap: 30px;
}

.counter {
  min-width: 150px;
  max-width: 150px;
  text-align: center;
  font-size: 1.2rem;
  border-left: solid;
}

.large-number {
  font-weight: 700;
  font-size: 3rem;
  padding-bottom: 0.4rem;
}

#block-services-serviceslanguageblock {
  text-align: center;
  top: 1rem;
  z-index: 99;
  position: absolute;
  left: calc(var(--container-padding) + 10px);
  color: var(--color-twine);
  direction: rtl !important;
}

#block-services-serviceslanguageblock .inline-language-switcher.ltr, #block-services-serviceslanguageblock-2 .inline-language-switcher.ltr {
  direction: rtl !important;
}

#block-services-serviceslanguageblock a {
  color: var(--color-broken-white) !important;
}

#block-services-serviceslanguageblock a, #block-services-serviceslanguageblock-2 a {
  font-weight: 400 !important;
}

.lang-active {
  color: var(--color-twine);
}

.inline-language-switcher span::before, .inline-language-switcher span::after {
  content: "\00a0";
}

#block-services-serviceslanguageblock span.ar, #block-services-serviceslanguageblock-2 span.ar  {
  padding: 0px 1rem;
}

#block-services-serviceslanguageblock, #block-services-serviceslanguageblock .region > *, 
#block-services-servicescountblock, #block-services-servicescountblock .region > *,
#block-services-mainnavigation, #block-services-mainnavigation .region > *,
#block-services-searchform, #block-services-searchform .region > *,
#block-services-serviceslanguageblock-2, #block-services-serviceslanguageblock-2 .region > *,
#block-services-breadcrumbs, #block-services-breadcrumbs .region > * {
  margin-block-end: 0px;
}

#block-services-serviceslanguageblock-2 {
  min-width: 248px;
  width: 250px;
  margin: auto;
  text-align: center;
  display: flex;
}

.inline-language-switcher {
  min-width: 248px;
}

.main-content__container {
  padding-block-start: var(--sp1);
}

#block-services-mainnavigation ul {
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);
  list-style-type: none;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5rem;
}

#block-services-mainnavigation ul {
  border-bottom: solid 1px var(--color-gray-light);
  margin: 1rem 0px 1rem 0px;
  padding: 1.6rem 0px;
}

#block-services-mainnavigation ul li {
  display: inline;
}

#block-services-mainnavigation ul li:first-child {
  padding-right: 2rem;
  padding-left: 0rem;
}

#block-services-mainnavigation ul li:last-child {
  padding-left: 2rem;
  padding-right: 0rem;
}

#block-services-mainnavigation ul li:nth-child(3), .feed-icons, .feed-icon {
  display: none;
}

.region--highlighted {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-gray-light);
  align-items: center;
  padding: calc(var(--container-padding) + 0px);
}

@supports (outline-style: double) {
  :is([type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea):focus {
    border-width: 1px;
    outline-width: 6px;
    outline-style: solid;
    outline-offset: -6px;
    border-radius: 0px;
    border-color: var(--color-gray-light);
  }
}

[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
  border-radius: 0px;
  border: 1px solid var(--color-gray-light);
}

.button {
  border: solid 1px;
  border-radius: 0px;
  border-color: var(--color-gray-light);
}

.button:focus {
  outline: 0px solid var(--color-gray-light);
  outline-offset: 0px;
}

.button:hover, .button:focus {
  border: solid 1px currentColor;
}

input.form-search::placeholder {
  color: transparent;
}

#block-services-mainnavigation {

}

#block-services-searchform {
  display: flex;
  margin: auto;
}

input.form-search {
  width: 42vw;
  max-width: 400px;
}

.form-actions .button, .form-actions .action-link {
  margin-block: 0px;
  padding-block: 0px;
  margin-inline-end: 0px;
}

.form-actions, tr .form-item, .container-inline .form-item {
  margin-block: 0px;
}

nav.breadcrumb {
  margin-bottom: 1rem;
}

#block-services-breadcrumbs {
  min-height: 40px;
}

#block-services-content .node__title a {
  font-size: 1.6rem;
  line-height: 2rem;
}

#block-services-content .field--name-field-description {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.node--view-mode-teaser::after {
  border: none;
}

#block-services-content .views-row .node__content {
  border-bottom: solid 1px var(--color-gray-light); 
}

#block-services-page-title {
  margin: 1rem auto 3rem auto;
}

#block-services-page-title h1.page-title {
  margin: 0px auto;
  color: var(--color-black);
  display: block;
  line-height: 2.4rem;
}

.breadcrumb__list {
  width: 100%;
  white-space: inherit;
  line-height: 1.6rem;
}

.file-a-complaint-description {
  display: block;
  margin: 1rem 0px;
}

/*----------------------------- NODE ARTICLE --------------------------------------------------*/
body.path-node article {

  .field--name-field-service-information {
    background-color: var(--color-red-faded);
    margin-bottom: 1rem;
    padding: 1rem;
    margin-block-end: 1rem !important;
  }

  .field--name-field-service-information .field__label, .node--view-mode-services-file-mode h2.node__title {
    display: none;
  }

  .field--name-field-description {
    background-color: var(--color-gray-light);
    padding: 1rem;
  }

  .field__label {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 2rem 0px 1rem 0px;
    width: auto;
    padding-bottom: 0.2rem;
  }

  .field__item, h2.node__title, #block-services-content .node__title a, .node__title a {
    font-size: 1.2rem !important;
    line-height: 1.8rem;
  }

  #block-services-content h2.node__title, h2.node__title  {
    padding: 0px;
    margin: 0px;
  }

  #block-services-content a, a {
    font-weight: 400 !important;
  }

  #block-services-content a::before, a::before {
    content: "\2022";
    padding-right: 1rem;
    padding-left: 0rem;
    font-weight: 700 !important;
  }

  .file-a-complaint-link a::before {
    content: " ";
  }

  #block-services-content .field--name-field-topic a::before, .field--name-field-topic a::before {
    content: "";
    padding: 0px;
  }

  #mapid {
    height: 24rem;
    text-align: left;
    display: block;
    float: none;
    direction: ltr;
    margin-top: 1rem;
    margin-right: 7px;
  }

  #mapid a::before {
    content: '';
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .geos-sep {
    margin: 3rem 0rem;
  }

  #collapseAddress {
    margin-top: 1rem;
    border-top: solid 1px var(--color-gray-dark);
  }

  .geos-address-group.collapse {
    display: none;
  }

  .geos-address-group.collapse.show {
    display: block;
  }

  .geos-address-single {
    border-bottom: solid 1px var(--color-gray-dark);
    padding: 0px 0px 1rem 0px;
  }

  .geos-address-single h5 {
    margin-block: 0px;
    margin: 1rem 0px;
  }

  #block-services-content .field:not(:last-child), .field:not(:last-child) {
    margin-block-end: 0px;
  }

  .field--name-field-topic .field__item a::before {
    content: '';
    padding-left: 0px;
  }

  .field--name-field-topic .field__item a {
    display: block;
    background-color: #24557d;
    padding: 0.3rem 0.5rem;
    color: #fff !important;
    margin: 0.1rem;
  }

  .field--name-field-ministry, 
  .field--name-field-website,
  .field--name-field-office-hours,
  .field--name-field-terms-conditions,
  .field--name-field-service-visitor-address h2,
  .field--name-field-documents,
  .field--name-field-time,
  .field--name-field-price,
  .field--name-field-paragraph-procedure,
  .field--name-field-foermy-dawakary,
  .field--name-field-legal-background,
  .field--name-field-external-services,
  .field--name-field-signed-by,
  .field--name-field-certified-by,
  .field--name-field-service-id,
  .field--name-field-topic,
  .field-last-updated {
    border-bottom: solid 1px var(--color-gray-light);
    padding-bottom: 1rem !important;
  }

  .node__content {
    padding-block-end: 0px;
  }

  .field--name-field-topic .field__items {
    display: block;
    min-height: 45px;
  }

  .field--name-field-topic .field__item {
    float: left;
  }

  .field--name-field-legal-background a,
  .field--name-field-procedure,
  .field--name-field-terms-conditions .field--name-field-procedure, 
  .field--name-field-documents .field__item {
    display: flex;
    margin: 1rem 0px;
  }

  .field--name-field-procedure::before,
  .field--name-field-terms-conditions .field--name-field-procedure::before, 
  .field--name-field-documents .field__item::before {
    content: " \2B1D ";
    margin: 0px 0.6rem;
    display: inline-block;
    width: 1rem;
    transform: translateY(0%);
    font-weight: 400 !important;
    color: var(--color-gray-dark);
  }

  .paragraph--type--procedure-paragraph-type .field--name-field-external-service,
  .field--name-field-terms-conditions .field--name-field-external-service {
    margin: 1rem 3rem 0px 3rem;
  }

  a.collapseAddress.closed::before {
    content: "+" !important;
  }

  a.collapseAddress.opened::before {
    content: "-" !important;
  }

  .field.field--name-field-file-file.field--type-file div.field__item span:last-child, .leaflet-control-attribution.leaflet-control {
    display: none !important;
  }

}

/*------------------------------------------------- PATH SEARCH -----------------------------------------------*/

body.path-frontpage, .ministries-view {
  .views-field.views-field-name a {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .views-field.views-field-description__value {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

/*------------------------------------------------- PATH SEARCH -----------------------------------------------*/

body.path-search {
  .block__content #search-form, .block__content h2 {
    display: none;
  }
  .search-results__item::after {
    border: none;
  }
  .search-results__item {
    border-bottom: solid 1px var(--color-gray-light);
  }
  .search-result__snippet.text-content {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

/*------------------------------------------------- NODE EDIT -----------------------------------------------*/

body.path-node form {
  .chosen-container-multi .chosen-choices li.search-choice span, .chosen-results, .chosen-container .chosen-results li.active-result, .chosen-rtl .chosen-single span {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .chosen-rtl .chosen-single {
    height: 3rem;
  }
  .chosen-rtl, .chosen-ltr {
    width: 100% !important;
  }
  .chosen-container-single .chosen-single {
    background: none;
    border-radius: 0px;
  }

  label {
    font-weight: 400;
    font-size: 1.2rem;
  }
  .form-item__description.description, .tabledrag-toggle-weight-wrapper, .field-multiple-drag, .js .paragraph-type-title, .paragraph-type-title {
    display: none;
  }
  [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    border-radius: 0px;
    border: 1px solid var(--color-gray-dark);
  }
  #edit-title-wrapper, 
  #edit-field-service-id-wrapper,
  #edit-field-description-wrapper,
  #edit-field-ministry-wrapper,
  #edit-field-service-visitor-address-wrapper,
  #edit-field-terms-conditions-wrapper,
  #edit-field-service-information-wrapper,
  #edit-field-topic-wrapper,
  #edit-field-certified-by-wrapper,
  #edit-field-foermy-dawakary-wrapper,
  #edit-field-legal-background-wrapper,
  #edit-field-external-services-wrapper,
  #edit-field-time-wrapper,
  #edit-field-price-wrapper,
  #edit-field-documents-wrapper,
  #edit-field-signed-by-wrapper,
  #edit-field-paragraph-procedure-wrapper {
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px var(--color-black-faded);
  }
  #edit-title-wrapper input, 
  #edit-field-service-id-wrapper input,
  #edit-field-description-wrapper textarea,
  #edit-field-time-wrapper input,
  #edit-field-certified-by-wrapper input,
  #edit-field-signed-by-wrapper input,
  table[id^="field-external-service-values"] input {
    width: 100% !important;
  }
  #edit-field-signed-by-wrapper input.field-add-more-submit {
    width: auto !important;
  }
  #edit-field-terms-conditions-wrapper h4, #edit-field-documents-wrapper h4, #edit-field-signed-by-wrapper h4, #edit-field-paragraph-procedure-wrapper h4 {
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--color-black);
  }
  .field-multiple-drag {
    background-color: var(--color-gray-light);
  }

  :is(.forum table, .text-content table, .views-table, .draggable-table) td {
    border-block-end: 0px solid var(--color--gray-65);
  }

  :is(.forum table, .text-content table, .views-table, .draggable-table) td, :is(.forum table, .text-content table, .views-table, .draggable-table) th { 
    padding-inline-end: 0px;
  }

  [dir="rtl"] .draggable a.tabledrag-handle {
    float: left;
  }
  table#field-terms-conditions-values table[id^="field-external-service-values"],
  table#field-paragraph-procedure-values table[id^="field-external-service-values"] {
    background-color: var(--color-gray-light);
    width: 100%;
    margin-top: 0px;
  }

  .paragraph-type-top {
    border-top: solid 1px var(--color-gray-dark);
    padding-top: 2rem;
  }
  .paragraph-type-top input {
    margin: 0px;
  }
  .chosen-single span {
    padding-top: 0.6rem;
  }
  .paragraphs-dropbutton-wrapper input {
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px !important;
    font-weight: 400;
    color: var( --color-blue-faded);
    height: 2rem;
  }
  .paragraphs-dropbutton-wrapper {
    text-align: center;
    margin: auto;
  }
}

/*------------------------------------------------- LANGUAGE -----------------------------------------------*/
html[lang="ar"], html[lang="ku"] {
  body, h1, h2, h3, h4, h5, h6, button, table, input {
    font-family: var(--font-stack-rtl);
  }

  body.path-node #block-services-content a::before {
    padding-right: 0rem;
    padding-left: 1rem;
  }
  body.path-node #block-services-content .field--name-field-topic a::before { 
    padding: 0px;
  }

  body.path-node #mapid a::before {
    content: '';
    padding-left: 0px;
    padding-right: 0px;
  }

  body.path-node .field--name-field-topic .field__item {
    float: right;
  }

  #block-services-servicescountblock .caption {
    line-height: 2rem;
  }
  .counter {
    border-left: none;
    border-right: solid;
  }
  .large-number {
    font-family: var(--font-stack-ltr);
  }
  #block-services-mainnavigation ul li:first-child {
    padding-right: 0rem;
    padding-left: 2rem;
  }
  
  #block-services-mainnavigation ul li:last-child {
    padding-left: 0rem;
    padding-right: 2rem;
  }
  
}

/*------------------------------------------------- MOBILE -----------------------------------------------*/
@media (min-width: 75rem) {
  .site-header {
    min-height: var(--height-header);
  }
  .site-footer__inner {
    padding-block: 1rem;
  }
}

@media (min-width: 751px) {
  html[lang="ar"], html[lang="ku"] {
    #block-services-servicescountblock .caption {
      line-height: 2.8rem;
    }
  }
}

@media (max-width: 768px) {
  #block-services-servicesbrandingblock .text {
    width: auto;
    text-align: center;
  }
  #block-services-servicescountblock .caption {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
  #block-services-mainnavigation ul {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

}

@media (max-width: 703px) {
  #block-services-serviceslanguageblock-2 {
    margin-top: 1rem;
  }
}

@media (max-width: 367px) {
  .logo-img {
    margin: 0px auto;
    width: 62vw;
  }
  .brand-img {
    margin: 0px auto;
    width: 24vw;
  }
  #block-services-servicesbrandingblock .image {
    width: 100%;
  }
  #block-services-servicescountblock .text {
    min-width: 100%;
  }
  #block-services-mainnavigation ul {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}

@media (max-width: 297px) {
  #block-services-servicesbrandingblock .text, .brand-img {
    display: none
  }
  .logo-img {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
  }
  div.brand, div.logo {
    width: 100%;
  }
  #block-services-servicescountblock .caption {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
  #block-services-mainnavigation {
    min-width: 256px;
  }
  #block-services-mainnavigation ul {
    font-size: 1.4rem;
    line-height: 2rem;
  }

}