@media print {
  .admin-toolbar {
    display: none;
  }

  .print-container {
    max-width: none;
    margin: 0;
  }

  .page-break {
    width: 210mm;
    height: 297mm;
    margin: 0;
    box-shadow: none;
    page-break-after: always;
  }

  .page-break:last-child {
    page-break-after: avoid;
  }
}

.logo {
  height: 200px;
}

.wp-block-columns {
  gap: 20px;
}

.wp-block-column {
  padding: 20px !important;
}

.wp-block-image.alignright {
  text-align: right;
}

.wp-block-image.aligncenter {
  text-align: center;
}

.metric-card {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  min-width: 280px;
  transition: transform 0.3s ease;
}

.metric-card:hover {
  transform: translateY(-5px);
}

.card-content {
  flex: 1;
  margin-right: 20px;
}

.card-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
}

.card-description {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}

.progress-circle {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.progress-circle::before {
  content: '';
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  z-index: 1;
}

.progress-circle::after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  z-index: 2;
}

.progress-text {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  z-index: 3;
}

/* Individual card styles */
.emotional {
  background: #F5DEB3;
  top: 50px;
  left: 350px;
}

.emotional .progress-circle::before {
  background: conic-gradient(#8B7355 0deg var(--circumference1), #e0e0e0 var(--circumference1) 360deg);
}

.cognitive {
  background: #F4C2C2;
  top: 180px;
  right: 50px;
}

.cognitive .progress-circle::before {
  background: conic-gradient(#8B7355 0deg var(--circumference2), #e0e0e0 var(--circumference2) 360deg);
}

.physical {
  background: #B8E6E6;
  bottom: 180px;
  right: 50px;
}

.physical .progress-circle::before {
  background: conic-gradient(#8B7355 0deg var(--circumference3), #e0e0e0 var(--circumference3) 360deg);
}

.anxiety {
  background: #C8E6C9;
  bottom: 50px;
  left: 350px;
}

.anxiety .progress-circle::before {
  background: conic-gradient(#8B7355 0deg var(--circumference4), #e0e0e0 var(--circumference4) 360deg);
}

.block-dxpr-theme-content .content {
  max-width: 210mm;
  margin: 0 auto;
}

.wp-block-cover {
  width: 210mm;
  box-shadow: 0px 10px 5px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}

.page-break {
  page-break-after: always;
}

.page-break:last-child {
  page-break-after: avoid;
}

.wp-block-cover>span {
  background-color: #fcfcfb !important;
}

.aside-section {
  border-radius: 0 !important;
  border-width: 0 !important;
}

.main-section-rounded {
  font-size: 16px;
}

.book-tag {
  position: absolute !important;
  right: 0 !important;
}

.no-box {
  padding: 0 !important;
  border-width: 0 !important;
  border-radius: 0 !important;
}

.transparency-legend {
  padding: 0 !important;
  display: flex;
  flex: 2 2 auto;
  gap: 5px;
  font-size: 11px;
}

.transparency-legend figure {
  width: 20% !important;
}

.transparency-legend>div {
  width: 80% !important;
}

p,
li {
  font-size: 14px;
}

.page-node-type-report #block-sdact-page-title .page-title {
  display: none;
}

/*.page-node-type-report .wrap-branding {
    display:none;
}*/

.user-logged-in #block-sdact-local-tasks .dxpr-theme-mini-tabs-wrapper {
  display: none;
}

.view-sdact-surv {
  margin-top: 5%;
}

.is-unpublished {
  background: none !important;
}

.path-frontpage {
  .alert-success {
    margin-top: 5%;

    .sr-only {
      display: none;
    }
  }
}

#edit-field-feedback-0-format {
  display: none;
}

.messages__wrapper {
  display: none;
  ;
}

.user-form-page {
  background: none !important;
  color: #000 !important;
}

.gin-login .user-form-page__page-title {
  color: #000 !important;
}


.gin-login #edit-actions {
  margin-bottom: 20px;
}

.gin-login #edit-more-links .forgot-password-link {
  color: green;
}

.path-user {
  #block-sdact-page-title {
    display: none;
  }

  .shadow-md {
    --tw-shadow: 4px 4px 6px 6px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 4px 4px 6px 0px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .button-general {
    position: relative;
    bottom: 25px;
  }
}

.path-webform {
  .alert-success {
    display: none;
  }

}

.body--dxpr-theme-nav-mobile #logo {
  max-width: 20% !important;
  margin-top: 20px !important;
}

@media screen and (width <=48rem) {
  .html #page-title .page-title {
    font-size: 20px;
    height: 0;
  }

  #block-sdact-local-tasks {
    margin-top: -20%;
  }

  .fieldset-wrapper .form-radios {
    font-size: 15px;
  }

  .fieldset-legend {
    font-weight: bold;
    ;
  }

  .webform-progress-status {
    .h-8 {
      height: 1rem !important;
    }
  }

}

.webform-progress-status {
  margin-top:30px;
  .h-8 {
    height: 1.3rem;
  }
}

.views-exposed-form {
  margin-bottom: 40px;
}

.views-exposed-form legend {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 20px;
  float: none;
}

.view-filters .form--inline {
  display: flex;
  margin-bottom: 30px;
}

.view-filters .form--inline .form-item {
  float: none !important;
}

.view-filters .form--inline .fieldset-wrapper {
  display: flex;
}

.view-filters .form--inline h4 {
  display: flex;
  padding: 20px 20px 0 0;
}

.view-filters .form--inline .form-actions {
  margin-top: 6em;
}

.view-institute-users {
  position: relative;
}

.view-institute-users .view-header {
  position: absolute;
  top: 95px;
  right: 0;
}

.views-table tbody {
  vertical-align: middle !important;
}

.views-table tbody .btn-primary {
  margin: 10px 0 0;
  font-size: 12px;
}

/*.views-table tbody .btn-primary:first-child {
  margin-top: 0;
}*/

@media (width <=48rem) {
  .html.user-logged-in .block-local-tasks-block nav.tabs {
    padding-top: 0px;
  }
}

.view-institute-users {

  .view-filters,
  .view-filters .form--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    /* Adjust this value for more or less space */
  }

  /* Optional: You may also need to adjust the form-item elements inside */
  .view-filters .views-exposed-form {
    margin-bottom: 0;
    /* Remove default bottom margin */
  }

  .view-filters .form-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }

  .view-filters .form-item {
    margin-bottom: 0 !important;
    /* Remove any default bottom margin */
  }

  .feed-icons {
    display: none;
  }
}

.copy-button img {
  width: 16px;
  height: 16px;
}


#block-sdact-customlanguageswitcher {
  margin-bottom: 10%;
}

.page-node-type-report {
  .node--unpublished {
    background-color: transparent !important;
  }

  .field--name-title {
    display:none;
  }
}

.layout--twocol-section--50-50 {
  margin-top: 10px;
}