:root {
  --black-color: #000;
  --blue-color: #0b60b0;
  --light-blue-color: #40a2d8;
  --sand-color: #f0edcf;
}
.text-light-blue {
  color: var(--light-blue-color);
}
.text-blue {
  color: var(--blue-color);
}
.text-sand {
  color: var(--sand-color);
}

.insetText {
  background-color: #000000;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: rgb(81 76 76) 0px 3px 3px;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: var(--sand-color);
}

/* Layout Styles */
.right {
  background-image: url('../images/donovan-bg-02.png'); /* Updated path */
  background-position: center center;
  background-size: cover;
}

.left {
  background-color: var(--blue-color);
}

/* Typography Styles */
.landing-hero hr {
  border: 1px solid black;
}

.puncher {
  font-weight: 500;
}

.prata-font {
  font-family: 'Prata', serif;
}

.my-drop-shad {
  text-shadow: 3px 3px #000;
}

.header-logo {
  max-height: 45px;
}

/* Button Styles */
.blue-bg {
  background-color: var(--blue-color);
}

#find-out-more,
#find-out-more-ss {
  background-color: var(--light-blue-color);
  color: var(--sand-color);
  z-index: 2;
  box-shadow: 0px 3px 6px black;
}

#find-out-more:hover,
#find-out-more-ss:hover {
  background-color: var(--sand-color);
  color: var(--blue-color);
}

/* Media Queries */
@media screen and (min-width: 62.5em) {
  .showcase__design-wedge-right-col:before {
    border-bottom: 50vh solid var(--blue-color);
    border-right: 4.70833125em solid transparent;
    bottom: 50%;
  }

  .showcase__design-wedge-right-col:after,
  .showcase__design-wedge-right-col:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
  }

  .showcase__design-wedge-right-col:after {
    border-right: 4.7083125em solid transparent;
    border-top: 50vh solid var(--blue-color);
    top: 50%;
  }
}

/* Offcanvas Styles */
.offcanvas,
.offcanvas-header {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.offcanvas {
  background-color: var(--sand-color);
  color: var(--black-color);
  transition: transform 0.75s ease-in-out;
}

.offcanvas-header {
  font-family: 'Prata', serif;
  background-color: var(--blue-color);
  color: var(--sand-color);
}

/* Offcanvas Body Styles */
.offcanvas-body {
  background-image: url('../images/donovan-bg-03.png'); /* Updated path */
  background-position: center center;
  background-size: cover;
}

/* Button Styles in Offcanvas */
.btn-primary {
  color: var(--sand-color);
  background-color: var(--blue-color);
}

.btn-primary:hover {
  background-color: var(--sand-color);
  color: var(--blue-color);
}

/* Map Link Styles */
.map-link:hover {
  border: 2px solid var(--light-blue-color);
}

/* Offcanvas Navigation Link Styles */
.oc-nav-item a {
  color: var(--blue-color);
}

/* Partner Page Styles */
.partner-hero {
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 80%), rgb(0 0 0 / 30%)), url('../images/court-house.png'); /* Updated path */
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: cover, cover;
}

.sub-page-header {
  font-family: 'Prata', serif;
  font-weight: 300;
  color: var(--sand-color);
}

.line-hr-rep {
  border-bottom: 1px solid var(--sand-color);
  height: 1px;
}

.partner-roles {
  color: var(--light-blue-color);
}

.partner-image {
  max-height: 300px;
  margin-top: 10px;
  margin-bottom: -70px;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.6);
}
.partner-practices {
  background-color: var(--blue-color);
  font-weight: medium;
  font-size: 1.2rem;
}
.partner-overview {
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #edede7;
}
.partner-overview p {
  font-size: 1.3rem;
  color: var(--black-color);
  margin-bottom: 2em;
}

.partner-overview .side-bar p {
  font-size: 1rem;
  margin-bottom: 1em;
}
.partner-menu {
  background-color: var(--blue-color);
}
.partner-menu a {
  color: var(--sand-color);
  text-decoration: none;
  font-size: 1.2rem;
  min-height: 100%;
  position: relative;
  bottom: 0;
  background-color: var(--blue-color);
  transition: bottom 0.7s ease, background-color 0.7s ease;
}

.partner-menu a:hover,
.partner-menu a.active {
  text-decoration: none;
  font-size: 1.2rem;
  min-height: 100%;
  background-color: var(--light-blue-color);
  bottom: 10px;
  transition: bottom 0.7s ease, background-color 0.7s ease;
}
.partner-accordion {
  padding-top: 110px;
  padding-bottom: 110px;
}
.partner-accordion p,
.partner-accordion li {
  font-size: 1.3rem;
  color: var(--black-color);
}
.partner-accordion ul {
  font-size: 1.3rem;
  color: var(--black-color);
  list-style-type: none;
  padding-left: 0;
}
.partner-accordion li > ul > li {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.partner-accordion .small-list li {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.partner-accordion ul ul ul > li {
  font-size: 1rem;
}

.partner-accordion p {
  margin-bottom: 2em;
}
.partner-accordion .accordion-item {
  border: none;
}
.wrapper-404 {
  background-image: url('../images/bg-404.png');
  background-position: center;
  background-repeat: no-repeat;
}
.tag-404 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 10rem;
}