/****************
GENERAL

HOVER EFFECTS

SCROLL ANIMATIONS

TOP NAVIGATION

MOBILE NAVIGATION

INTERNAL PAGES

SIDE NAVIGATION

FOOTER

/****************
 GENERAL STYLES
****************/

@font-face {
    font-family: 'Cinzel';
    src: url('/assets/fonts/Cinzel-Bold.woff2') format('woff2'),
        url('/assets/fonts/Cinzel-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/assets/fonts/Cinzel-Black.woff2') format('woff2'),
        url('/assets/fonts/Cinzel-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('/assets/fonts/Cinzel-Regular.woff2') format('woff2'),
        url('/assets/fonts/Cinzel-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/Lora-Regular.woff2') format('woff2'),
        url('/assets/fonts/Lora-Regular.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora-Bold';
    src: url('/assets/fonts/Lora-Bold.woff2') format('woff2'),
        url('/assets/fonts/Lora-Bold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Cinzel";
  color: #353030;
  font-size: 1vw;
}

h1 {
  font-size: 3vw;
  line-height: 3vw;
  color: #0f4486;
}

h2,
h3.borders {
  font-size: 2.2vw;
  line-height: 2.5vw;
  color: #613e98;
}

h3 {
  font-size: 1.7vw;
  line-height: 1.7vw;
}

p,
li {
  font-size: 1vw;
  font-family: Lora;
  line-height: 1.85vw;
  letter-spacing: -0.03vw;
}

hr {
  color: #2f5697;
  margin: 2vw -2vw;
  height: 4px;
  background: #2f5697;
}

.page-content-container {
  background-image: url("/assets/images/tree-navbackground.webp");
  background-repeat: no-repeat;
  background-size: 27%;
  background-position: 0% 53vw;
  padding-bottom: 2vw;
}

.main-content-container {
  display: inline-block;
  width: 60vw;
  vertical-align: top;
}

.main-content-container p {
  font-size: 1vw;
  font-family: Lora;
  line-height: 1.85vw;
  letter-spacing: -0.03vw;
}

.main-content-container a {
  color: #613e98;
}

.page-content-container a {
  color: #613e98;
}

nav.mobile-header {
  display: none;
}



/*******************
   HOVER EFFECTS
*******************/

/********************
  SCROLL ANIMATIONS and ANIMATIONS
*********************/

@keyframes slideDown {
  0% {
    height: 0;
  }
  100% {
    height: 97.3vw;
  }
}

.slideDown {
  height: 0;
  overflow: hidden;
}
.slideDown.active {
  animation: slideDown 1.1s ease forwards;
  -webkit-animation: slideDown 1.1s ease forwards;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    top: 2vw;
    filter: blur(10px);
  }
  100% {
    top: 0;
    opacity: 1;
    filter: blur(0px);
  }
}
.fadeUp {
  position: relative;
  opacity: 0;
  top: 2vw;
  filter: blur(10px);
}
.fadeUp.active {
  animation: fadeUp 0.5s ease forwards;
  -webkit-animation: fadeUp 0.5s ease forwards;
}

@keyframes lineWidthOut {
  0% {
    width: 0;
  }
  100% {
    width: 34vw;
  }
}

.lineWidthOut {
  width: 0;
}
.lineWidthOut.active {
  animation: lineWidthOut 0.5s ease forwards;
  -webkit-animation: lineWidthOut 0.5s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
.fadeIn {
  opacity: 0;
  filter: blur(10px);
}
.fadeIn.active {
  animation: fadeIn 0.5s ease forwards;
  -webkit-animation: fadeIn 0.5s ease forwards;
}

/******************
  TOP NAVIGATION
******************/

nav {
  border-top: 4px solid #2f5697;
  height: 4.1vw;
  position: relative;
  z-index: 2;
}
nav header .links {
  float: right;
  margin-right: 3vw;
  padding-top: 0;
  display: flex;
}
nav header .links a,
nav header .links p {
  color: #353030;
  text-decoration: none;
  padding: 1vw 0.8vw;
  font-size: 0.9vw;
  font-weight: 700;
  height: 2.1vw;
  display: inline-block;
  line-height: 2vw;
}
nav header .links p {
  font-family: "Cinzel";
  margin: 0;
}
nav header .links a:hover,
nav header .links a:focus,
nav header .links p:hover,
nav header .links p:focus {
  color: #0f4486;
}

nav header .links > div {
  display: inline-block;
}
nav header .links > div .submenu {
  display: none;
  position: absolute;
  background-color: white;
  padding: 0 2vw;
  box-shadow: 0 13px 26px -21px black inset;
  margin-top: 0;
  transition: padding 0.2s ease;
    z-index: 2;

}
nav header .links > div .submenu.adoption {
  top: -1vw;
  margin-top: -2vw;
  width: 142vw;
}
nav header .links > div:hover > .submenu,
nav header .links > div:focus-within > .submenu {
  display: block;
  padding: 1vw 3vw 1vw 1vw;
}
nav header .links > div > .submenu > div:hover > .submenu.adoption,
nav header .links > div > .submenu > div:focus-within > .submenu.adoption {
  width: 15vw;
}
nav header .links > div > .submenu > div:hover > .submenu,
nav header .links > div > .submenu > div:focus-within > .submenu {
  display: block;
  top: 2.5vw;
  width: 9vw;
  box-shadow: 0px 0px 0px;
  padding: 0.5vw 3vw 1vw 1vw;
  left: 9vw;
}
nav header .links > div > .submenu > div:hover > .submenu.location,
nav header .links > div > .submenu > div:focus-within > .submenu.location {
  left: 16vw;
}
nav header .links > div > .submenu > div:hover > .submenu.location.one,
nav header .links > div > .submenu > div:focus-within > .submenu.location.one {
  top: 0;
}
nav header .links > div > .submenu > div:hover > .submenu.location.two,
nav header .links > div > .submenu > div:focus-within > .submenu.location.two {
  top: 2.5vw;
}
nav header .links > div > .submenu > div:hover > .submenu.location.three,
nav
  header
  .links
  > div
  > .submenu
  > div:focus-within
  > .submenu.location.three {
  top: 5vw;
}

nav header .links > div > .submenu > div:hover > .submenu.divorce {
  width: 13.5vw;
  top: 6.5vw;
}
nav header .links > div .submenu a,
nav header .links > div .submenu p {
  display: block;
  padding: 0;
  height: auto;
  line-height: auto;
}
nav header .links > div > .submenu > div:hover > .submenu > a:first-child {
  margin-top: 0;
}
nav header .left {
  display: inline-block;
  vertical-align: top;
  background: #ebe0fe;
  color: black;
  width: 13vw;
  margin-left: 7.5vw;
  margin-right: 7.5vw;
  text-align: center;
  position: absolute;
  max-height: 50vw;
}
nav header .left.active a.phone {
  height: auto;
}
nav header .left .logo {
  height: 5.2vw;
  background-image: url("/assets/images/logo.webp");
  background-size: 65%;
  background-position: 50% 19%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  font-size: 1.5vw;
  color: #0f4486;
  padding: 11vw 1vw 0;
  font-weight: 400;
}
nav header .left .year {
  font-size: 2vw;
  font-weight: 700;
  padding-top: 0vw;
  padding-bottom: 0vw;
}
nav header .left .title {
  font-size: 1vw;
  font-weight: 700;
  margin: 0vw 0 0.6vw;
}
nav header .left a {
  display: block;
  font-size: 1.6vw;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
nav header .left a.phone {
  width: 100%;
}
nav header .left a.social-media {
  display: inline-block;
  margin-top: 0.8vw;
  border: 0.2vw solid #613e98;
  border-radius: 55%;
  vertical-align: middle;
  padding: 0.2vw 0.1vw;
  margin: 0 0.3vw;
  transition: 0.2s;
  background: transparent;
  margin-top: 0.8vw;
}
nav header .links > div > .submenu > div {
  width: 130%;
}

nav header .left a.social-media:hover,
nav header .left a.social-media:focus {
  transition: 0.2s;
  background: white;
}
nav header .left a.social-media img {
  width: 1.3vw;
  margin: 0 0.5vw 0;
  vertical-align: middle;
}
nav header .left .best-of-badge {
  margin-top: 1vw;
  display: none;
}
nav header .left .best-of-badge img {
  width: 83%;
}
nav header .left .best-of-badge img.new-one {
  width: 77%;
}

/****************
   MOBILE NAV
****************/
header.mobile-header {
  display: none;
  margin-bottom: 0px;
  position: fixed;
  width: 100%;
  top: 0vw;
  z-index: 9999;
  background: white;
  height: 13vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mobile-nav .logo-left a {
  border-bottom: 0px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
  font-size: 4vw;
  color: #0f4486;
}

section#logo img {
  width: 35vw;
  height: auto;
  position: relative;
  bottom: 1vw;
}

.pull-right {
  display: inline-block;
  float: right;
  width: auto;
  height: 7vw;
}

.phone {
  color: blue;
  display: inline-block;
  height: 10vw;
  width: 7vw;
  width: 12vw;
  vertical-align: top;
}

.mobile-nav .phone a {
  margin-top: 0.8vw;
  padding-top: 0;
  border-bottom: 0px;
}

.phone i {
  font-size: 52px;
  color: #353030;
  font-size: 52px;
  color: #353030;
  padding: 12px 0 0 53px;
}

.mobile-nav-btn {
  display: inline-block;
  width: 10vw;
  height: 10vw;
}

div.mobile-nav-btn div.nav-dot {
  height: 1.5vw;
  width: 1.5vw;
  border-radius: 4px;
  background-color: blue;
  margin: 0.6vw auto;
  opacity: 1;
  transition: opacity 0.3s ease;
}

div.mobile-nav-btn div.nav-dot:first-child {
  margin: 2vw auto 0;
}

div.mobile-nav-btn .mobile-dotnav-close {
  color: blue;
  top: 0.5vw;
  position: absolute;
  width: 6vw;
  right: 3vw;
  opacity: 0;
}

.logo-left {
  display: inline-block;
}

div.mobile-nav-btn:hover div.mobile-nav {
  display: block;
}

div.mobile-nav {
  display: block;
  vertical-align: top;
  position: absolute;
  background: #0f4486;
  padding: 0px;
  right: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 98;
  overflow: scroll;
  height: auto;
  overflow: scroll;
  transition: top 0.3s ease;
  width: 44%;
  top: -115vw;
  max-height: 90vh;
}

div.mobile-nav ul {
  list-style: none;
  padding: 0 30px;
}

div.mobile-nav ul li {
  margin: 20px auto;
  font-size: 17px;
}

div.mobile-nav ul li a {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  display: inline-block;
  padding-bottom: 9px;
}

.mobile-nav a {
  font-size: 3vw;
  text-decoration: none;
  display: block;
  margin: 2.5vw 3.5vw;
  padding: 2vw 0 4vw;
  border-bottom: 1px solid #e1e1e1;
  color: white;
}

header nav.mobile-nav {
  height: 13vw;
  width: 100%;
  background-color: white;
  position: relative;
  z-index: 9;
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}

.mobile-nav-practice-areas-menu {
  display: none;
}

div.mobile-nav-screen {
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar a {transition:color;text-decoration:underline;}
    .sidebar a:hover, .sidebar a:focus {cursor:pointer;color:#613e98;text-decoration:underline;}
    .viewAll {overflow:hidden;height:auto;transition: height .3s ease;} 



.sidebar .container button {
    position: absolute;
    background: none;
    border: none;
    font-size: 1vw;
    cursor: pointer;
    color: black;
    margin-left: -2vw;
    top: -.01vw;
}

.sidebar .container button svg {
    width: .9vw;
}

.sidebar .container button {
    width:1vw;
}

.sidebar .dropdown-container {
    position:relative;
}

header > div.sidebar-nav {
  position: relative;
  width: 95%;
  background-color: blue;
  color: white;
  height: auto;
  max-height: 85vh;
  top: -90vh;
  z-index: 5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-bottom: 0;
  transition: top 0.3s ease;
  padding-left: 5%;
  overflow-y: scroll;
  padding-top: 6vw;
  padding-bottom: 5vw;
}
header .sidebar-nav ul {
  padding-left: 3vw;
  margin-top: 0;
  margin-bottom: 0;
}
header .sidebar-nav li {
  list-style: none;
  margin: 3vw 0;
  padding-bottom: 0.8vw;
}
.sidebar-nav a, .sidebar-nav p {
  color: white;
  text-decoration: none;
  font-size: 4vw;
  line-height: 6vw;
  display: block;
  font-family: 'Cinzel';
  margin: 0;
}
header > div.button {
  position: fixed;
  top: 13vw;
  z-index: 8;
  width: 100%;
  padding: 2vw;
  text-align: center;
  background-color: blue;
  color: white;
  font-size: 3.7vw;
  height: auto;
  border-bottom: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sidebar.blog {
    height: auto;
}
.fa-chevron-up {
  width: 3vw;
  margin-right: 1vw;
  transform: rotateX(180deg);
  transition: transform 0.5s ease;
}

@media (max-width: 850px) {
  header {
    display: none;
  }
  header.mobile-header {
    display: block;
  }
  header.header-post {
    display: block;
  }
  body {
    padding-top: 21.4vw;
  }
}

/*****************
  INTERNAL PAGES
*****************/

.titlebar {
  background-image: url("/assets/images/mountains.webp");
  height: auto;
  border-radius: 0 0 0 16vw;
  text-align: center;
  color: white;
  font-size: 4vw;
  animation: titlebarTransition 0.8s ease forwards;
  background-size: 100%;
  overflow:hidden;
  max-height:34vw;
  min-height:27vw;
}

@keyframes titlebarTransition {
  /*0% {color:rgba(255,255,255,0);line-height:27vw;}
    100%{color:rgba(255,255,255,1);line-height:22vw;}*/
}

.titlebar .area-title {
  display: block;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  border-radius: 0 0 0 16vw;
  padding-left: 25vw;
  position:relative;
  padding-bottom:4vw;
  max-height:34vw;
  min-height:27vw;
}

.titlebar .area-title .title.standalone {
  padding-top: 8vw;
}

.titlebar .left {
  width: 95%;
}
.titlebar .left .badge-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;position: absolute;
  right: 0vw;
  top: 21vw;
}
.titlebar .left .badge-container img{margin:0;position:relative;}

/* Titlebar badge carousel (Glide.js) */
.titlebar .left .badge-glide {
  position: relative;
  top: 1.6vw;
  width: 33vw;
  z-index: 1;
  background: #1e4677a9;
  padding: .5vw 0;
  border: .2vw solid #1e4677dc;
  border-radius: .5vw;
}
.titlebar .left .badge-glide .glide__track {
  overflow: hidden;
}
.titlebar .left .badge-glide .glide__slides {
  align-items: center;
  transition-timing-function: ease !important;
  margin: 0;
  padding: 0;
  list-style: none;
}
.titlebar .left .badge-glide .glide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1.2vw; /* vw-based spacing between badges */
}
.titlebar .left .badge-glide img {
  width: 6vw;
  height: auto;
  display: block;
  margin: 0;
  object-fit: contain;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.35));
}

.titlebar .family-law .awards{
  width:42%;
  margin-left:auto;
  margin-right:2vw;
}


@media (max-width: 850px) {
  .titlebar .left .badge-glide {
    width: 100%;
    top: unset;
    bottom: unset;
    left: unset;
    padding: 2vw 0;
    border:0;
    background: #1e4677b0;
  }
  .titlebar .left .badge-glide img {
    width: 12vw;
  }
  .titlebar .left .badge-glide .glide__slide {
    padding: 0 2.1vw;
  }
  .entry-byline {
    font-size: 3vw;
  }
}

.titlebar .left img {
  width: 10vw;
}
.settlement .titlebar {
  line-height: 20vw;
}
.titlebar .title {
  padding-top: 2vw;
  text-shadow: 2px 2px 2px rgba(64, 64, 64, 0.74);
}

.titlebar .right {
  display: block;
  vertical-align: top;
  width: 64vw;
  padding-bottom: 2vw;
}

.titlebar .area-title .subtitle {
  font-size: 1.9vw;
}

.titlebar .area-title.family-law .right {
  padding-bottom: 1vw;
}
.titlebar .area-title.family-law .right .subtitle {
  font-size: 1.7vw;
}
.titlebar .area-title.family-law .awards img{height:7vw;width:auto;display:inline-block;vertical-align: top;left: unset;top: unset;position: relative;}
.titlebar .area-title.family-law .right .titlebar-cta {
  background: #613e98;
  color: white;
  padding: 1.15vw 1.75vw;
  display: inline-block;
  margin-top: 1.2vw;
  font-size: 1.2vw;
  font-weight: 700;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease, background 0.3s ease;
  text-decoration: none;
  text-transform: uppercase;
}
.titlebar .area-title.family-law .right .titlebar-cta:hover,
.titlebar .area-title.family-law .right .titlebar-cta:focus {
  background: #0f4486;
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}
.titlebar .read-reviews {
  text-decoration: none;
  font-size: 1vw;
  font-weight: 700;
  padding: 1vw 2vw;
  margin-top: 1vw;
  display: inline-block;
  box-shadow: 4px 5px 20px rgba(0, 0, 0, 0.7);
  background: #0f4486;
  color: white;
  transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
  position: absolute;
  right: 12.5vw;
  top: 20.5vw;
}

.flex-attorneys {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 41vw;
}

.titlebar .criminal .left .flex-attorneys img {
  width: 8vw;
  height: auto;
  padding: 0.2vw;
}

.titlebar .read-reviews:hover,
.titlebar .read-reviews:focus {
  background: white;
  color: black;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
}

.location-links li {
  display: inline-block;
  margin-right: 1vw;
}
.affordable-adoption .mission-statement {
  margin: 2vw auto;
  display: block;
  width: 92%;
  text-align: center;
}
.affordable-adoption .mission-statement p {
}
.affordable-adoption .mission-statement img.affordable-adoption-logo {
  display: block;
  width: 30vw;
  margin: 0 auto 1vw;
}
.affordable-adoption .mission-statement hr {
  color: #2f5697;
  margin: 2vw auto;
  height: 1px;
  background: #2f5697;
  width: 50%;
}
.affordable-adoption .quick-nav {
  text-align: center;
}
.affordable-adoption .quick-nav a {
  display: inline-block;
  background: #0f4486;
  color: white;
  text-decoration: none;
  padding: 1vw 2vw;
  margin: 0 0.7vw;
}
.affordable-adoption .faq-question {
  cursor: pointer;
  margin-bottom: 10px;
  border-bottom: 0.2vw solid #613e98;
  padding-bottom: 1vw;
}
.affordable-adoption .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.affordable-adoption .faq-answer.open {
  max-height: 500px;
  transition: max-height 0.5s ease-in-out;
}
.affordable-adoption .faq-question::before {
  content: "\25B6";
  display: inline-block;
  margin-right: 5px;
  transition: transform 0.3s;
  font-size: 1vw;
  position: relative;
  top: -0.3vw;
}
.affordable-adoption .faq-question.rotate::before {
  transform: rotate(90deg);
}
.affordable-adoption .form-container {
  margin-top: 6vw;
  text-align: center;
}
.affordable-adoption .form-container iframe {
  width: 100vw;
  border: 0;
  height: 30vw;
}

.affordable-adoption a.button {
  background: #613e98;
  color: white;
  padding: 1vw 0.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease;
  text-decoration: none;
}
.affordable-adoption a.button:hover,
.affordable-adoption a.button:focus {
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}
.affordable-adoption .form-container.top {
  /* margin-top: 6vw; */
  margin-top: 3vw;
}

.affordable-adoption .form-container.top iframe {
  /* height: 30vw; */
  height: 17vw;
}
/** Community Page **/
.community .titlebar .title {
  padding-top: 9vw;
  padding-left: 10vw;
}
.text-container {
  padding: 5vw 8vw 0;
}
.page-content-container {
  background-position: 0% 10vw;
}
.community .reviews .column .box {
  background: white;
  text-align: left;
}
.community .texture-background {
  background: url("/assets/images/grid-background.webp");
  padding: 4vw 9vw;
}
.community .call-to-action {
  padding: 3vw 10vw;
}
.community .box .caring {
  background: #e6e6e6;
  padding-top: 1vw;
}
.community .box .caring .image-container {
  padding: 2vw;
  text-align: left;
}
.community .box .caring .image-container .one {
  width: 100%;
}
.community .reviews .column .box .caring .image-container img {
  margin: 0.8vw 0;
}
.community .box .caring .image-container .two {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.community .box .caring .image-container .three {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  float: right;
}
.community .box .caring .image-container .four {
  width: 100%;
}
.community .reviews .column .box .caring .title {
  color: #613e98;
  margin-bottom: -1vw;
}
.community .box iframe {
  width: 90%;
  margin: 2vw auto;
  display: block;
  height: 22vw;
}
/**** case examples sections ***/

#cases-testimonials .testimonial {
  border-bottom: 1px solid black;
  border-bottom: 1px solid black;
  padding-bottom: 1vw;
  margin-bottom: 2vw;
}

/*** BLOG INDEX ***/

.blog-index main article {
  border-bottom: 1px solid black;
  border-bottom: 1px solid black;
  padding-bottom: 1vw;
  margin-bottom: 2vw;
}

.blog-index main article:last-child {
  border-bottom: 0;
}

/**** Profile Page***/

   .profile-page nav header .left {
      height:37vw!important;
      max-height:unset;
   }



.profile-page .main-content-container {
  display: block;
  width: 85vw;
  margin: 6vw auto 0;
  position: relative;
  z-index: 1;
}

.profile-page .titlebar {
  height: 24vw;
  line-height: 20vw;
}

.profile-header {
  background: url("/assets/images/grid-background.webp");
  box-shadow: 2px 2px 10px rgba(172, 172, 172, 0.57);
}
.profile-header .bio-indent {
  font-family: Lora-Bold;
}
.profile-header .left {
  height: 27vw;
  width: 29vw;
  display: inline-block;
  vertical-align: top;
  margin-left: 4vw;
  margin-top: 2vw;
  padding-bottom: 2vw;
}
.profile-header.w-auto .left {
  width: auto;
}
.profile-header.w-auto .left img {
  width: auto;
  height: 100%;
}
.profile-header .left img {
  width: 100%;
  display: inline-block;
}

.profile-page .profile-header > .right {
  display: inline-block;
  margin-left: 4vw;
  width: 47vw;
}
.profile-page .profile-header.w-auto > .right {
  width: 55vw;
}
.profile-page .profile-header.group {
  padding: 1vw 4vw;
  text-align: center;
  position: relative;
}

.profile-page .profile-header .right h1 {
  font-size: 2.5vw;
  color: #0f4486;
  font-weight: 700;
  margin-top: 2.5vw;
}

.profile-page .profile-header .right .row {
  margin: 1vw 0;
}
.profile-page .profile-header .right .row.recent-wins p {
  margin: 0.1vw;
}
.profile-page .profile-header .right .row .social-media.tiktok {
  display: inline-block;
  margin-top: 0.8vw;
  border: 0.2vw solid #613e98;
  border-radius: 55%;
  vertical-align: middle;
  padding: 0.2vw 0.1vw;
  margin: 0 0.3vw;
  margin-top: 0px;
  transition: 0.2s;
  background: transparent;
}
.profile-page .profile-header .right .row .social-media.tiktok:hover,
.profile-page .profile-header .right .row .social-media.tiktok:focus {
  background: #ebe0fe;
}
.profile-page .profile-header .right .row .social-media.tiktok img {
  width: 10vw;
  width: 2.6vw;
  margin: 0 0.5vw 0;
  vertical-align: middle;
  padding: 0.5vw 0;
  position: relative;
}
.profile-page .profile-header .right .section-title {
  font-size: 1.8vw;
  color: #0f4486;
  font-weight: 700;
  margin-bottom: 1vw;
}

.profile-page .profile-header .right .info {
  display: inline-block;
  margin-right: 4vw;
  font-size: 1.2vw;
}

.profile-page .profile-header .right .info .info-title {
  font-weight: 700;
}

.profile-page .profile-header .right .award {
  height: 6vw;
  margin-right: 1vw;
}
.profile-page .profile-header .right .award.med {
  height: 9vw;
  margin-right: 0;
}
.profile-page .profile-header .right .award.big {
  height: 12vw;
  padding-bottom: 2vw;
}

.profile-header .desktop-group-box {
  width: 32vw;
  height: auto;
}

.profile-header-title, h3.borders {
    font-size: 2.2vw;
    line-height: 2.5vw;
    color: #613e98;
}

.profile-page .desktop-group {
  width: 35vw;
  float: right;
  margin: 0vw 0 1vw 1vw;
}

.desktop-float-img {
  width: 35vw;
  float: right;
  margin: 0vw 0 1vw 1vw;
}

.content-img {
  width: 38vw;
  height: auto;
}
.content-img.vertical {
  width: 21vw;
}
.content-img.mb {
  margin-bottom: 2vw;
}


.profile-page .titlebar.about .text-container {
  padding: 0;
  text-align: left;
  padding-left: 24vw;
  position: relative;
  padding-top:5vw;
}

.profile-page .titlebar.about .text-container h1 {
  color: white;
  font-weight: 400;
  margin: 0;
}

.profile-page .titlebar.about .text-container .subtitle {
  position: relative;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 3vw;
  font-family: Lora-bold;
  text-shadow: 10px 0px 25px rgba(0, 0, 0, 0.45),
    -10px 0px 25px rgba(0, 0, 0, 0.5), 0px 10px 25px rgba(0, 0, 0, 0.45),
    0px -10px 25px rgba(0, 0, 0, 0.45);
  margin: 1vw 0;
}
.profile-page .titlebar.about .text-container p {
  position: relative;
  color: white;
  font-family: Lora;
  font-size: 1.46vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-shadow: 10px 0px 25px rgba(0, 0, 0, 0.45),
    -10px 0px 25px rgba(0, 0, 0, 0.5), 0px 10px 25px rgba(0, 0, 0, 0.45),
    0px -10px 25px rgba(0, 0, 0, 0.45);
  margin: 0;
  width: 79%;
}

.profile-page .about-us .button {
  background: #613e98;
  color: white;
  margin-top: 1vw;
  transition: 0.2s ease;
}
.profile-page .about-us .button:hover,
.profile-page .about-us .button:focus {
  background: #0f4486;
  transition: 0.2s ease;
}
#respond {
  display: none;
}
.wp-block-image img {
  display: none;
}
.profile-page .about-us .core-values {
  margin-bottom: 3vw;
}
.profile-page .about-us .core-values .button {
  margin-top: 3vw;
}
/***** CONTACT PAGE *****/

.contact-page .titlebar,
.contact-page footer .badges,
.contact-page footer .form-and-map {
  display: none;
}

.contact-page nav header .left {
  max-height: 64.7vw;
}

.contact-page .sidebar {
  width: 20%;
  margin: 3vw 0;
  opacity: 0;
  height: 0;
}

.contact-page .page-content-container {
  background: url("/assets/images/mountains.webp");
  background-size: cover;
}

.contact-page .main-content-container {
  background: rgba(255, 255, 255, 0.8);
  padding: 1vw 4vw;
  margin: 2vw 0;
}

.contact-page .main-content-container h1 {
  font-size: 2.6vw;
}

.contact-page .text-jotform-container {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 30vw;
}

.contact-page .text-jotform-container iframe {
  width: 100vw;
  height: 33vw;
}

.contact-page .map-container {
  display: inline-block;
  vertical-align: top;
  width: 29vw;
  height: auto;
  padding-bottom: 9vw;
}

.contact-page .map-container .left,
.contact-page .map-container .right {
  display: inline-block;
  vertical-align: top;
}
.contact-page .map-container .left .title {
  font-weight: 700;
  font-size: 1.5vw;
}
.contact-page .map-container .title.new {
  margin-top: 2vw;
  border-top: 0.2vw solid #613e98;
  padding-top: 1vw;
}
.contact-page .right {
  margin-left: 2vw;
  margin-top: 1.5vw;
}
.contact-page .right.new p {
  padding-top: 3.5vw;
}

.contact-page .map-container .right .subscribe {
  background: #613e98;
  color: white;
  padding: 1vw 1.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease;
  text-decoration: none;
  text-align: center;
  width: 19vw;
  margin-top: 0vw;
  position: absolute;
  margin-left: -14vw;
  margin-top: 13.8vw;
}

.contact-page .map-container .right .subscribe:hover,
.contact-page .map-container .right .subscribe:focus {
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}
/**Personal Injury Guide**/

.page-content-container.pi-guide {
  background-size: 29%;
  background-position: 0% 105vw;
  text-align: center;
}
.pi-guide section.one {
  padding: 1.5vw 7.552vw;
  margin-top: 3vw;
}
.pi-guide section.one p {
  text-align: left;
}
.pi-guide section.one .weird-title {
  font-size: 1.5vw;
}
.pi-guide section.two {
  padding: 1.5vw 7.552vw;
  background-image: url("/assets/images/grid-background.webp");
}
.pi-guide section.two .top {
  border-bottom: 2px solid #707070;
  margin-bottom: 4vw;
  padding-bottom: 1vw;
}
.pi-guide section.two .bottom {
  padding-bottom: 3vw;
}
.pi-guide section.two .bottom .title {
  padding-bottom: 2vw;
}
.pi-guide section.two .bottom ul {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-bottom: 3vw;
  list-style: circle;
}
.pi-guide section.two .bottom ul.right {
  margin-left: 5%;
}
.pi-guide section.two .bottom li {
}
.pi-guide section.two a.button {
  padding: 1vw 2vw;
  margin: 2vw 1vw 3vw;
}
.pi-guide section.three {
  padding: 1.5vw 7.552vw;
  text-align: left;
}
.pi-guide section.three .top {
  text-align: center;
  border-top: 2px solid #707070;
}
.pi-guide section.three .top .title {
  margin: 3vw 0;
}
.pi-guide section.three span {
  font-size: 2.2vw;
  line-height: 2.5vw;
  color: #613e98;
  font-weight: 700;
}
.pi-guide section.three span h2 {
  display: inline-block;
  margin-top: 3vw;
  margin-bottom: 1vw;
}
.pi-guide section.four {
  padding: 1.5vw 7.552vw;
}
.pi-guide section.four .title.main {
  border-top: 2px solid #707070;
  margin-top: 1vw;
  padding-top: 4vw;
  padding-bottom: 2vw;
}
.pi-guide section.four .column {
  width: 40.625vw;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.pi-guide section.four .column img {
  width: 100%;
}
.pi-guide section.four .column a {
  font-family: Cinzel;
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.823vw;
}
.pi-guide section.four .banner {
  background-image: url("/assets/images/grid-background.webp");
  padding: 3vw 0;
  margin: 5vw 0 3vw;
}
.pi-guide section.four .banner .title {
  margin-bottom: 3vw;
}
.pi-guide section.four .banner a.button {
  display: inline-block;
  vertical-align: top;
  width: 27%;
  margin: 1%;
  padding: 2%;
}
.pi-guide section.four .banner a.button.two {
  padding: 1.25% 2%;
}
.pi-guide section.four .video-section {
  text-align: center;
  padding-top: 4vw;
}
.pi-guide section.four .video-section .container {
  display: inline-block;
  vertical-align: top;
  width: 29vw;
  margin: 3vw 4vw;
}
.pi-guide section.four .video-section .container iframe {
  width: 100%;
  height: 17vw;
}
.pi-guide section.five {
  padding: 1.5vw 7.552vw;
  text-align: left;
  background-image: url("/assets/images/tree-left.webp");
  background-size: 38vw;
  background-repeat: no-repeat;
  background-position: 100% 66vw;
}
.pi-guide section.five .title.main {
  border-top: 2px solid #707070;
  padding-top: 6vw;
  padding-bottom: 5vw;
  text-align: center;
}
.pi-guide section.five img {
  display: inline-block;
  vertical-align: Top;
  width: 42.5vw;
  margin-bottom: 7vw;
}
.pi-guide section.five .text {
  display: inline-block;
  vertical-align: Top;
  margin-left: 7.708vw;
  width: 30vw;
  margin-bottom: 7vw;
}
.pi-guide section.five .text .title {
  margin-bottom: 3vw;
}
.pi-guide section.five .text .title.purple {
  margin-bottom: 1vw;
}
.pi-guide section.five .text ul {
  list-style: none;
}
.pi-guide section.five .text li {
  line-height: 2.5vw;
}
.pi-guide section.five .text.small {
  margin-bottom: 14vw;
}
.pi-guide section.new {
  padding: 1.5vw 7.552vw;
}
.pi-guide section.six {
  padding: 1.5vw 7.552vw;
}

.pi-guide section.six h2 {
  border-top: 2px solid #707070;
  padding-top: 5vw;
}
.pi-guide .title {
  font-size: 2.2vw;
  line-height: 2.5vw;
  color: #0f4486;
  font-weight: 700;
}
.pi-guide .title.purple {
  color: #613e98;
}
.pi-guide a.button {
  background: #613e98;
  color: white;
  padding: 1vw 0.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease;
  text-decoration: none;
}
.pi-guide a.button:hover,
.pi-guide a.button:focus {
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}
.pi-guide section.five img.longer {
  width: 35vw;
}
.pi-guide section.five .text .title.purple.sub {
  font-size: 1.6vw;
}
.pi-guide section.five .text.last {
  margin-bottom: 0;
}

.main-content-container .internal-float-right {
  width: 14vw;
  float: right;
  margin: 0 0 2vw 2vw;
}

/**Videos**/

.video-gallery {
  text-align: center;
}
.video-gallery .box {
  text-align: center;
  display: inline-block;
  width: 30vw;
  margin: 3vw;
}
.video-gallery .box .title {
  transition: 0.2s;
  height: auto;
  font-size: 1.3vw;
  line-height: 1.5vw;
  margin-bottom: 1.5vw;
  font-weight: 700;
}
.video-gallery .box:hover .title,
.video-gallery .box:focus .title {
  transition: 0.2s;
  color: #0f4486;
}
.video-gallery .box img {
  width: 100%;
  height: 17vw;
  object-fit: cover;
}

.video-single {
  text-align: center;
}
.video-single iframe {
  width: 50vw;
  height: 30vw;
  margin: 2vw auto;
}
.video-single h1 {
  width: 56vw;
  margin: 0 auto;
}

/**Reviews**/

.reviews {
  text-align: center;
}
.titlebar.reviews h1 {
  text-align: left;
  color: white;
  margin-top: 7vw;
}
.reviews .google-reviews {
  display: block;
  width: 20vw;
  position: relative;
  left: 7vw;
  top: -7vw;
}

.reviews .testimonial-video {
  width: 51vw;
  position: relative;
  height: 30vw;
  left: 7.5vw;
  z-index: 2;
  top: -9vw;
  margin-bottom: -15vw;
  z-index: 0;
}

.reviews .column {
  width: 42%;
  margin: 1vw;
}
.reviews .column .box {
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08),
    0 1px 3px 1px rgba(60, 64, 67, 0.16);
  margin: 2vw 0;
  padding: 1.5vw 0 2vw;
  background-color: #ffffffad;
}
.reviews .column .box img {
  width: 10vw;
  display: block;
  margin: 2vw auto;
}
.community .column .box img {
  width: 80%;
  display: block;
  margin: 2vw auto;
}

.reviews .column .box .title {
  text-align: center;
  width: 90%;
  display: block;
  margin: 1vw auto;
  font-size: 2.2vw;
  line-height: 2.5vw;
  color: #0f4486;
  font-weight: 700;
}
.reviews .column .box p {
  width: 90%;
  margin: 1.5vw auto;
}
.reviews .column .box .author {
  display: block;
  width: 80%;
  margin: 2vw auto;
  text-align: center;
  font-style: italic;
  font-weight: 700;
}

.reviews .testimonials-layout {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

.reviews .column .box--hidden {
  display: none;
}

/* Sits outside .testimonials-layout so it is never a flex item of the columns */
.reviews .showTestimonialsButton {
  text-align: center;
  margin-bottom: 3vw;
}

/**** AFTER TEXT SECTIONS ****/

.testimonial-content-block {
  background: url("/assets/images/grid-background.webp");
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  padding: 1vw 1vw 1px 1vw;
  min-height: 15vw;
}

.testimonials-picture {
  float: left;
  width: 14vw;
  margin-right: 2vw;
}

#tablepress-1,
.practicearea table {
  margin-top: 1vw;
}
#tablepress-1 th,
.practicearea th {
  font-weight: 700;
}
#tablepress-1 th,
#tablepress-1 td,
.practicearea th,
.practicearea td {
  width: 10vw;
  padding-right: 2vw;
  padding-bottom: 1vw;
  font-size: 1vw;
  font-family: Lora;
  line-height: 1.85vw;
  letter-spacing: -0.03vw;
  text-align: left;
}

.internal-media {
  float: right;
  width: 35vw;
  margin: 0 0 2vw 2vw;
}
iframe.internal-media {
  height: 19vw;
}

/* Swapped media/image layout - Personal Injury page */
.content-img.pi-swap-media {
  float: right;
  width: 30vw;
  height: auto;
  margin: 0 0 2vw 2vw;
}
iframe.internal-media.pi-swap-content {
  float: none;
  width: 38vw;
  height: 21vw;
  margin: 0 0 2vw 0;
}

/* Swapped media/image layout - Family Law page (keep image vertical, video horizontal) */
.content-img.vertical.fl-swap-media {
  float: right;
  margin: 0 0 2vw 2vw;
}
video.internal-media.fl-swap-content {
  float: none;
  width: 35vw;
  height: auto;
  margin: 0 0 2vw 0;
}

.box-review {
  background-image: url("/assets/images/grid-background.webp");
  background-size: cover;
  width: 80%;
  margin: 3vw auto;
  display: block;
  padding: 2vw 4vw;
}
.box-review .title {
  font-size: 1.5vw;
  text-align: center;
  font-weight: 700;
  margin-top: 1vw;
  border-bottom: 3px solid;
  margin-bottom: 1vw;
  padding-bottom: 1vw;
  color: #613e98;
}

.titlebar .forsyth-badge {
  position: absolute;
  left: 43vw;
  top: 17.2vw;
  width: 12vw;
}

.titlebar .forsyth-badge.new {
  left: 67vw;
  top: 21vw;
}

.titlebar .forsyth-badge.new22 {
  left: 74vw;
  top: 24.2vw;
}
.titlebar .left .glide img {
  width: 9vw;
}
.titlebar .forsyth-badge.new2023 {
  left: 81vw;
  top: 21.2vw;
}
.titlebar .forsyth-badge.new2024 {
  left: 88vw;
  top: 24.2vw;
}
.titlebar .personal-injury .forsyth-badge {
  position: absolute;
  left: 27.5vw;
  width: 10vw;
  top: 15.6vw;
}

.titlebar .personal-injury .forsyth-badge.new {
  left: 36.5vw;
  top: 17.6vw;
}

.titlebar .personal-injury .forsyth-badge.new22 {
  left: 45.5vw;
  top: 15.6vw;
}
.titlebar .personal-injury .forsyth-badge.new2024 {
  left: 54.5vw;
  top: 17.6vw;
}
.titlebar .area-title{
  max-height:unset;
}

.titlebar .subtitle.award {
  font-size: 1.2vw;
  text-align: center;
}
.titlebar .family-law .awards .subtitle{text-align: center;font-size: 1.4vw;padding-bottom: .6vw;}

.titlebar .pi-button {
  text-decoration: none;
  font-size: 1vw;
  font-weight: 700;
  padding: 1vw 2vw;
  margin-top: 1vw;
  display: block;
  box-shadow: 4px 5px 20px rgba(0, 0, 0, 0.7);
  background: #0f4486;
  color: white;
  width:15vw;
  text-align:center;
  transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
}


.titlebar .pi-button:hover,
.titlebar .pi-button:focus {
  background: white;
  color: black;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
}
/**News**/
.side-by-side {
  margin-bottom: 5vw;
}
.side-by-side img {
  display: inline-block;
  vertical-align: top;
  width: 25vw;
  margin-right: 2vw;
}
.side-by-side p {
  display: inline-block;
  vertical-align: top;
  width: 32vw;
  margin-top: 3vw;
}
.news-box {
  margin-bottom: 2vw;
}
.news-box .text {
  display: inline-block;
  vertical-align: top;
  width: 35vw;
  margin-right: 2vw;
}
.news-box .text .button {
  background: #613e98;
  color: white;
  padding: 1vw 1.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease;
  text-decoration: none;
  text-align: center;
}
.news-box img {
  display: inline-block;
  vertical-align: top;
  width: 20vw;
}

.for24 {
  width: 80%;
  text-align: center;
  margin-top: 1vw;
}
.for24 img {
  margin: 1%;
  width: 93%;
}
.for24 img.column {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 1%;
}
.for24.forsyth-badges img.column {
  margin: 1% 0 0;
  width: 24.5%;
}

.button-group{
  display:flex;
  justify-content:center;
  gap:1vw;
  margin-top:1vw;
  width:100%;
  flex-direction:column;
  align-items:center;
}
.titlebar .left{
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  align-items:center;
}
.titlebar .button-group .pi-button.case{
position:relative;
left:unset;
right:unset;
top:unset;
bottom:unset;
}
/**About Us **/
.titlebar.about {
  font-size: 3vw;
}

.about-us .main-title {
  font-size: 3vw;
  line-height: 3vw;
  color: #0f4486;
  margin: 2vw 0;
  text-align: center;
  font-weight: 700;
}
.about-us .subtitle {
  font-size: 2.2vw;
  line-height: 2.5vw;
  color: #613e98;
  margin: 1.5vw 0;
  text-align: center;
  font-weight: 700;
}
.about-us .video-container {
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  width: 44vw;
  text-align: center;
  padding-top: 0;
  background: white;
  margin: 0 2vw 0 0;
  display: inline-block;
}
.about-us .button {
  background: white;
  color: black;
  text-decoration: none;
  font-size: 1vw;
  font-weight: 700;
  padding: 1vw 2vw;
  margin-top: 1vw;
  display: inline-block;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7);
  transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.video-side-text {
  display: inline-block;
  vertical-align: top;
  width: 31vw;
}
.video-side-text p {
  color: #613e98;
  font-family: Cinzel;
  font-size: 2.19vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.71vw;
  text-transform: capitalize;
}
.video-side-text .button {
  background: #613e98;
  box-shadow: 0px 3px 3px 0px rgba(60, 64, 67, 0.08),
    0px 3px 5px 3px rgba(60, 64, 67, 0.16);
  display: inline-flex;
  display: inline-flex;
  padding: 1vw;
  justify-content: center;
  align-items: center;
  color: white;
}

.about-us .core-values {
  text-align: center;
  margin: 6vw 0;
}
.about-us .core-values .title {
  text-align: center;
  font-size: 2vw;
  line-height: 2.5vw;
  color: #613e98;
  margin-bottom: 2vw;
  font-weight: 700;
  padding-top: 2vw;
}
.about-us .core-values .box {
  text-align: center;
  display: inline-block;
  width: 14vw;
  margin: 0 0.5vw;
  height: 19vw;
  vertical-align: top;
  padding: 0.5vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  border-radius: 4%;
  transition: 0.2s;
  background-image: linear-gradient(#613e98b5, #613e98);
}
.about-us .core-values .box .title {
  color: white;
  padding-top: 3vw;
  font-size: 2vw;
  font-weight: 500;
}
.core-values > p {
  color: #353030;
  text-align: center;
  font-family: Lora;
  font-size: 1.46vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.82vw;
}
.core-values .box p {
  color: white;
}
.about-us .mission {
  margin: -1vw 0 4vw;
}
.about-us .mission .left {
  width: 58%;
}
.about-us .mission .right {
  float: right;
  background-image: url("/assets/images/grid-background.webp");
  background-repeat: repeat;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  padding-left: 6vw;
  padding-top: 1vw;
  margin-top: 3vw;
}
.about-us .mission .right .row {
  position: relative;
  height: 6vw;
  width: 25vw;
}
.about-us .mission .right .row .number {
  position: absolute;
  left: -3.5vw;
  top: 0.9vw;
  color: #613e98;
  font-size: 1.5vw;
}
.about-us .mission .right .row img {
  width: 3vw;
  position: absolute;
  left: -4.6vw;
  top: 0.5vw;
}
.about-us .mission .right .row .text {
  font-size: 1.5vw;
  position: relative;
  top: 1vw;
}
.about-us .why-hire {
  background: #613e98;
  padding: 2vw;
  color: white;
}
.about-us .why-hire .left {
  width: 45%;
}
.about-us .why-hire .right {
  width: 48%;
  float: right;
}
.about-us .why-hire .right .row {
  background: white;
  display: block;
  height: auto;
  margin: 1vw 0;
  text-align: center;
  padding: 1vw;
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}
.about-us .why-hire .right .row .title {
  font-size: 1.5vw;
  color: black;
}
.about-us .different {
}
.about-us .different h2 {
  margin-top: -1vw;
}
.about-us .different .top {
  margin-top: 4vw;
}
.about-us .different .top .column.one {
  width: 39vw;
  height: 20vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  background-image: url("/assets/images/different2.webp");
  background-size: 111%;
  background-position: 99% 31%;
}
.about-us .different .top .column.two {
  width: 39vw;
  float: right;
  margin-top: 3vw;
}
.about-us .different .bottom {
  padding: 4vw 0;
}
.about-us .different .bottom .column.one {
  width: 34vw;
  margin-top: 2vw;
}
.about-us .different .bottom .column.two {
  width: 39vw;
  height: 20vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  float: right;
  background-image: url("/assets/images/group-action.webp");
  background-size: 100%;
  background-position: 10% 25%;
}
.about-us .left {
  display: inline-block;
  vertical-align: top;
}
.about-us .right {
  display: inline-block;
  vertical-align: top;
}
.about-us .column {
  display: inline-block;
  vertical-align: top;
}
.about-us .different .shade {
  position: absolute;
  z-index: -1;
  margin-top: -7vw;
  left: 31vw;
  opacity: 0.2;
  width: 23vw;
}
.page-content-container.about-us {
  background-image: url("/assets/images/tree-navbackground.webp");
  background-repeat: no-repeat;
  background-size: 27%;
  background-position: 0% 5vw;
  padding-bottom: 2vw;
  margin-top: -6vw;
}
.about-us .why-hire h2 {
  color: white;
  margin-top: 0;
  font-size: 2.7vw;
}
.about-us .different {
  position: relative;
  overflow: visible;
}

.about-us .different::before {
  content: "";
  position: absolute;
  background-image: url("/assets/images/logo-shadow.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 25vw;
  height: 35vw;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}
/**Verdicts and Settlements**/

.case-results {
  margin: 0 auto;
  display: block;
}
.case-results h1 {
  text-align: center;
}

.case-results hr {
  color: #2f5697;
  margin: 2vw -2vw;
  height: 4px;
  background: #2f5697;
}

.case-results a {
  text-decoration: none;
  font-weight: 700;
  margin-top: 1vw;
  display: inline-block;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08),
    0 1px 3px 1px rgba(60, 64, 67, 0.16);
  background: #0f4486;
  color: white;
  transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
  font-size: 1vw;
  padding: 0.2vw 2vw;
}

.case-results a:hover,
.case-results a:focus {
  background: white;
  color: black;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, 0.3),
    0 2px 8px 4px rgba(60, 64, 67, 0.2);
}

/**Quote boxes**/

.quote-section.internal {
  background: url("/assets/images/grid-background.webp");
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  padding: 1vw 1vw 1px 1vw;
  position: relative;
}
.quote-section.internal .openquote {
  position: absolute;
  width: 8vw;
  left: 0vw;
  top: -3vw;
}

.quote-section.internal img.closequote {
  bottom: -10vw;
  right: 0vw;
  position: absolute;
  width: 8vw;
}

.quote-section.internal p {
  width: 70%;
  margin: 0 auto;
  padding: 1vw 0;
}
/*******************
  SIDE NAVIGATION
*******************/

.sidebar .container {
  margin: 1vw 0;
}

.sidebar {
  display: inline-block;
  width: 18%;
  vertical-align: top;
  margin: 3% 3% 0 6%;
  padding: 2% 2%;
  height: auto;
  background-image: url("/assets/images/grid-background.webp");
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
}

.sidebar .title {
  font-size: 1.3vw;
  margin-bottom: 0.75vw;
  font-weight: 700;
}
.sidebar .submenu {
  margin-left: 1vw;
  display: none;
}
.sidebar a {
  display: block;
  color: #353030;
  text-decoration: none;
  font-size: 1vw;
  line-height: 1.6vw;
  margin-bottom: 0.5vw;
      padding: 0.4vw 0;

}

.sidebar .blogtitle {
  font-size: 2vw;
  color: #0f4486;
  font-weight: 700;
}

/**********
  FOOTER
***********/

footer .badges {
  background: #ececec;
  text-align: center;
  padding: 3vw 0;overflow: hidden;
}
footer .badges img {
  height: 7vw;
  padding: 0 0.3vw;
}
footer .form-and-map {
  background-image: url("/assets/images/lake.webp");
  padding: 4vw 4vw;
  background-position: 50% 91%;
  background-size: cover;
}
footer .form-and-map .inner > .left {
  display: inline-block;
  width: 28vw;
  vertical-align: top;
  padding: 6%;
  background: rgba(255, 255, 255, 0.8);
}
footer .form-and-map .inner .left .title {
  font-size: 2vw;
  font-weight: 700;
  color: #0f4486;
}
footer .form-and-map .inner .left .subtitle {
  font-size: 1.5vw;
  font-weight: 700;
  padding-top: 1vw;
  color: #0f4486;
  padding-bottom: 1.5vw;
}
footer .form-and-map .inner .left p {
  color: #0f4486;
  font-weight: 700;
  padding-bottom: 0.5vw;
}
footer .form-and-map .inner .left .jotform-container {
  overflow: hidden;
}
footer .form-and-map .inner .left .jotform-container iframe {
  width: 97vw;
  height: 31vw;
}
footer .form-and-map .inner .right {
  display: inline-block;
  vertical-align: top;
  width: 50vw;
  position: relative;
}
footer .form-and-map .inner .right .subscribe {
}

footer .form-and-map .inner .right .subscribe {
  background: #613e98;
  color: white;
  padding: 1vw 1.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  transition: box-shadow 0.3s ease;
  text-decoration: none;
  text-align: center;
  width: 9vw;
  margin-top: 2vw;
}

footer .form-and-map .inner .right .subscribe:hover,
footer .form-and-map .inner .right .subscribe:focus {
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, 0.16),
    0 3px 5px 6px rgba(60, 64, 67, 0.32);
}

footer .form-and-map .inner .right img {
  width: 100%;
  height: 20vw;
  background: #353030;
}
footer .form-and-map .inner .right .bottom {
  padding-bottom: 5vw;
  padding-left: 0;
  background-image: url("/assets/images/map-roots.webp");
  background-size: 112% auto;
  height: 51vw;
  background-position: 50% 0%;
  width: 100%;
  margin-top: 0vw;
  background-repeat: no-repeat;
  text-align: center;
}
footer .form-and-map .inner .right .bottom .title {
  text-align: center;
  font-weight: 700;
  font-size: 1.5vw;
  padding-top: 3vw;
  padding-bottom: 1.4vw;
}
footer .form-and-map .inner .right .bottom .title.new {
  padding: 0;
  text-align: left;
  color: #353030;
  font-size: 1.2vw;
}
footer .form-and-map .inner .right .bottom .column {
  display: inline-block;
  vertical-align: top;
  width: 15vw;
  text-align: left;
  margin: 0 0.5vw;
}
footer .form-and-map .inner .right .bottom .left {
  padding: 0;
  padding-right: 3vw;
  display: inline-block;
  width: 38%;
  vertical-align: top;
}
footer .form-and-map .inner .right .bottom .left .title {
  padding: 0;
  text-align: left;
  color: #353030;
  font-size: 1.2vw;
}
footer .form-and-map .inner .right .bottom .left p {
  color: #353030;
  font-weight: 400;
}
footer .form-and-map .inner .right .bottom .left a {
}
footer .form-and-map .inner .right .bottom .right {
}
footer .form-and-map .inner .right .bottom .right p {
}
footer .form-and-map .inner .right .bottom .right p a {
}
footer .social-container {
  position: relative;
  left: 0;
  top: 2vw;
}

footer .form-and-map .social-container a.social-media {
  display: inline-block;
  margin-top: 0.8vw;
  border: 0.2vw solid #613e98;
  border-radius: 55%;
  vertical-align: middle;
  padding: 0.2vw 0.1vw;
  margin: 0 0.4vw;
  transition: 0.2s;
  background: transparent;
  margin-top: 1.8vw;
}
footer .form-and-map .social-container a.social-media:hover,
footer .form-and-map .social-container a.social-media:focus {
  transition: 0.2s;
  background: white;
}
footer .form-and-map .social-container a.social-media img {
  width: 1.3vw;
  margin: 0 0.5vw 0;
  height: 2vw;
  background: unset;
  vertical-align: middle;
}

/* Element | http://localhost:4000/attorneys/amy-carter/ */

footer .form-and-map .social-container a.social-media.tiktok img {
  /* width: auto; */
  height: auto;
  position: relative;
  top: 0.3vw;
}

/* Inline #7 | http://localhost:4000/attorneys/amy-carter/ */

footer .form-and-map .social-container a.social-media.tiktok {
  height: 2vw;
}

.copyright {
  padding: 1.5vw 3vw;
  font-size: 0.8vw;
  background: white;
  color: #353030;
  position: relative;
}

.copyright > span:not(#year) {
  float: right;
  margin-right: 3vw;
  position: relative;
  bottom: 0.3vw;
}

.copyright #year {
  float: none;
  margin-right: 0;
  position: static;
  bottom: auto;
}

.copyright img {
  width: 5vw;
  height: auto;
}

.copyright a {
  color: #353030;
}

.copyright a:hover,
.copyright a:focus {
  color: #0f4486;
}

ul.three-columns {
  display: inline-block;
  width: 14vw;
  vertical-align: top;
}

.new-text h2 {
  margin-bottom: 0.5vw;
}

.statement-of-faith.profile-page nav header .left {
  max-height: 33vw;
}
.statement-of-faith.profile-page .main-content-container {
  text-align: center;
  padding-top: 0;
  margin-top: 0;
}
.statement-of-faith.profile-page .main-content-container h1 {
  color: #613e98;
}
.statement-of-faith.profile-page .main-content-container .box-container .box {
  font-family: Lora-Bold;
  margin: 1.5vw 0;
  padding: 1.2vw 1vw;
  display: block;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
  font-size: 1.458vw;
  background: white;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
}
.statement-of-faith.profile-page
  .main-content-container
  .box-container
  .box
  .number {
  align-items: center;
  justify-content: center;
  width: 2vw;
  height: 2vw;
  border: 2px solid #613e98;
  border-radius: 50%;
  font-weight: bold;
  color: #613e98;
  font-size: 1.3vw;
  margin-right: 0.5em;
  display: inline-block;
  left: 1vw;
  top: 0.5vw;
  font-size: 1.458vw;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.statement-of-faith.profile-page
  .main-content-container
  .box-container
  .box
  .text {
  display: inline-block;
  width: 93%;
  vertical-align: top;
}
.profile-header .right p strong {
  font-family: Lora-Bold;
}
.showPostsButton button, .submit-btn {
  background: #613e98;
  color: white;
  padding: 1vw 1.5vw;
  display: inline-block;
  margin-top: 1vw;
  font-size: 1vw;
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, .08), 0 3px 5px 3px rgba(60, 64, 67, .16);
  transition: box-shadow .3s ease;
  text-decoration: none;
  border: 0;
  font-family: "Cinzel";
}
 @media (max-width: 850px) {
  .showPostsButton button, .submit-btn {
    padding: 2vw 3vw;
    font-size: 3vw;
  }
 }
.showPostsButton button:hover {
  box-shadow: 0 3px 3px 3px rgba(60, 64, 67, .16), 0 3px 5px 6px rgba(60, 64, 67, .32);
}
.practicearea .main-content-container blockquote {
  background: url("/assets/images/grid-background.webp");
  box-shadow: 0 3px 3px 0 rgba(60, 64, 67, 0.08),
    0 3px 5px 3px rgba(60, 64, 67, 0.16);
  padding: 1vw 1vw 1px 1vw;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.practicearea .main-content-container blockquote::before {
  content: '';
  background-image: url("/assets/images/open-quote.webp");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 8vw;
  left: 0vw;
  top: -3vw;
  height: 19.07vw;
}

.practicearea .main-content-container blockquote::after {
  content: '';
  background-image: url("/assets/images/close-quote.webp");
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -10vw;
  right: 0vw;
  position: absolute;
  width: 8vw;
  height: 19.07vw;
}

.practicearea .main-content-container blockquote p {
  width: 70%;
  margin: 0 auto;
  padding: 1vw 0;
}

.main-content-container.full.disclaimer {
  padding: 1.5vw 7.552vw;
  display: block;
  margin: auto;
  margin-top: 3vw;
  width: 100%;
  box-sizing: border-box;
}
.titlebar .area-title h1.title.standalone {
  color: #fff;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

 .form {
	 position: relative;
	 z-index: 2;
	 padding: 0;
}
 .form .title {
	 color: #613e98;
	 max-width: 90%;
	 letter-spacing: 0.07vw;
}
 .form .custom-file-upload svg {
	 height: 0.8vw;
	 width: 0.8vw;
	 position: relative;
	 top: 0.1vw;
}
 .form .custom-file-upload:hover {
	 cursor: pointer;
}
 .form form input:not([type="radio"]):not([type="checkbox"]), .form form select, .form form input[type="file"], .form form .custom-file-upload {
	 font-family: 'Lora', sans-serif;
	 color: #333;
	 padding: 0.2vw 0.7vw;
	 border: 2px solid #333;
	 display: block;
	 margin: 0 0 1.146vw;
	 width: 100%;
	 height: 3vw;
	 font-size: 1vw;
	 outline: none;
	 font-weight: 300;
	 box-sizing: border-box;
	 background-color: transparent;
}
 .form form input:not([type="radio"]):not([type="checkbox"])::placeholder, .form form select::placeholder, .form form input[type="file"]::placeholder, .form form .custom-file-upload::placeholder {
	 color: #333;
	 font-weight: 300;
}
 .form form input.input-1 {
	 display: inline-block;
	 width: 48.5%;
	 vertical-align: top;
	 margin: 1.5vw 0 0.6vw 0;
}
 .form form input[type="checkbox"] {
	 accent-color: #613e98;
	 width: 1.563vw;
	 height: 1.563vw;
	 position: relative;
	 z-index: 3;
	 -webkit-transform: scale(1);
	 -webkit-appearance: checkbox;
	 margin: 0;
	 box-shadow: inset 0 0 0 2px #d5d7da;
	/** keep for mobile **/
}
 .form form .radio-group {
	 display: flex;
	 gap: 1.5vw;
	 flex-wrap: wrap;
	 margin-bottom: 1.146vw;
}
 .form form .radio-option {
	 display: flex;
	 align-items: center;
	 gap: 0.5vw;
	 cursor: pointer;
	 margin-bottom: 0;
	 font-weight: 300;
}
 .form form .radio-option input[type="radio"] {
	 accent-color: #613e98;
	 width: 1vw;
	 height: 1vw;
	 min-width: 15px;
	 min-height: 15px;
	 margin: 0;
	 position: relative;
	 z-index: 3;
	 cursor: pointer;
	 flex-shrink: 0;
}
 .form form .form-existing-client-notice {
	 margin: 1vw 0;
	 padding: 1vw 1.2vw;
	 background-color: #eaecf2;
	 color: 'Lora', sans-serif;
	 font-weight: 600;
	 font-size: 1vw;
	 line-height: 1.4;
}
 .form form .form-existing-client-notice[hidden] {
	 display: none !important;
}
 .form form .form-existing-client-notice:not([hidden]) {
	 display: block;
}
 @media screen and (max-width: 1440px) {
	 .form form .form-existing-client-notice {
		 font-size: 1.2vw;
	}
}
 .form form .custom-file-upload input {
	 display: none;
}
 .form form label.disc {
	 display: flex;
	 gap: 1vw;
	 justify-content: flex-start;
	 align-items: center;
	 margin: 1vw 0;
}
 .form form label {
	 display: block;
	 font-weight: 300;
	 color: #181d27;
	 font-size: 1.042vw;
	 line-height: 1.5;
	 margin-bottom: 0.208vw;
}
 @media screen and (max-width: 1440px) {
	 .form form label {
		 font-size: 1.2vw;
	}
}
 .form form label.label {
	 font-family: 'Cinzel', sans-serif;
}
 .form form .input-1:nth-child(1) {
	 margin-right: auto;
}
 .form form select {
	 appearance: none;
	 border-radius: 0;
	/* for iphone */
	 background-image: url("/assets/images/down-arrow.svg");
	 background-repeat: no-repeat;
	 background-position: right 1rem center;
	 background-size: 0.833vw;
	 padding-right: 1rem;
	 color: #333;
}
 .form form textarea {
	 font-family: 'Lora', sans-serif;
	 color: #333;
	 padding: 0.8vw 0.7vw;
	 border: 0;
	 margin: 0;
	 width: 100%;
	 height: 14vw;
	 font-size: 1vw;
	 resize: none;
	 border: 2px solid #333;
	 outline: none;
	 font-weight: 300;
	 box-sizing: border-box;
	 background-color: transparent;
}
 .form form textarea::placeholder {
	 color: #333;
}
 .form form button {
	 border: 0;
	 margin: 1vw 0;
	 cursor: pointer;
}
 .form form button:disabled {
	 opacity: 0.4;
	 cursor: not-allowed;
}
 .form form button:disabled::before {
	 content: none !important;
}
 .form form .form-bottombar {
	 display: flex;
	 font-family: 'Cinzel', sans-serif;
}
 .form form .form-bottombar label {
	 margin: 0 0 1.563vw;
	 gap: 0;
	 font-weight: 400;
}
 .form form .form-bottombar label input {
	 margin-right: 0.573vw;
}
 .form form .form-links {
	 margin-left: 2.292vw;
}
 .form form .form-links p {
	 display: flex;
	 gap: 1.458vw;
	 color: #181d27;
}
 .form form .form-links a {
	 color: #181d27;
}
 .form form .form-check {
	 min-height: inherit;
	 line-height: normal;
	 display: flex;
	 align-items: flex-start;
	 gap: 1vw;
	 position: relative;
	 margin: 1.146vw 0;
}
 @media screen and (max-width: 1440px) {
	 .form form .form-links a {
		 font-size: 1.2vw;
	}
}
 .form form button {
	 margin: 0;
}
 @media (max-width: 1440px) {
	 .form form input, .form form select, .form form input[type="file"], .form form #image-upload, .form form textarea, .form form input:not([type="radio"]):not([type="checkbox"]) {
		 font-size: 1.25vw;
	}
}
 @media (max-width: 850px) {
	 .form .title {
		 font-size: 5vw;
	}
	 .form .custom-file-upload svg {
		 height: 3vw;
		 width: 3vw;
	}
	 .form form {
		 margin-top: 2vw;
	}
	 .form form input.input-1 {
		 display: block;
	}
	 .form form input:not([type="radio"]):not([type="checkbox"]), .form form select, .form form input[type="file"], .form form #image-upload, .form form input.input-1 {
		 padding: 0 4vw;
		 margin: 0 0 2vw 0;
		 width: 100%;
		 height: 9vw;
		 font-size: 3vw;
		 background-size: 3vw;
	}
	 .form form textarea {
		 padding: 3.8vw 4vw;
		 margin: 0vw 0 0.4vw;
		 width: 100%;
		 height: 39vw;
		 font-size: 3vw;
	}
	 .form form button.button {
		 margin: 2vw auto;
		 padding: 2vw 6vw;
	}
	 .form form .frmbx {
		 margin-bottom: 4vw;
	}
	 .form form label {
		 font-size: 3vw;
	}
	 .form form label.label {
		 font-size: 3vw;
	}
	 .form form label.disc, .form form .form-links a {
		 font-size: 3vw;
	}
	 .form form .form-existing-client-notice {
		 font-size: 3vw;
		 margin: 2vw 0 0;
		 padding: 2vw 2.5vw;
	}
	 .form form .form-bottombar {
		 flex-direction: column;
	}
	 .form form .form-bottombar label input {
		 margin-right: 2.821vw;
	}
	 .form form input[type="checkbox"] {
		 width: 5vw;
		 height: 5vw;
	}
}
/* Removing border on iphone - exclude radio/checkbox so they stay visible */
 input:not([type="radio"]):not([type="checkbox"]), textarea, input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"] {
	 border-radius: 0;
	 -webkit-appearance: none;
	 appearance: none;
}
.main-content-container.disclaimer.not-found .container-wrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.main-content-container.disclaimer.not-found .container-wrapper img {
    width: 360px;
    height: auto;
    text-align: center;
}
.form form .form-row {
  display: flex;
  gap: 1.146vw;
  width: 100%;
}
.form form .form-row .form-blocks__field {
  width: 100%;
}
.contact-page .form {
  margin-right: 2vw;
}
@media (max-width: 850px) {
  .form form .form-row {
    flex-direction: column;
    gap: 0;
  }
  .contact-page .form {
    margin-right: 0;
    margin-bottom: 4vw;
  }
}

/********************
* Share Post Styles *
*********************/

.share-article {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.7vw;
  margin: 1.5vw 0;
}

.share-article__label {
  font-weight: 600;
}

.share-article a {
  display: inline-flex;
  align-items: center;
  color: #613e98;
  line-height: 0;
  transition: 0.2s;
}

.share-article a:hover,
.share-article a:focus {
  color: #3f2764;
}

.share-article svg {
  display: block;
  width: auto;
  height: 1.1vw;
}

/* Facebook glyph is inset in its viewBox, so scale it up to match */
.share-article .fb-icon {
  height: 1.5vw;
}

/********************
* Previous and Next Post Styles *
*********************/

.post-navigation a {
  margin: 0 1vw;
}


.blog-search {
    margin-top: 30px;
        padding-bottom: 30px;
}

.blog-search form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-search label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.blog-search input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.blog-search button {
    width: 100%;
    cursor: pointer;
}


.side-by-side.flex {
   display: flex;
    align-items: flex-start;
    }
    .side-by-side.flex img {
    width: 27%;
   height: auto;
    padding-left: 2vw;
    }
   @media (max-width:850px) {
    .side-by-side.flex img {
    width: 70%;
    }
  }



    .cut{margin:2vw 0;}
    .cut .left{display:inline-block;vertical-align:top;margin-right:2vw;}
    .cut .left img{width:10vw;}
    .cut .right{display:inline-block;vertical-align:top;}
    
    
    .uncut {
	height: 9vw;
	box-shadow: 0 1px 3px 1px rgba(60,64,67,.3),0 2px 8px 4px rgba(60,64,67,.2);
	width: 64vw;
	margin:2vw 0;
}
    .uncut .left{display:inline-block;vertical-align:top;margin-right:2vw;width:10vw;height:100%;}
    .uncut .left img{height:100%;width:100%;}
    .uncut .right{display:inline-block;vertical-align:top;}




@media (max-width:850px) {
.cut .left img {
  width:22vw;
}

.cut {
  margin:5vw 0 10vw;
}

}
    
.titlebar .right .title h1{
  font-weight:400;
}