/*
Theme Name:     Kallyas Child Theme 2.0
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        4.2.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

/* @import "./styles/account.css"; */
@import "./styles/directory-search.css";
/* @import "./styles/members.css"; TODO: Remove members style in next deployment  */
@import "./styles/forms.css";
/* @import "./styles/flex.css"; TODO: Remove flex style in next deployment */
@import "./styles/pagination.css";
@import "./styles/switcher.css";
@import "./styles/loader.css";
@import "./styles/ratings-table.css";

/* CSS Overrides */
html {
  font-size: 16px !important;
}

body {
  position: relative;
}

.page-login .main-content,
.single-memberpressproduct {
  background-color: #066fd9;
}

#page_wrapper {
  z-index: auto !important;
}

.action_box-title,
.action_box-subtitle {
  color: #fff !important;
}

#schools-map {
  height: 400px;
  margin-bottom: 20px;
  width: 100%;
}

.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single {
  background: none !important;
  border: 1px solid rgb(209 213 219) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  min-height: 44px !important;
  padding: 2px 8px !important;
}

.chosen-container-single .chosen-single {
  background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e") !important;
  background-position: right 0.75rem center !important;
  background-repeat: no-repeat !important;
  background-size: 0.75em 0.75em !important;
  padding-right: 2.5rem !important;
}

.chosen-container .chosen-choices li.search-field input[type="text"],
.chosen-container .chosen-single li.search-field input[type="text"] {
  color: #666 !important;
  height: 36px !important;
  font-size: 0.875rem !important;
}

.chosen-container-single .chosen-single span {
  line-height: 38px;
}

.chosen-container-active .chosen-choices,
.chosen-container-active .chosen-single {
  border: 1px solid #1e87f0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.chosen-container .chosen-choices li.search-choice,
.chosen-container .chosen-single li.search-choice {
  margin: 7px 5px 0 0 !important;
  padding: 5px 24px 4px 10px !important;
}

.chosen-container .chosen-choices li.search-choice .search-choice-close,
.chosen-container .chosen-choices li.search-choice .search-choice-close:hover,
.chosen-container .chosen-single li.search-choice .search-choice-close,
.chosen-container .chosen-single li.search-choice .search-choice-close:hover {
  background: url(./img/close.svg);
  background-size: cover;
  background-position: initial !important;
  top: 5px !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover .um-form input[type="tel"][name="mepr_phone_number"] {
  padding-left: 75px !important;
}

/* Tailwind */
.stepper .no-interaction {
  animation-duration: 0s;
  animation-delay: 0s;
}

.form-step {
  opacity: 0;
}

.step-display {
  animation: step-enter-anim 0.5s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  position: relative;
  z-index: 20;
}

.step-hide {
  position: absolute;
  visibility: hidden;
  top: 0;
  width: 100%;
  transition: position 0s 0.5s, visibility 0s 0.5s;
  animation: step-exit-anim 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes step-enter-anim {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes step-exit-anim {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.tw h1,
.tw h2,
.tw h3,
.tw h4,
.tw h5,
.tw h6,
.tw p {
  margin: 0;
}

.tw .grid {
  overflow: visible !important;
}

:focus-visible,
:focus:not([tabindex^="-"]) {
  outline: none !important;
}

.mepr-courses-wrapper {
  padding: 2rem;
}

.dropdown-sub> :first-child {
  border-radius: 0.5rem 0.5rem 0 0 !important;
  overflow: hidden !important;
}

.dropdown-sub> :last-child {
  border-radius: 0 0 0.5rem 0.5rem !important;
  overflow: hidden !important;
}

.usppa-app :is(.collapse.in) {
  visibility: visible;
}

/* Account Pages */
.page-login {
  background: #1C63F2;
}

.zn_pb_wrapper 

.zn_pb_wrapper blockquote,
.zn_pb_wrapper dl,
.zn_pb_wrapper dd,
.zn_pb_wrapper h1,
.zn_pb_wrapper h2,
.zn_pb_wrapper h3,
.zn_pb_wrapper h4,
.zn_pb_wrapper h5,
.zn_pb_wrapper h6,
.zn_pb_wrapper hr,
.zn_pb_wrapper figure,
.zn_pb_wrapper p,
.zn_pb_wrapper pre {
  margin: revert;
}

.grid {
  min-width: 0;
  max-width: none;
}

.grid:after {
  display: none;
}

.grid [class*='col-'], .grid [class*="col-"]:last-of-type {
  margin: 0;
  padding: 0;
}

.mepr-nav-custom-items span {
  border-bottom-width: 2px;
  margin-right: 0.5rem;
  padding: 1rem;
}

.mepr-nav-custom-items .mepr-active-nav-tab {
  border-color: rgb(37 99 235);
}