/*
Theme Name: SupremeCourt Child
Theme URI: https://supremecourt.qodeinteractive.com
Description: A child theme of SupremeCourt
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: supremecourt
Template: supremecourt
*/

/*
|--------------------------------------------------------------------------
| Root Variables
|--------------------------------------------------------------------------
|
| Root variables definition.
|
*/

:root {}

/*
|--------------------------------------------------------------------------
| Utilities
|--------------------------------------------------------------------------
|
| Utility classes
|
*/

.mw-custom {
  max-width: 1550px;
  margin-left: auto;
  margin-right: auto;
}

i.space {
  display: block;
  margin-bottom: 10px;
}

.text-justify {
  text-align: justify;
}

.overlay-1 {
  --overlay-color: linear-gradient(30deg, rgba(var(--primary-rgb), .9), rgba(var(--primary-rgb), 1));
  --overlay-opacity: .85;
}

/*
|--------------------------------------------------------------------------
| Style
|--------------------------------------------------------------------------
|
| General styling.
|
*/

body {
  --qode-main-color: var(--primary);
  --qode-filled-button-hover-color: var(--primary);
  --qode-filled-button-background-color: var(--primary-text-emphasis);
  --qode-filled-button-background-hover-color: var(--primary-text-emphasis);
  --qode-filled-button-border-hover-color: var(--primary-text-emphasis);
  --qode-outlined-button-color: var(--primary);
  --qode-outlined-button-border-hover-color: var(--primary-text-emphasis);
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.45;
  pointer-events: none;
  z-index: 0;
}

h1 {
  font-size: clamp(2.5rem, 3.8vw, 4rem);
}

h2 {
  font-size: clamp(2.125rem, 3.4vw, 3.5rem);
}

h3 {
  font-size: clamp(1.75rem, 3vw, 2.875rem);
}

h4 {
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
}

h5 {
  font-size: clamp(1.25rem, 2vw, 1.875rem);
}

h6 {
  font-size: clamp(1rem, 1.6vw, 1.375rem);
}

ol, ul {
  padding-left: 2rem;
  list-style-position: unset;
}

li {
  margin-bottom: 12px;
}

b, strong {
  font-weight: bolder;
  font-weight: 600;
}

body:is(.page, .single-service, .single-team) #qodef-page-inner {
  padding-top: 0;
}

body:not(.single) .qodef-breadcrumbs {
  display: none;
}

.section {
  --section-spacing: 5rem;
}

.section:has(+ .section-has-fill) {
  padding-bottom: var(--section-spacing);
}

.element {
  margin-bottom: 2rem;
}

.text-block:has(+ .text-block) {
  margin-bottom: 1.125rem;
}

.accordion {
  --accordion-active-bg: transparent;
  --accordion-btn-focus-box-shadow: 0 0 0 2px rgba(6, 28, 118, 0.25);
  --accordion-color: var(--qode-paragraph-color);
  --accordion-btn-color: var(--qode-paragraph-color);
  --accordion-btn-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20stroke%3D%27rgb%282.4%2C%2011.2%2C%2047.2%29%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%203v10M3%208h10%27%2F%3E%3C%2Fsvg%3E);
  --accordion-btn-active-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20stroke%3D%27rgb%282.4%2C%2011.2%2C%2047.2%29%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8%203v10%27/%3E%3C/svg%3E);
  --accordion-btn-icon-transform: rotate(-90deg);
}

.accordion-header {
  margin: 0;
}

.accordion-button {
  font-size: 1.125rem;
}

.qodef-header-logo-image {
  height: 100%;
}

#qodef-page-header {
  --qode-main-background-color: transparent;
  position: absolute;
}

#qodef-page-mobile-header {
  position: absolute;
  width: 100%;
  background-color: transparent;
}

.qodef-mobile-header-navigation>ul>li>a .qodef-menu-item-text:before {
  background-color: var(--secondary);
}

.qodef-header-navigation>ul>li>a .qodef-menu-item-text:before,
.qodef-header-navigation>ul>li>a .qodef-menu-item-text:after,
.animatab-highlighter,
.single-service .qodef-e-title,
.single-service .qodef-e-subtitle,
.qodef-m-content.qodef-content-grid:not(.qodef-parallax-content-holder) {
  display: none;
}

.qodef-section-title.qodef-alignment--left.qodef-decoration--yes .qodef-m-title:before,
.qodef-section-title.qodef-alignment--left.qodef-decoration--yes .qodef-m-title:after {
  background-color: var(--primary);
}

.has-before:before, .has-overlay:before {
  z-index: 1;
}

.logo-with-bg,
.qodef-mobile-header-logo-link,
.single-team .qodef-header-logo-link {
  padding-left: 15px;
  padding-right: 15px;
  background: var(--primary);
}

.qodef-mobile-header-logo-link:after,
.qodef-header-logo-link:after {
  content: "Mutaywea Law";
  font-size: 1.25rem;
  color: rgba(var(--light-rgb), .9);
  font-family: Marcellus, sans-serif;
  position: absolute;
  line-height: 1.25;
  min-width: fit-content;
  inset-inline-start: 100%;
  text-transform: uppercase;
  margin-top: 3px;
}

.qodef-mobile-header-logo-link:after {
  font-size: 1rem;
  line-height: 1;
  margin-inline-start: 10px;
}

.logo-with-bg.qodef-header-logo-link:after,
.single-team .qodef-header-logo-link:after {
  margin-inline-start: 15px;
}

.qodef-svg--menu,
.qodef-svg--close {
  stroke: var(--light);
}

.current-menu-item {
  --qode-header-light-hover-color: #52cdff;
}

.current-menu-item ~ .animatab-highlighter {
  display: block;
}

.animatab-highlighter:before {
  height: 2px;
  width: 95%;
  top: calc(50% + 20px);
  background-color: var(--tertiary);
}

.home-slider-logo svg {
  overflow: visible;
}

.qodef-header-navigation>ul>li>a {
  font-family: Marcellus, sans-serif;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  transform: rotate(0);
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  transform: rotate(0);
  transition: transform .5s;
}

.qodef-grid-item .qodef-e-right {
  flex-shrink: 0;
}

.contact-info-line {
  display: flex;
  align-items: center;
  column-gap: 20px;
  margin-bottom: 1rem;
}

.contact-info-line .icon {
  --icon-width: 36px;
}

.contact-info-line .info-label {
  line-height: 1;
  font-family: 'Marcellus';
  letter-spacing: 1px;
}

.contact-info-line .info-value {
  color: var(--qode-paragraph-color);
  line-height: normal;
}

.widget_supremecourt_core_title_widget .qodef-widget-title {
  font-family: 'Marcellus', sans-serif;
}

.qodef-page-footer-logo-area > img,
.qodef-page-footer-logo-area > svg {
  width: 270px;
  background-color: var(--primary);
  padding: 32px 20px;
}

.qodef-page-footer-logo-area path {
  opacity: 0;
}

.qodef-page-footer-logo-area {
  --qode-secondary-background-color: var(--primary);
}

.qodef-page-title .qodef-m-content {
  margin-top: 85px;
  height: calc(100% - 85px);
}

.qodef-page-title .entry-title,
.qodef-page-title .entry-title .letter {
  opacity: 0;
}

.qodef-page-title .entry-title.letterized {
  opacity: 1;
  display: flex;
  column-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.qodef-team-single .qodef-e-content-top-wrapper:before,
.title-with-overlay .qodef-page-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 1;
  background: var(--title-overlay);
}

.title-overlay-1 {
  --title-overlay: linear-gradient(to top, rgba(6, 28, 118, 0.85), rgba(6, 28, 118, 0.6));
  opacity: 1;
  z-index: 1;
}

.title-overlay-2 {
  --title-overlay: linear-gradient(to bottom, rgba(6, 28, 118, 0.9), rgba(0, 169, 255, 0.75));
}

.qodef-team-single .qodef-e-content-top-wrapper {
  --overlay: linear-gradient(rgba(6, 28, 118, 0.8) 0%, rgba(6, 28, 118, 0.7) 20%, rgba(6, 28, 118, 0.8) 50%, rgba(6, 28, 118, 0.9) 77%, rgba(6, 28, 118, 0.9) 100%);
}

.qodef-breadcrumbs {
  --qode-main-color: var(--light);
  color: var(--qode-main-color);
}

.qodef-page-title .qodef-breadcrumbs {
  display: flex;
  gap: .5rem;
  justify-content: center;
  flex-wrap: wrap;
  text-transform: capitalize;
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
  margin-top: 2rem;
}

.col-6.vc_parallax-content-moving[style*="anthonybbeck-4493205.jpg"] > .vc_parallax-inner {
  background-position-x: 90%;
}

.qodef-team-list.qodef-item-layout--info-below img {
  aspect-ratio: 340/480;
  object-fit: cover;
}

.qodef-team-list.qodef-item-layout--info-below .qodef-grid-item .qodef-e-content {
  justify-content: center;
  text-align: center;
}

.qodef-team-list.qodef-item-layout--info-below .qodef-grid-item .qodef-e-right {
  display: none;
}

.qodef-team-single .qodef-e-services ul {
  padding-left: unset;
}

.qodef-team-single .qodef-e-excerpt,
.qodef-team-single .qodef-e-biography {
  text-align: justify;
}

.qodef-team-single .qodef-e-content-top-wrapper {
  --qode-main-color: var(--light);
  background-color: var(--primary);
  background-image: url(https://blankcanvas.me/mutaywealaw/wp-content/uploads/2025/04/pexels-metekaan-26646636.jpg);
  background-size: cover;
  color: var(--light);
}

.qodef-team-single .qodef-e-content-top-wrapper-inner {
  padding: 0;
  z-index: 1;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > * {
  opacity: 0;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > *:nth-child(1) {
  animation: fadeUp 1.2s forwards;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > *:nth-child(2) {
  animation: fadeUp 1.3s .1s forwards;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > *:nth-child(3) {
  animation: fadeUp 1.4s .2s forwards;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > *:nth-child(4) {
  animation: fadeUp 1.5s .3s forwards;
}

.qodef-team-single .qodef-e-content-top-wrapper-inner .qodef-e-content-top > *:nth-child(5) {
  animation: fadeUp 1.6s .4s forwards;
}

.qodef-team-single .qodef-team-member-phone a {
  font-size: 13px;
  line-height: 1.38em;
  font-weight: 500;
  letter-spacing: .1em;
  color: var(--light);
}

.qodef-team-single .qodef-team-member-social-icon {
  --svg-stroke: var(--primary);
}

.qodef-team-single .qodef-e-content-top .qodef-team-member-social-icon {
  --svg-stroke: var(--light);
}

.contact-item:hover {
  --border-color: var(--primary);
}

footer .contact-info-line .icon {
  display: none;
}

footer .qodef-grid.qodef-col-num--3 > .qodef-grid-inner {
  grid-template-columns: 1;
}

/* Contact Form 7 */
.wpcf7-form-control:is(input, select, textarea),
.wpcf7-not-valid-tip {
  margin-bottom: 1.5rem;
}

.wpcf7-not-valid:is(input, select, textarea) {
  margin-bottom: .5rem;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 1.5rem 0;
}

.custom-file-upload {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  background-color: #f0f2f4;
  color: var(--qode-paragraph-color);
  padding: 0.6em 1.2em;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

.custom-file-upload:hover {
  background-color: #d3d8db;
}

.file-upload-name {
  font-size: 0.9em;
  color: #061c76;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 135px);
  display: inline-block;
  padding-right: 0.5em;
}
/* EO Contact Form 7*/

.arrow-btn-text {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 500;
}

.vc_parallax .vc_parallax-inner {
  transition: all 1s ease-out;
}

.qodef-dropcaps .qodef-m-letter {
  font-size: clamp(48px, 6vw, 80px);
  margin: clamp(-4px, -0.5vw, -7px) clamp(10px, 2vw, 16px) 0 0;
}

/*
|---------------------------------
| Animations
|---------------------------------
*/

@keyframes fadeUp {
  0% {translate: 0 70px; opacity: 0}
  100% {translate: 0 0; opacity: 1}
}

/*
|---------------------------------
| Media Queries (Min)
|---------------------------------
*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
  .section {
    --section-spacing: 6rem;
  }
}

@media (min-width: 1200px) {
  .section {
    --section-spacing: 7rem;
  }
  
  footer .qodef-grid.qodef-col-num--3 > .qodef-grid-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr)
  }
}

@media (min-width: 1400px) {
  .section {
    --section-spacing: 8rem;
  }
}

/*
|---------------------------------
| Media Queries (Max)
|---------------------------------
*/

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
  .qodef-section-title[data-transition="fadeLettersSpaceOut"] {
    transition: letter-spacing 1.5s;
    letter-spacing: -2px;
  }

  .qodef-section-title[data-transition="fadeLettersSpaceOut"].transition-start {
    letter-spacing: 0.175em !important;
  }
}

@media (max-width: 575.98px) {}

/*
|---------------------------------
| Theme Media Queries (Min)
|---------------------------------
*/

@media (min-width: 1025px) {
  .qodef-page-title .qodef-m-content {
    margin-top: 0;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 7rem;
  }

  .qodef-content-grid-1300 .qodef-team-single .qodef-e-content-top-wrapper {
    padding-right: 10%;
    padding-left: unset;
  }

  .qodef-team-single .qodef-e-content-top-wrapper-inner {
    flex-direction: row-reverse;
    column-gap: 100px;
  }

  .qodef-team-single .qodef-e-image img {
    object-fit: cover;
    object-position: center;
    height: 100vh;
    width: 100%;
  }
}

@media (min-width: 1441px) {}

/*
|---------------------------------
| Theme Media Queries (Max)
|---------------------------------
*/

@media (max-width: 1440px) {}

@media (max-width: 1366px) {}

@media (max-width: 1024px) {
  .qodef-team-single .qodef-e-content-top-wrapper {
    padding-top: 120px;
    padding-bottom: 80px;
    padding-left: calc((100% - 86%) / 2);
    padding-right: calc((100% - 86%) / 2);
  }

  .qodef-team-single .qodef-e-content-top-wrapper-inner {
    row-gap: 42px;
  }
}

@media (max-width: 768px) {}

@media (max-width: 680px) {}