
/* Keep desktop service links available to keyboard navigation. */
@media (min-width: 1025px) {
  .qodef-page-header .qodef-drop-down > ul > li:focus-within > .second {
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
  .qodef-page-header .qodef-main-menu a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
  }
}
/* SECTION HEADLINE */
.moba-headline .qodef-st-title,
.moba-headline .qodef-st-title * {
  font-family: 'DM Serif Display';
  font-size: 44px !important;
  line-height: 1.2 !important;
  font-weight: 500
		!important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
}

.moba-headline .qodef-st-inner {
  max-width: 900px;
  margin: 0 auto !important;
}
.moba-headline .qodef-st-inner {
  max-width: 1100px !important;
  margin: 0 auto;
}
.moba-headline h1,
.moba-headline h1 span {
  font-family: 'DM Serif Display' !important;
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.moba-headline h2 {
  font-family: 'Inter';
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}



/* SUBHEAD / COLUMN TITLE */
.moba-subhead .qodef-st-title,
.moba-subhead .qodef-st-title * {
  font-family: 'Inter'!important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 600
		!important;
  text-align: left !important;
  color: #2b2b2b;
}

/* BOTTOM LINE (supporting text under subhead) */
.moba-subhead .qodef-st-text,
.moba-subhead .qodef-st-text * {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: #7a7a7a;
  margin-top: 8px !important;
}

/* CONTAINER */
.moba-subhead .qodef-st-inner {
  max-width: 700px !important;
  margin: 0 auto;
}

.moba-subhead h2,
.moba-subhead h2 span {
  font-family: 'Inter', sans-serif !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}

.moba-subhead h3,
.moba-subhead h3 span {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}


.moba-subhead .qodef-st-text,
.moba-subhead .qodef-st-text span {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* BODY TEXT */
.moba-body {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* OPTIONAL: WIDER VERSION FOR LONG HEADLINES */
.moba-headline-wide {
  max-width: 1100px;
}

/* OPTIONAL: LEFT-ALIGNED HEADLINE */
.moba-headline-left {
  text-align: left !important;
  margin: 0 !important;
}

.moba-fullheight-row .qodef-portfolio-full-screen-slider-holder {
  height: 100vh !important;
  min-height: 100vh !important;
}
.moba-portfolio-slider .qodef-pli-image {
  height: 85vh !important;
  overflow: hidden !important;
}

.moba-portfolio-slider .qodef-pli-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 1024px) {
  .moba-portfolio-slider .qodef-pli-image {
    height: 65vh !important;
  }
}

@media (max-width: 680px) {
  .moba-portfolio-slider .qodef-pli-image {
    height: 50vh !important;
  }
}

.moba-testimonial .qodef-st-title,
.moba-testimonial .qodef-st-title * {
  font-family: 'DM Serif Display';
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 500
		!important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
}


/* Consistent full-width headers for portfolio projects and archives. */
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-page-header{width:100%!important;min-width:100%!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area{background:#fff!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area .qodef-main-menu>ul>li>a,
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area .qodef-side-menu-button-opener{color:#151515!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-page-header .qodef-logo-wrapper .qodef-normal-logo,
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-page-header .qodef-logo-wrapper .qodef-dark-logo{opacity:0!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-page-header .qodef-logo-wrapper .qodef-light-logo{opacity:1!important}
@media(min-width:1025px){
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area>.qodef-vertical-align-containers{padding-left:65px!important;padding-right:65px!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area .qodef-position-center{position:absolute!important;float:none!important;left:0!important;right:0!important;width:100%!important;margin:0!important;text-align:center!important}
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area .qodef-position-left,
body:is(.single-portfolio-item,.tax-portfolio-category,.post-type-archive-portfolio-item,.page-id-1904) .qodef-menu-area .qodef-position-right{z-index:2}
}
