html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
  display: block;
}

body {
  line-height: 1.6rem;
  font-family: "arboria", sans-serif;
  color: #514c51;
  position: relative;
  font-weight: 300;
  font-size: 18px;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border-top: 1px solid #4B7D9D;
  margin: 18px 0;
}

em {
  font-style: italic;
}

.border-b {
  border-bottom: 2px solid #0E1435;
}

.header {
  height: 80px;
}

header {
  z-index: 800;
  position: relative;
  height: 80px;
  background: #fff;
}
header a {
  font-family: "arboria", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #0E1435;
  text-decoration: none;
}
header a:hover {
  color: #0E1435;
}
header a.accent-color:hover {
  color: #231F20;
}
header:not(.sticky) .light .header-btn-holder a.button {
  color: #fff;
  border-color: #fff;
}
header:not(.sticky) .light .header-btn-holder a.button:hover {
  border-color: #0E1435;
}
header #search-here {
  display: none;
  position: absolute;
  top: 80px;
  background: #fff;
  font-size: 16px;
  right: 0;
  padding: 5px 20px;
  border-top: 2px solid #efefef;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
header #search-here .sf-field-search, header #search-here label {
  width: 100%;
}
header #search-here input {
  border-color: #ccc;
  font-weight: 700;
  padding-left: 5px;
}
header #search-here ::-moz-placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #0E1435;
}
header #search-here ::placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #0E1435;
}
header #search-here.show-me {
  display: block;
}
header #search-mobile ul {
  margin: 0 auto;
  width: 220px;
  display: flex;
}
header #search-mobile input {
  font-weight: 700;
  padding: 20px;
  display: block;
  position: relative;
  box-shadow: none;
  top: 0;
  max-width: 120px;
  border: 1px solid #ccc;
  border-radius: 100px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
}
header #search-mobile input.sf-input-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
header #search-mobile input[type=submit] {
  width: 60px;
  margin-bottom: 50px;
  color: #fff;
  background: #0E1435;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
header #search-mobile .sf-field-submit {
  left: 0;
}
header #search-mobile ::-moz-placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #0E1435;
}
header #search-mobile ::placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #0E1435;
}
header ul {
  padding: 0;
  margin: 0;
}
header li {
  list-style: none;
}
header .menu-title:not(.link) > a:hover {
  text-decoration: none !important;
  color: #0A0A0A !important;
  cursor: default;
}
header .sub-menu a {
  font-size: 1.1rem;
}

.error404 header.sticky {
  position: relative;
}

.admin-bar header.sticky {
  top: 32px;
}

* {
  margin: 0;
  padding: 0;
}

p {
  padding: 0.5rem 0 1rem;
}

ul, ol {
  margin-left: 40px;
  padding: 0.75rem 0;
}

.flex-wrap {
  flex-flow: wrap;
}

.flex-row-stretch img, .flex-row-center img {
  max-width: 100%;
  height: auto;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-stretch {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-center {
  justify-content: center;
}

.flex-between {
  justify-content: space-between;
}

.flex-around {
  justify-content: space-around;
}

.row-reverse {
  flex-direction: row-reverse !important;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding: 0 5%;
}

.lg-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.fw-wrapper, .thin-wrapper, .narrow, .xtra-narrow {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

section, article {
  position: relative;
}

.ten {
  flex-basis: 10%;
  flex-grow: 1;
}

.fifteen {
  flex-basis: 15%;
  flex-grow: 1;
}

.twenty {
  flex-basis: 20%;
  flex-grow: 1;
}

.twenty-five {
  flex-basis: 25%;
  flex-grow: 1;
}

.thirty {
  flex-basis: 30%;
  flex-grow: 1;
}

.thirty-three {
  flex-basis: 33.33%;
  flex-grow: 1;
}

.fourty {
  flex-basis: 40%;
  flex-grow: 1;
}

.fourty-five {
  flex-basis: 45%;
  flex-grow: 1;
}

.fourty-seven {
  flex-basis: 47%;
  flex-grow: 1;
}

.fourty-eight {
  flex-basis: 48%;
  flex-grow: 1;
}

.fifty {
  flex-basis: 50%;
  flex-grow: 1;
}

.fifty-five {
  flex-basis: 55%;
  flex-grow: 1;
}

.sixty {
  flex-basis: 60%;
  flex-grow: 1;
}

.sixty-six {
  flex-basis: 66.66%;
  flex-grow: 1;
}

.seventy {
  flex-basis: 70%;
  flex-grow: 1;
}

.seventy-five {
  flex-basis: 75%;
  flex-grow: 1;
}

.eighty {
  flex-basis: 80%;
  flex-grow: 1;
}

.ninety {
  flex-basis: 90%;
  flex-grow: 1;
}

.full {
  flex-basis: 100%;
}

.paged .hide-paged {
  display: none;
}

.theme-border {
  border: none;
  border-radius: 3px;
}

.theme-border-alt {
  border: none;
  border-radius: 3px;
}

.top-br {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

iframe {
  max-width: 100%;
}

.alignleft {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

.alignright {
  float: right;
  margin: 1rem 0 1rem 1rem;
}

.aligncenter {
  margin: 1rem auto;
}

.box-shadow {
  box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
}

table:not(.sidx-timeline) {
  border: 3px solid #EFF1F2;
}
table:not(.sidx-timeline) th {
  background: #0E1435;
  color: #fff;
  text-align: left;
  font-weight: 700;
  padding: 10px 15px;
  border: 2px solid #fff;
}
table:not(.sidx-timeline) td {
  padding: 10px 15px;
  border: 2px solid #fff;
}
table:not(.sidx-timeline) tbody tr:nth-child(even) {
  background: #EFF1F2;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #0E1435;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

h1, .h1 {
  font-family: "arboria", sans-serif;
  font-size: 4rem;
  line-height: 1.15em;
  padding: 0.5em 0 0.2em;
  color: #0E1435;
  font-weight: 400;
}
h1.heading-font, .h1.heading-font {
  font-size: 3.6rem;
}
h1 sup, .h1 sup {
  font-size: 1rem;
}
h1 span.sh1, .h1 span.sh1 {
  display: block;
  font-size: 1.25rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  color: #0E1435;
}

h2, .h2 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 2.8rem;
  line-height: 1.15em;
  padding: 0.5em 0 0.2em;
  color: #0E1435;
  font-weight: 400;
}
h2 sup, .h2 sup {
  font-size: 1rem;
}
h2.sm, .h2.sm {
  font-size: 2.2rem;
  padding: 10px 0 0;
}

h3, .h3 {
  font-family: "arboria", sans-serif;
  font-size: 2.5rem;
  line-height: 1.15em;
  padding: 0.5em 0 0.2em;
  font-weight: 400;
  color: #0E1435;
}
h3 sup, .h3 sup {
  font-size: 1rem;
  top: -1rem !important;
}

.subheading {
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: "arboria", sans-serif;
  font-size: 1.35rem;
  font-weight: 500;
}

h4, h5, h6, .h4, .h5, .h6 {
  color: #0E1435;
  line-height: 1.25em;
  padding: 0.5em 0 0.2em;
  font-family: "arboria", sans-serif;
  font-weight: 400;
}
h4 sup, h5 sup, h6 sup, .h4 sup, .h5 sup, .h6 sup {
  font-size: 1rem;
}

h4, .h4 {
  font-weight: 600;
}

p.kicker {
  padding-bottom: 0;
}

.kicker {
  font-family: "arboria", sans-serif;
  color: #426E8A;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.small {
  padding: 0.4rem 0;
  font-size: 0.9rem;
  line-height: 1.1rem;
  color: #747474;
}

.header-font, .heading-font {
  font-family: "source-sans-pro", sans-serif;
  font-weight: 400;
}

.dark, .color-bg .dark, .dark-grey-bg .dark, .video-bg {
  color: #0E1435;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark a:hover, .color-bg .dark h1, .color-bg .dark h2, .color-bg .dark h3, .color-bg .dark h4, .color-bg .dark h5, .color-bg .dark h6, .color-bg .dark a, .color-bg .dark a:hover, .dark-grey-bg .dark h1, .dark-grey-bg .dark h2, .dark-grey-bg .dark h3, .dark-grey-bg .dark h4, .dark-grey-bg .dark h5, .dark-grey-bg .dark h6, .dark-grey-bg .dark a, .dark-grey-bg .dark a:hover, .video-bg h1, .video-bg h2, .video-bg h3, .video-bg h4, .video-bg h5, .video-bg h6, .video-bg a, .video-bg a:hover {
  color: #0E1435;
}
.dark p, .dark li, .color-bg .dark p, .color-bg .dark li, .dark-grey-bg .dark p, .dark-grey-bg .dark li, .video-bg p, .video-bg li {
  color: #514c51;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.6rem;
}

sup {
  top: -0.7em;
}

sub {
  top: 0.4em;
}

strong, b {
  font-weight: 700;
}

.lg-type p {
  font-size: 1.3em;
  line-height: 1.4em;
}

.double-space p, .double-space li {
  line-height: 2em;
  margin-top: 0;
}

.center {
  text-align: center;
}

blockquote {
  font-family: "arboria", sans-serif;
  font-weight: 500;
  position: relative;
  font-size: 1.3rem;
  font-style: italic;
  background-color: #D9D4D8;
  border-radius: 3px;
  padding: 0 0 0 63px;
}
blockquote p {
  padding: 25px;
}
blockquote:before {
  content: "";
  background: url(/wp-content/themes/oak-city/images/b-quote.svg) center no-repeat;
  width: 38px;
  height: 27px;
  position: absolute;
  background-size: contain;
  top: 25px;
  left: 25px;
}
blockquote p {
  line-height: 1.8rem !important;
  margin-bottom: 20px;
}

:focus-visible {
  outline-color: #0E1435;
}

#alert1, #alert2 {
  font-family: "arboria", sans-serif;
  font-weight: 500;
}

.font-color {
  color: #514c51;
}

.main-color {
  color: #0E1435;
}

.accent-color {
  color: #0E1435;
}

.second-color {
  color: #4B7D9D !important;
}

.third-color {
  color: #4B7D9D !important;
}
.third-color h1, .third-color h2, .third-color h3, .third-color h4, .third-color h5, .third-color h6 {
  color: #4B7D9D;
}

.light-color-bg {
  background: #4B7D9D;
}

.light-color-border {
  border-color: #4B7D9D !important;
}

.main-color-bg {
  background: #0E1435;
}

.accent-color-bg {
  background: #0E1435;
}

.third-color-bg {
  background: #4B7D9D;
}

.second-color-bg {
  background: #4B7D9D;
}

.color-bg {
  background-color: #0E1435;
  position: relative;
}
.color-bg p, .color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg h5, .color-bg h6, .color-bg li, .color-bg a, .color-bg div, .color-bg em, .color-bg strong {
  color: #fff;
}

.grey-bg {
  background-color: #D9D4D8;
  position: relative;
}

.dark-grey-bg {
  background-color: #645D63;
}

.white-bg {
  background-color: #fff;
}

.alt-bg {
  background-color: #4B7D9D;
}

.dark-bg {
  background-color: #0E1435;
}

.alt-light-bg-1 {
  background: #D9D4D8;
}

.alt-light-bg-2 {
  background: #D9D4D8;
}

.grad-bg {
  background: #D9D4D8;
  background: linear-gradient(0deg, rgb(237, 237, 237) 0%, rgb(247, 247, 247) 100%);
}

.grad-bg-alt {
  background: #4B7D9D;
  background: linear-gradient(90deg, rgb(75, 125, 157) 0%, rgb(66, 110, 138) 50%, rgb(75, 125, 157) 100%);
}

header .sub-menu {
  display: none;
}
header .sub-menu.opened {
  display: block;
}

.active-step .st-title {
  font-weight: 600;
  background: #121734;
  color: #fff;
  border-radius: 30px;
}
.active-step .st-title > div {
  color: #fff !important;
}

.step-trigger:hover .st-title {
  text-decoration: underline;
}
.step-trigger:hover.active-step .st-title {
  background: #4B7D9D;
  text-decoration: none;
}

.step-details hr {
  max-width: 300px;
}

.no-h2-pad h2 {
  padding: 0;
}

div.pill {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #D9D4D8;
  border-radius: 30px;
  padding: 5px 20px;
  margin: 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5764705882);
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 1px;
  font-weight: 400;
}

a {
  color: #0E1435;
  text-decoration: underline;
  font-weight: 600;
}
a.alt {
  color: #4B7D9D;
}
a.alt:hover {
  color: #0E1435;
  text-decoration: underline;
}
a.alt3 {
  color: #4B7D9D;
}
a.alt3:hover {
  color: #0E1435;
  text-decoration: underline;
}
a:hover {
  color: #0E1435;
  text-decoration: underline;
}
a.box-link {
  color: #0E1435;
}
a.box-link:hover {
  text-decoration: none;
}
a.no-underline {
  text-decoration: none;
}
a.no-underline:hover {
  text-decoration: underline;
}
a.grey {
  color: #645D63;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.95rem;
}
a.grey:hover {
  color: #0E1435;
}
a.button {
  font-family: "arboria", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  margin: 1.5rem 0;
  position: relative;
  border: 0;
  background: #0E1435;
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  border-radius: 30px;
  min-width: 120px;
}
a.button.outline {
  background: none !important;
  padding: 10px 40px;
  box-shadow: none !important;
  color: #0E1435;
  border: 2px solid #0E1435;
}
a.button.outline:hover, a.button.outline:focus {
  border: 2px solid #0E1435;
  color: #0E1435;
}
a.button.outline.sm {
  padding: 5px 10px;
  min-width: 70px;
}
a.button.white {
  background: #fff;
  padding: 7.5px 18px;
  box-shadow: none !important;
  color: #0E1435;
  border: 2px solid #fff;
}
a.button.white:hover, a.button.white:focus {
  border: 2px solid #fff;
  color: #fff;
  background: rgba(10, 10, 10, 0.6784313725);
}
a.button:hover, a.button:focus, a.button:focus-visible {
  background: #4B7D9D;
  color: #fff;
  text-decoration: none;
}
a.button.alt {
  background: #4B7D9D;
  border: none;
  color: #0E1435;
}
a.button.alt:hover, a.button.alt:focus, a.button.alt:focus-visible {
  background: #0E1435;
  color: #fff;
}
a.button.fw {
  background-color: #4B7D9D;
  background: linear-gradient(90deg, rgb(75, 125, 157) 0%, rgb(66, 110, 138) 50%, rgb(75, 125, 157) 100%);
  display: block;
  border-radius: 0;
  margin: 0;
  padding: 10px;
  transition: none;
}
a.button.fw:hover, a.button.fw:focus {
  background: #0E1435;
  background-color: #0E1435;
  color: #fff;
}
a.button.simple {
  padding: 12px 20px;
  background: #4B7D9D;
  color: #fff;
  border: none;
  box-shadow: none;
}
a.button.simple:hover, a.button.simple:focus, a.button.simple:focus-visible {
  background: #0E1435;
}
a.pill {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #D9D4D8;
  border-radius: 30px;
  padding: 5px 20px;
  margin: 5px;
  color: #645D63;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 1px;
  font-weight: 400;
}
a.pill:hover, a.pill:focus {
  background: #0E1435;
  color: #fff;
}
a.pill:hover img, a.pill:focus img {
  filter: invert(1);
}
a.pill.alt {
  background: #0E1435;
  color: #fff;
}
a.pill.alt img {
  filter: invert(1);
}
a.pill.alt:hover, a.pill.alt:focus {
  border: 1px solid #D9D4D8;
  color: #645D63;
  background: #fff;
}
a.pill.alt:hover img, a.pill.alt:focus img {
  filter: none;
}
a > .color-bg {
  background-color: #0E1435;
  background: linear-gradient(#0E1435 0%, #0E1435 100%);
}
a > .color-bg img {
  transition: transform 0.3s ease;
}
a > .color-bg:hover {
  background-color: #0E1435;
  background: linear-gradient(271deg, rgb(14, 20, 53) 0%, rgb(51, 97, 127) 100%);
}
a > .color-bg:hover img {
  transform: scale(1.05);
}

.dark-grey-bg a.button, .alt-bg a.button, .light a.button, .dark-bg a.button, .color-bg a.button, .video-bg a.button {
  background: #4B7D9D;
  color: #fff;
}
.dark-grey-bg a.button:hover, .dark-grey-bg a.button:focus, .alt-bg a.button:hover, .alt-bg a.button:focus, .light a.button:hover, .light a.button:focus, .dark-bg a.button:hover, .dark-bg a.button:focus, .color-bg a.button:hover, .color-bg a.button:focus, .video-bg a.button:hover, .video-bg a.button:focus {
  background: #fff;
  color: #0E1435;
}
.dark-grey-bg a.button.fw, .alt-bg a.button.fw, .light a.button.fw, .dark-bg a.button.fw, .color-bg a.button.fw, .video-bg a.button.fw {
  background: #4B7D9D;
  color: #fff;
}
.dark-grey-bg a.button.fw:hover, .dark-grey-bg a.button.fw:focus, .alt-bg a.button.fw:hover, .alt-bg a.button.fw:focus, .light a.button.fw:hover, .light a.button.fw:focus, .dark-bg a.button.fw:hover, .dark-bg a.button.fw:focus, .color-bg a.button.fw:hover, .color-bg a.button.fw:focus, .video-bg a.button.fw:hover, .video-bg a.button.fw:focus {
  background: #D9D4D8;
  color: #0E1435;
}
.dark-grey-bg a .dark a, .alt-bg a .dark a, .light a .dark a, .dark-bg a .dark a, .color-bg a .dark a, .video-bg a .dark a {
  color: #514c51;
}

main li p {
  margin: 5px 0;
}
main .dark-grey-bg, main .alt-bg, main .light, main .dark-bg, main .color-bg, main .video-bg {
  color: #fff;
}
main .dark-grey-bg p, main .dark-grey-bg h1, main .dark-grey-bg .h1, main .dark-grey-bg h2, main .dark-grey-bg .h2, main .dark-grey-bg h3, main .dark-grey-bg .h3, main .dark-grey-bg h4, main .dark-grey-bg .h4, main .dark-grey-bg h5, main .dark-grey-bg .h5, main .dark-grey-bg h6, main .dark-grey-bg .h6, main .dark-grey-bg li, main .dark-grey-bg a:not(.button), main .dark-grey-bg div, main .dark-grey-bg em, main .dark-grey-bg strong, main .alt-bg p, main .alt-bg h1, main .alt-bg .h1, main .alt-bg h2, main .alt-bg .h2, main .alt-bg h3, main .alt-bg .h3, main .alt-bg h4, main .alt-bg .h4, main .alt-bg h5, main .alt-bg .h5, main .alt-bg h6, main .alt-bg .h6, main .alt-bg li, main .alt-bg a:not(.button), main .alt-bg div, main .alt-bg em, main .alt-bg strong, main .light p, main .light h1, main .light .h1, main .light h2, main .light .h2, main .light h3, main .light .h3, main .light h4, main .light .h4, main .light h5, main .light .h5, main .light h6, main .light .h6, main .light li, main .light a:not(.button), main .light div, main .light em, main .light strong, main .dark-bg p, main .dark-bg h1, main .dark-bg .h1, main .dark-bg h2, main .dark-bg .h2, main .dark-bg h3, main .dark-bg .h3, main .dark-bg h4, main .dark-bg .h4, main .dark-bg h5, main .dark-bg .h5, main .dark-bg h6, main .dark-bg .h6, main .dark-bg li, main .dark-bg a:not(.button), main .dark-bg div, main .dark-bg em, main .dark-bg strong, main .color-bg p, main .color-bg h1, main .color-bg .h1, main .color-bg h2, main .color-bg .h2, main .color-bg h3, main .color-bg .h3, main .color-bg h4, main .color-bg .h4, main .color-bg h5, main .color-bg .h5, main .color-bg h6, main .color-bg .h6, main .color-bg li, main .color-bg a:not(.button), main .color-bg div, main .color-bg em, main .color-bg strong, main .video-bg p, main .video-bg h1, main .video-bg .h1, main .video-bg h2, main .video-bg .h2, main .video-bg h3, main .video-bg .h3, main .video-bg h4, main .video-bg .h4, main .video-bg h5, main .video-bg .h5, main .video-bg h6, main .video-bg .h6, main .video-bg li, main .video-bg a:not(.button), main .video-bg div, main .video-bg em, main .video-bg strong {
  color: #fff;
}
main .dark-grey-bg .dark p, main .dark-grey-bg .dark li, main .dark-grey-bg .dark a, main .dark-grey-bg .dark div, main .dark-grey-bg .dark em, main .dark-grey-bg .dark strong, main .alt-bg .dark p, main .alt-bg .dark li, main .alt-bg .dark a, main .alt-bg .dark div, main .alt-bg .dark em, main .alt-bg .dark strong, main .light .dark p, main .light .dark li, main .light .dark a, main .light .dark div, main .light .dark em, main .light .dark strong, main .dark-bg .dark p, main .dark-bg .dark li, main .dark-bg .dark a, main .dark-bg .dark div, main .dark-bg .dark em, main .dark-bg .dark strong, main .color-bg .dark p, main .color-bg .dark li, main .color-bg .dark a, main .color-bg .dark div, main .color-bg .dark em, main .color-bg .dark strong, main .video-bg .dark p, main .video-bg .dark li, main .video-bg .dark a, main .video-bg .dark div, main .video-bg .dark em, main .video-bg .dark strong {
  color: #514c51;
}
main .dark-grey-bg .dark h1, main .dark-grey-bg .dark .h1, main .alt-bg .dark h1, main .alt-bg .dark .h1, main .light .dark h1, main .light .dark .h1, main .dark-bg .dark h1, main .dark-bg .dark .h1, main .color-bg .dark h1, main .color-bg .dark .h1, main .video-bg .dark h1, main .video-bg .dark .h1 {
  color: #0E1435;
}
main .dark-grey-bg .dark h2, main .dark-grey-bg .dark .h2, main .dark-grey-bg .dark h3, main .dark-grey-bg .dark .h3, main .dark-grey-bg .dark h4, main .dark-grey-bg .dark .h4, main .dark-grey-bg .dark h5, main .dark-grey-bg .dark .h5, main .dark-grey-bg .dark h6, main .dark-grey-bg .dark .h6, main .alt-bg .dark h2, main .alt-bg .dark .h2, main .alt-bg .dark h3, main .alt-bg .dark .h3, main .alt-bg .dark h4, main .alt-bg .dark .h4, main .alt-bg .dark h5, main .alt-bg .dark .h5, main .alt-bg .dark h6, main .alt-bg .dark .h6, main .light .dark h2, main .light .dark .h2, main .light .dark h3, main .light .dark .h3, main .light .dark h4, main .light .dark .h4, main .light .dark h5, main .light .dark .h5, main .light .dark h6, main .light .dark .h6, main .dark-bg .dark h2, main .dark-bg .dark .h2, main .dark-bg .dark h3, main .dark-bg .dark .h3, main .dark-bg .dark h4, main .dark-bg .dark .h4, main .dark-bg .dark h5, main .dark-bg .dark .h5, main .dark-bg .dark h6, main .dark-bg .dark .h6, main .color-bg .dark h2, main .color-bg .dark .h2, main .color-bg .dark h3, main .color-bg .dark .h3, main .color-bg .dark h4, main .color-bg .dark .h4, main .color-bg .dark h5, main .color-bg .dark .h5, main .color-bg .dark h6, main .color-bg .dark .h6, main .video-bg .dark h2, main .video-bg .dark .h2, main .video-bg .dark h3, main .video-bg .dark .h3, main .video-bg .dark h4, main .video-bg .dark .h4, main .video-bg .dark h5, main .video-bg .dark .h5, main .video-bg .dark h6, main .video-bg .dark .h6 {
  color: #0E1435;
}
main .dark-grey-bg .dark a.button.outline, main .alt-bg .dark a.button.outline, main .light .dark a.button.outline, main .dark-bg .dark a.button.outline, main .color-bg .dark a.button.outline, main .video-bg .dark a.button.outline {
  border-color: #645D63;
  color: #645D63;
}
main .dark-grey-bg .dark a, main .alt-bg .dark a, main .light .dark a, main .dark-bg .dark a, main .color-bg .dark a, main .video-bg .dark a {
  color: #514c51 !important;
}
main .dark-grey-bg .dark-icon, main .alt-bg .dark-icon, main .light .dark-icon, main .dark-bg .dark-icon, main .color-bg .dark-icon, main .video-bg .dark-icon {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(508%) contrast(102%);
}
main .dark-grey-bg a:not(.button):not(.dark):not(.pill), main .alt-bg a:not(.button):not(.dark):not(.pill), main .light a:not(.button):not(.dark):not(.pill), main .dark-bg a:not(.button):not(.dark):not(.pill), main .color-bg a:not(.button):not(.dark):not(.pill), main .video-bg a:not(.button):not(.dark):not(.pill) {
  color: #fff;
}
main .dark-grey-bg a:not(.button):not(.dark):not(.pill):hover, main .alt-bg a:not(.button):not(.dark):not(.pill):hover, main .light a:not(.button):not(.dark):not(.pill):hover, main .dark-bg a:not(.button):not(.dark):not(.pill):hover, main .color-bg a:not(.button):not(.dark):not(.pill):hover, main .video-bg a:not(.button):not(.dark):not(.pill):hover {
  color: #D9D4D8;
}
main .dark-grey-bg a.button.outline, main .alt-bg a.button.outline, main .light a.button.outline, main .dark-bg a.button.outline, main .color-bg a.button.outline, main .video-bg a.button.outline {
  color: #fff;
  border-color: #fff;
}
main .dark-grey-bg a.button.outline:hover, main .dark-grey-bg a.button.outline:focus, main .dark-grey-bg a.button.outline:focus-visible, main .alt-bg a.button.outline:hover, main .alt-bg a.button.outline:focus, main .alt-bg a.button.outline:focus-visible, main .light a.button.outline:hover, main .light a.button.outline:focus, main .light a.button.outline:focus-visible, main .dark-bg a.button.outline:hover, main .dark-bg a.button.outline:focus, main .dark-bg a.button.outline:focus-visible, main .color-bg a.button.outline:hover, main .color-bg a.button.outline:focus, main .color-bg a.button.outline:focus-visible, main .video-bg a.button.outline:hover, main .video-bg a.button.outline:focus, main .video-bg a.button.outline:focus-visible {
  text-decoration: none;
  background: #fff !important;
  color: #0E1435;
}
main .dark-grey-bg a.pill, main .alt-bg a.pill, main .light a.pill, main .dark-bg a.pill, main .color-bg a.pill, main .video-bg a.pill {
  border: 1px solid #fff;
  color: #fff;
}
main .dark-grey-bg a.pill:hover, main .dark-grey-bg a.pill:focus, main .alt-bg a.pill:hover, main .alt-bg a.pill:focus, main .light a.pill:hover, main .light a.pill:focus, main .dark-bg a.pill:hover, main .dark-bg a.pill:focus, main .color-bg a.pill:hover, main .color-bg a.pill:focus, main .video-bg a.pill:hover, main .video-bg a.pill:focus {
  background: #0E1435;
  color: #fff;
}
main .dark-grey-bg hr {
  border-top: 1px solid #4B7D9D;
  opacity: 1;
}
main .sec-link {
  text-decoration: none;
}
main .sec-link:hover {
  text-decoration: none;
}
main .sec-link:hover .circle-icons {
  background: #0E1435;
}
main .sec-link:hover .circle-icons > div {
  transform: scale(1.2);
  transition: all 0.5s;
}
main .sec-link:hover .circle-icons > div img {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(351deg) brightness(1000%) contrast(101%);
}

aside {
  font-size: 18px;
  line-height: 1.2em;
}
aside a {
  color: #0E1435;
  text-decoration: none;
}
aside a.alt {
  color: #4B7D9D;
}
aside a:hover {
  color: #0E1435;
  text-decoration: underline;
}
aside a.button {
  font-weight: 700;
  background: #0E1435;
  color: #fff;
  display: inline-block;
  padding: 10px 40px;
  text-align: center;
  position: relative;
  letter-spacing: 0.01rem;
  font-size: 1.1rem;
  border-radius: 30px;
}
aside a.button:hover {
  text-decoration: none;
  background: #4B7D9D;
}
aside.color-bg a:hover {
  color: #fff;
}
aside#loginBox {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform: translateX(0);
  max-width: 100%;
  overflow: hidden;
}
aside#loginBox > div {
  opacity: 0%;
}
aside#loginBox select {
  border-radius: 0;
}
aside#loginBox.right-panel-active {
  visibility: visible;
  left: 65%;
  padding: 0 40px;
  z-index: 10000 !important;
  overflow-y: auto;
}
aside#loginBox.right-panel-active > div {
  opacity: 100%;
}
aside#loginBox #login-form input {
  border-radius: 30px !important;
}
aside#alert {
  font-weight: 600;
}
aside#alert a {
  text-decoration: underline;
}
aside#alert a:hover {
  text-decoration: none;
}
aside#alert.alt-bg, aside#alert.color-bg, aside#alert .alt-bg, aside#alert .color-bg {
  color: #fff;
}
aside#alert.alt-bg a, aside#alert.color-bg a, aside#alert .alt-bg a, aside#alert .color-bg a {
  color: #fff;
}
aside#alert.alt-bg a:hover, aside#alert.color-bg a:hover, aside#alert .alt-bg a:hover, aside#alert .color-bg a:hover {
  color: #fff;
}

code {
  background: #000;
  display: block;
  color: #fff;
  border-radius: 3px;
  text-align: left;
  padding: 5%;
}

footer {
  background: #fff;
}
footer .f-menu-title {
  text-transform: capitalize;
  padding: 10px 0;
  font-size: 1.3rem;
}
footer li {
  margin-top: 15px;
  color: #514c51;
  line-height: 1.2rem;
}
footer li.strong {
  font-weight: 500;
}
footer li.strong:after {
  content: ":";
}
footer li.strong:not(:first-child) {
  padding-top: 20px;
}
footer li a {
  color: #514c51;
}
footer #full-overlay.on {
  display: block !important;
}
footer .wrapper {
  max-width: unset;
}
footer a {
  color: #0E1435;
  text-decoration: none;
  font-weight: 400;
}
footer a:hover, footer a:focus {
  text-decoration: underline;
}
footer ol, footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .social a {
  flex-basis: 20%;
  text-align: center;
}
footer .social img:hover {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(0%) contrast(102%);
}
footer .bottom-footer {
  background: #D9D4D8;
}
footer .bottom-footer p {
  color: #0E1435;
}
footer .bottom-footer a {
  color: #0E1435;
  text-decoration: underline;
}
footer ul#menu-terms-menu {
  display: flex;
  padding-bottom: 30px;
}
footer ul#menu-terms-menu a {
  font-size: 0.8rem;
  color: #222;
}
footer ul#menu-terms-menu li {
  margin: 0;
}
footer ul#menu-terms-menu li:after {
  content: "|";
  padding: 0 7px;
}
footer ul#menu-terms-menu li:last-child:after {
  content: none;
}

a.social-logo {
  width: 40px;
  height: 40px;
  background: #645D63;
  border-radius: 40px;
  margin: 5px;
  display: flex;
  justify-content: center;
}
a.social-logo:hover {
  background: #0E1435;
}
a.social-logo.alt {
  background: #0E1435;
}
a.social-logo.alt:hover {
  background: #645D63;
}

.cicon {
  width: 40px;
  height: 40px;
  background: #0E1435;
  border-radius: 40px;
  border: 1px solid #fff;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.cicon img {
  filter: invert(1);
}

.simple-cicon {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3803921569);
  border-radius: 40px;
  border: 1px solid #fff;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.simple-cicon:hover {
  background: #0E1435;
}
.simple-cicon img {
  filter: invert(1);
}

.page-numbers.current {
  text-decoration: underline;
  color: #000;
}

ul.breadcrumb, #breadcrumbs {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.breadcrumb li {
  list-style: none;
  float: left;
}

.breadcrumb span {
  padding: 0 6px;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
}

.post-content img {
  border-radius: 3px;
}

.image {
  border-radius: 3px;
}

.dark-overlay, .white-overlay {
  position: relative;
}

.dark-overlay:after {
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  z-index: 1;
}

.white-overlay:after {
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  z-index: 1;
}

.dark-overlay.grad:after {
  background: linear-gradient(35deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}

.dark-overlay.bottom:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.dark-overlay.left:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0.2) 70%);
}

section.dark-overlay {
  border-radius: 0;
}
section.dark-overlay:after {
  border-radius: 0;
}

.dark-overlay.tl:before {
  content: " ";
  position: absolute;
  background: linear-gradient(151deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 70%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: 1;
}

.avatar .cimg img {
  background: radial-gradient(ellipse at center top, rgb(255, 255, 255) 0%, #645D63 100%);
}

.cimg img {
  border-radius: 300px;
}

a:hover .dark-overlay, a:hover.dark-overlay, a:focus .dark-overlay, a:focus.dark-overlay {
  transform: scale(1.02);
  transition: 0.05s all;
}
a:hover .dark-overlay p, a:hover .dark-overlay h2, a:hover .dark-overlay h3, a:hover.dark-overlay p, a:hover.dark-overlay h2, a:hover.dark-overlay h3, a:focus .dark-overlay p, a:focus .dark-overlay h2, a:focus .dark-overlay h3, a:focus.dark-overlay p, a:focus.dark-overlay h2, a:focus.dark-overlay h3 {
  transform: scale(1.08);
  transition: 0.05s all;
}
a:hover .dark-overlay:after, a:hover.dark-overlay:after, a:focus .dark-overlay:after, a:focus.dark-overlay:after {
  background: rgba(0, 0, 0, 0.45);
  transition: 0.05s all;
}

.wp-caption-text, .wp-caption {
  max-width: 100%;
  font-size: 0.9rem;
  line-height: 1rem;
}

.p-scroll {
  will-change: transform;
  z-index: 1;
  position: relative;
}

.youtube-embed:before {
  content: " ";
  background: url(/wp-content/themes/oak-city/images/play.png) center no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.youtube-embed:hover, .youtube-embed:focus {
  cursor: pointer;
}
.youtube-embed:hover::before, .youtube-embed:focus::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(110deg) brightness(124%) contrast(114%);
}

iframe.video-holder, iframe.video {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}

.video-container iframe {
  border-radius: 3px;
  box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  margin: 25px 0;
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}

.youtube-img-holder:before {
  background: rgb(245, 244, 242);
  background: linear-gradient(90deg, rgb(245, 244, 242) 0%, rgba(245, 244, 242, 0.8) 35%, rgba(245, 244, 242, 0.5) 45%, rgba(245, 244, 242, 0) 60%, rgba(245, 244, 242, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 3px;
}

.grad-bottom:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: rgba(0, 0, 0, 0.2);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 8%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 100%);
}

.grad-bottom.image > img {
  width: 100%;
}

.grad-left-light:before {
  background: rgb(245, 244, 242);
  background: linear-gradient(90deg, rgb(245, 244, 242) 0%, rgb(245, 244, 242) 35%, rgba(245, 244, 242, 0.5) 45%, rgba(245, 244, 242, 0) 60%, rgba(245, 244, 242, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.grad-left-white:before {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.page-numbers {
  padding: 0 6px;
}

.gform-body input[type=radio] {
  width: unset !important;
}

.gform_required_legend {
  font-size: 0.9rem;
}

.freeze {
  overflow: hidden;
}

input:not([type=checkbox]), input:not([type=radio]) select, textarea {
  width: calc(100% - 20px);
  border: 1px solid #CCCCCC;
  background-color: transparent;
  border-radius: 30px;
  padding: 10px;
  margin-bottom: 20px;
  margin: 0;
  font-family: "arboria", sans-serif !important;
  color: #514c51;
  font-size: 16px;
}

select {
  background: url(/wp-content/themes/oak-city/images/chevron-down.svg) no-repeat 96% 50%;
  background-size: 16px 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 16px;
  width: 100.5%;
  padding: 12px;
  border-color: #cccccc;
  border-radius: 30px;
}

.youtube-embed:focus, select:focus, input:focus {
  outline: thin dotted;
}

input[type=submit].button, form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "arboria", sans-serif;
  font-weight: 400;
  transition: box-shadow 0.1s;
  color: #fff;
  border: 0;
  background: #0E1435;
  display: inline-block;
  padding: 10px 40px;
  width: auto;
  text-align: center;
  letter-spacing: 0.01rem;
  min-width: 120px;
  font-size: 1.1rem;
  border-radius: 30px;
}
input[type=submit].button:hover, form button:hover {
  background: #4B7D9D !important;
  color: #fff !important;
  text-decoration: none;
  position: relative;
}
input[type=submit].button:active, form button:active {
  top: 6px;
  left: 6px;
}

ul.gform_fields {
  margin: 0;
}

li.sf-field-search input {
  padding: 10px 20px;
}

::-moz-placeholder {
  color: #514c51;
  font-size: 1.15rem;
}

::placeholder {
  color: #514c51;
  font-size: 1.15rem;
}

.form-section .button.simple:hover {
  color: #fff;
}

ul.gform_fields {
  margin: 0;
}

.gform-body li {
  list-style: none;
}

.gform_footer.top_label {
  margin: 15px 0;
}

.top_label {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gfield {
  flex-basis: 100%;
  padding-top: 10px;
}

.gfield--width-half {
  flex-basis: 48%;
}

.gform_validation_container {
  display: none;
}

.ginput_container.ginput_container_fileupload {
  border: 1px solid #cccccc;
  border-radius: 30px;
  padding: 10px;
}
.ginput_container.ginput_container_fileupload .button {
  padding: 10px;
  min-width: 100px;
  background: none;
  color: #555;
  border: 2px solid #555;
  margin: 10px 0;
}
.ginput_container.ginput_container_fileupload .gform_fileupload_rules {
  font-size: 0.9rem;
}

.searchandfilter ul {
  margin: 0;
}
.searchandfilter ul li {
  padding: 5px 0;
}
.searchandfilter h4 {
  padding: 5px 0 0;
}

.searchandfilter select.sf-input-select {
  border-radius: 30px;
  padding: 10px 15px;
  color: #645D63;
  font-size: 0.9rem;
  background-color: #fff;
}

.icons img {
  max-height: 70px;
  width: auto;
}

aside#sb-box.sb-active, aside#b-popup.bp-active {
  display: block !important;
}

aside#b-popup h3 {
  font-size: 1.5rem;
}

aside#b-popup p {
  line-height: 1.4rem;
}

.question {
  cursor: pointer;
}

.white-bg .question {
  background-color: #D9D4D8;
}

.grey-bg .question {
  background-color: #fff;
}

.question.active .arrow > img {
  transform: rotate(180deg);
}

.answer {
  display: none;
}

.answer.show {
  display: block;
}

.question:hover {
  transform: scale(1.03);
}

.question .expand {
  display: block;
}

.question .collapse {
  display: none;
}

.question.active .expand {
  display: none;
}

.question.active .collapse {
  display: block;
}

.slick-dots li button::before {
  border-color: #514c51 !important;
  background: #514c51 !important;
  border-radius: 50px;
  content: " " !important;
  height: 15px;
  width: 15px;
}

.color-bg .slick-dots li button::before {
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.light h1 span.sh1, .light .h1 span.sh1, .dark-grey-bg h1 span.sh1, .dark-grey-bg .h1 span.sh1, .dark-overlay h1 span.sh1, .dark-overlay .h1 span.sh1, .color-bg h1 span.sh1, .color-bg .h1 span.sh1, .video-bg h1 span.sh1, .video-bg .h1 span.sh1 {
  color: #fff;
}

@media only screen and (max-width: 1149px) {
  .no-mobile {
    display: none;
  }
  .mobile-wrap {
    flex-wrap: wrap;
  }
  .mobile-wrap > .flex, .mobile-wrap > .fifty, .mobile-wrap > .full, .mobile-wrap > .twenty, .mobile-wrap > .thirty, .mobile-wrap > .thirty-three, .mobile-wrap > .fourty, .mobile-wrap > .fourty-five, .mobile-wrap > .fourty-seven, .mobile-wrap > .fourty-eight, .mobile-wrap > .fifty-five, .mobile-wrap > .sixty, .mobile-wrap > .sixty-six, .mobile-wrap > .twenty-five, .mobile-wrap > .ten, .mobile-wrap > .seventy, .mobile-wrap > .seventy-five, .mobile-wrap > .eighty, .mobile-wrap > .ninety {
    flex-basis: 100%;
  }
  .mobile-wrapper {
    padding: 0 5%;
  }
  .ms1150up-pr0 {
    padding-right: 0;
  }
  header {
    opacity: 1;
  }
  header .appt {
    display: none;
  }
  header .sub-menu .sub-menu {
    display: block;
  }
  .main-nav {
    border: none;
    padding: 0;
    overflow: visible;
  }
  .main-nav ul {
    min-width: auto;
    top: auto;
    background: none;
    border: none;
    box-shadow: none;
    position: relative;
  }
  #myDropdown {
    flex-flow: row wrap;
    margin-top: 10px;
    margin-bottom: 50px;
    height: 100%;
  }
  #myDropdown #menu-main-menu > li, #myDropdown .mobile-menu-item {
    border-bottom: 1px solid rgba(206, 214, 224, 0.5);
    width: 100%;
    padding: 20px 5px;
    text-align: left;
    position: relative;
  }
  #myDropdown #menu-main-menu > li > a, #myDropdown .mobile-menu-item > a {
    border-left: none;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .dropbtn {
    border: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    position: relative;
    background: #fff;
  }
  .dropdown {
    position: relative;
    display: block;
    float: right;
    width: 100%;
  }
  .dropdown .show {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    height: 100%;
    z-index: 100;
    overflow: auto;
    display: block;
    margin-top: 30px !important;
  }
  .dropdown .table {
    padding: 50px 3% 0;
  }
  .dropdown-content {
    display: none;
    z-index: 50;
  }
  .dropdown-content a {
    padding: 15px !important;
  }
  ul.sub-menu {
    padding: 10px 0 0 30px;
  }
  ul.sub-menu > li {
    border-bottom: none !important;
    padding: 10px 0;
  }
  ul.sub-menu a {
    border-bottom: none !important;
  }
  .menu-item-has-children {
    padding-bottom: 10px !important;
  }
  .menu-item-has-children:after {
    content: none;
  }
  .main-navigation > li {
    padding: 20px 0 !important;
  }
  .main-navigation > li.menu-item-has-children {
    position: relative;
  }
  .main-navigation > li.menu-item-has-children:after {
    content: " ";
    background: url(/wp-content/themes/oak-city/images/down-arrow.svg) center no-repeat;
    position: absolute;
    right: 20px;
    width: 11px;
    height: 18px;
    top: 24px;
    background-size: contain;
  }
  .main-navigation > li.menu-item-has-children:focus {
    outline: none;
  }
  .main-navigation > li.menu-item-has-children:focus > a:before {
    content: " ";
    border: 2px solid #4B7D9D;
    border-radius: 0;
    position: absolute;
    right: 13px;
    width: 20px;
    height: 21px;
    top: 19px;
  }
  .hamburger {
    position: relative;
    top: 4px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  .hamburger.is-active:hover {
    opacity: 0.7;
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #334F55;
  }
  .hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    width: 30px;
    height: 3px;
    background-color: #0E1435;
    border-radius: 30px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .light .hamburger-inner, .light .hamburger-inner::before, .light .hamburger-inner::after {
    background-color: #fff;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    top: -10px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  .hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  footer .col1, footer .col5 {
    flex-basis: 100%;
    text-align: center;
  }
  footer .social > div {
    justify-content: center;
    margin-top: 15px;
  }
  footer .menu-item a {
    padding: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .no-phone, .no-phones, .no-sm-mobile {
    display: none;
  }
  main .phone-center, main .phones-center, main .sm-mobile-center, main .mobile-center {
    text-align: center;
  }
  main .phone-center ul, main .phone-center ol, main .phones-center ul, main .phones-center ol, main .sm-mobile-center ul, main .sm-mobile-center ol, main .mobile-center ul, main .mobile-center ol {
    text-align: left;
  }
  .wrapper, .lg-wrapper, .fw-wrapper, .thin-wrapper, .narrow, .xtra-narrow {
    padding: 3%;
  }
  .fw-wrapper > div {
    padding-left: 30px;
    padding-right: 30px;
  }
  .phone-wrap, .flex-wrap, .sm-mobile-wrap, .phones-wrap {
    flex-wrap: wrap;
  }
  .phone-wrap > .flex, .phone-wrap > .fifty, .phone-wrap > .full, .phone-wrap > .twenty, .phone-wrap > .thirty, .phone-wrap > .thirty-three, .phone-wrap > .fourty, .phone-wrap > .fourty-five, .phone-wrap > .fourty-seven, .phone-wrap > .fourty-eight, .phone-wrap > .fifty-five, .phone-wrap > .sixty, .phone-wrap > .sixty-six, .phone-wrap > .twenty-five, .phone-wrap > .ten, .phone-wrap > .seventy, .phone-wrap > .seventy-five, .phone-wrap > .eighty, .phone-wrap > .ninety, .flex-wrap > .flex, .flex-wrap > .fifty, .flex-wrap > .full, .flex-wrap > .twenty, .flex-wrap > .thirty, .flex-wrap > .thirty-three, .flex-wrap > .fourty, .flex-wrap > .fourty-five, .flex-wrap > .fourty-seven, .flex-wrap > .fourty-eight, .flex-wrap > .fifty-five, .flex-wrap > .sixty, .flex-wrap > .sixty-six, .flex-wrap > .twenty-five, .flex-wrap > .ten, .flex-wrap > .seventy, .flex-wrap > .seventy-five, .flex-wrap > .eighty, .flex-wrap > .ninety, .sm-mobile-wrap > .flex, .sm-mobile-wrap > .fifty, .sm-mobile-wrap > .full, .sm-mobile-wrap > .twenty, .sm-mobile-wrap > .thirty, .sm-mobile-wrap > .thirty-three, .sm-mobile-wrap > .fourty, .sm-mobile-wrap > .fourty-five, .sm-mobile-wrap > .fourty-seven, .sm-mobile-wrap > .fourty-eight, .sm-mobile-wrap > .fifty-five, .sm-mobile-wrap > .sixty, .sm-mobile-wrap > .sixty-six, .sm-mobile-wrap > .twenty-five, .sm-mobile-wrap > .ten, .sm-mobile-wrap > .seventy, .sm-mobile-wrap > .seventy-five, .sm-mobile-wrap > .eighty, .sm-mobile-wrap > .ninety, .phones-wrap > .flex, .phones-wrap > .fifty, .phones-wrap > .full, .phones-wrap > .twenty, .phones-wrap > .thirty, .phones-wrap > .thirty-three, .phones-wrap > .fourty, .phones-wrap > .fourty-five, .phones-wrap > .fourty-seven, .phones-wrap > .fourty-eight, .phones-wrap > .fifty-five, .phones-wrap > .sixty, .phones-wrap > .sixty-six, .phones-wrap > .twenty-five, .phones-wrap > .ten, .phones-wrap > .seventy, .phones-wrap > .seventy-five, .phones-wrap > .eighty, .phones-wrap > .ninety {
    flex-basis: 100%;
  }
  .col4, .col3 {
    flex-basis: 100%;
  }
  .right-pad {
    padding-bottom: 3%;
  }
  .com-img {
    min-height: 180px;
  }
  .page-id-31 h2.h3 {
    font-size: 1.9rem;
  }
  header .logo {
    padding: 5px !important;
  }
  header #search-here {
    left: 0;
  }
  header.sticky .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff !important;
    opacity: 1;
  }
  header a.button {
    padding: 10px 25px;
  }
  .admin-bar header.sticky {
    top: 0px;
  }
  h1, .h1 {
    font-size: 3.1rem;
  }
  h1.heading-font, .h1.heading-font {
    font-size: 2.7rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
    padding-bottom: 5px;
  }
  h3, .h3 {
    font-size: 2.2rem;
  }
  h4, .h4 {
    font-size: 1.7rem;
  }
  h5, .h5 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1.2rem;
  }
  h1 sup {
    position: relative;
    top: -0.8rem;
  }
  #heading .button {
    flex-basis: 100%;
  }
  main a.button {
    margin-bottom: 10px !important;
  }
  main a.button:not(.simple):not(.outline) {
    min-width: 150px;
  }
  .blog-tile .text {
    text-align: center;
  }
  .jump-links {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: scroll;
  }
  .jump-links .jump-links a.outline.button.skip-link {
    border: none;
    min-width: unset;
    white-space: nowrap;
    padding: 0 !important;
  }
  .jump-links .jump-links a.outline.button.skip-link:after {
    content: " | ";
    margin-left: 5px;
  }
  form#gform_5 legend.gfield_label.gform-field-label.gfield_label_before_complex {
    font-size: 1.8rem !important;
    line-height: 2rem;
  }
  .youtube-embed:before {
    width: 50px;
    height: 50px;
    background-size: contain;
    left: calc(50% - 25px) !important;
    top: 70px !important;
  }
  #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-single-value .sidx-details-table-item {
    width: 100%;
    padding: 5px;
  }
  #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-single-value .sidx-details-table-item:nth-child(4n), #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-single-value .sidx-details-table-item:nth-child(4n-1), #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-multi-value .sidx-details-table-item:nth-child(2n) {
    background: unset;
  }
  #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-multi-value .sidx-key, #homeslist .sidx-container .sidx-listing-details .sidx-details-table .sidx-details-multi-value .sidx-val {
    width: 50%;
  }
  footer .col2, footer .col3, footer .col4, footer .col5 {
    flex-basis: 100%;
    margin-top: 20px;
    text-align: center;
  }
  footer .social {
    text-align: center;
  }
  footer .social > div {
    justify-content: center;
  }
  .cat {
    min-width: 48px;
    min-height: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .cat > a {
    padding: 12px;
  }
  .p-title {
    min-width: 48px;
    min-height: 48px;
  }
  .p-title > a {
    padding: 12px;
  }
  .std-cols {
    padding: 3%;
  }
  .p-pt-20 {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .fw-cta {
    padding: 10% 0 !important;
  }
  .p-scroll {
    transform: none !important;
  }
  .ms800down-h-unset {
    height: unset !important;
  }
  .ms800down-p5 {
    padding: 5%;
  }
  .ms800down-p10 {
    padding: 10%;
  }
  .ms800down-pt-280 {
    padding-top: 280px;
  }
  .ms800down-btrr0 {
    border-top-right-radius: 0;
  }
  .ms800down-btlr0 {
    border-top-left-radius: 0;
  }
  .ms800down-bbrr0 {
    border-bottom-right-radius: 0;
  }
  .ms800down-bblr0 {
    border-bottom-left-radius: 0;
  }
  .ms800down-jc-center {
    justify-content: center;
  }
  .ms800down-ta-center {
    text-align: center;
  }
  .ms800down-no-bg {
    background: unset;
  }
  .ms800down-m0auto {
    margin: 0 auto;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 290px !important;
    max-inline-size: 290px !important;
    margin: 0 auto;
  }
  footer ul#menu-terms-menu {
    justify-content: center;
  }
  footer ul#menu-terms-menu a {
    padding: 5px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .no-sm-mobile {
    display: none;
  }
  .sm-mobile-center {
    text-align: center;
  }
  .sm-mobile-center ul, .sm-mobile-center ol {
    text-align: left;
  }
  .std-cols {
    padding: 5%;
  }
  .sm-mobile-wrap {
    flex-wrap: wrap;
  }
  .sm-mobile-wrap > .flex, .sm-mobile-wrap > .fifty, .sm-mobile-wrap > .full, .sm-mobile-wrap > .twenty, .sm-mobile-wrap > .thirty, .sm-mobile-wrap > .thirty-three, .sm-mobile-wrap > .fourty, .sm-mobile-wrap > .fourty-five, .sm-mobile-wrap > .fourty-seven, .sm-mobile-wrap > .fourty-eight, .sm-mobile-wrap > .fifty-five, .sm-mobile-wrap > .sixty, .sm-mobile-wrap > .sixty-six, .sm-mobile-wrap > .twenty-five, .sm-mobile-wrap > .ten, .sm-mobile-wrap > .seventy, .sm-mobile-wrap > .seventy-five, .sm-mobile-wrap > .eighty > .ninety {
    flex-basis: 100%;
  }
  .sm-mobile-wrap .right-pad {
    padding: 0 0 50px 0 !important;
  }
  h1 sup {
    position: relative;
    top: -1rem;
  }
  .com-img {
    min-height: 230px;
  }
  .slick-next {
    right: -40px;
  }
  .slick-prev {
    left: -40px;
  }
  .np-pt-20 {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1149px) {
  main .mobile-center {
    text-align: center;
  }
  main .mobile-center ul, main .mobile-center ol {
    text-align: left;
  }
  aside#loginBox.right-panel-active {
    left: 40%;
  }
  aside#sb-box {
    top: 10vh;
    left: 10vw;
    right: 10vw;
    bottom: 10vw;
  }
  aside#b-popup {
    top: 30vh;
    left: 10vw;
    right: 10vw;
  }
  footer .col2, footer .col3, footer .col4 {
    flex-basis: 33%;
    text-align: center;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1149px) {
  h1 sup {
    position: relative;
    top: -1.2rem;
  }
  .slick-next {
    right: -50px;
  }
  .slick-prev {
    left: -50px;
  }
  .com-img {
    min-height: 340px;
  }
  .vq-txt {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  .vq-author {
    font-size: 1.2rem;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 350px !important;
    max-inline-size: 350px !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 801px) {
  .sm-mobile-only {
    display: none;
  }
  .std-cols {
    padding: 5% 10%;
  }
  .step-details {
    padding-top: 40px;
  }
  .no-results {
    min-height: 800px;
  }
  .ms800up-w80 {
    width: 80%;
  }
  .ms800up-l-10 {
    left: -10%;
  }
  .ms800up-p10 {
    padding: 10%;
  }
  .ms800up-p15 {
    padding: 15%;
  }
  .ms800up-pl20 {
    padding-left: 20%;
  }
  .ms800up-pr20 {
    padding-right: 20%;
  }
  .ms800up-pl0 {
    padding-left: 0;
  }
  .ms800up-bbrr0 {
    border-bottom-right-radius: 0;
  }
  .ms800up-btrr0 {
    border-top-right-radius: 0;
  }
  .ms800up-jc-end {
    justify-content: end;
  }
  .ms800up-mw60vw {
    max-width: 60vw;
  }
  .ms800up-w250px {
    width: 250px !important;
  }
  .ms800up-mh450px {
    min-height: 450px;
  }
  .ms800up-m-15-4 {
    margin: 15% 4%;
  }
  .wp-singular.page .sidx-container .sidx-photo-array {
    clear: both;
    display: flex !important;
    flex-wrap: wrap;
  }
  .wp-singular.page .sidx-container .sidx-photo-array img {
    width: 49%;
    padding: 0.5%;
  }
  .wp-singular.page .sidx-container .mortgage-calculator {
    float: right;
    width: 340px;
    margin-left: 30px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading h1 {
    font-size: 2.4rem;
    padding-top: 0;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-1, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-2 {
    font-weight: 700;
    display: inline;
    padding-right: 10px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-left-column .sidx-reversing + .sidx-reversing {
    width: 40vw;
    float: left;
    margin-right: 5%;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-list-items {
    width: 25vw;
    float: left;
    padding-top: 50px;
    border: none;
  }
  form#gform_5 legend.gfield_label.gform-field-label.gfield_label_before_complex {
    font-size: 2.2rem !important;
    line-height: 2.5rem;
  }
}
@media only screen and (min-width: 601px) {
  .phone-only, .phones-only {
    display: none;
  }
  h2, .h2 {
    font-size: 2.8rem;
  }
  h3, .h3 {
    font-size: 2.5rem;
  }
  h4, .h4 {
    font-size: 1.8rem;
  }
  h5, .h5 {
    font-size: 1.5rem;
  }
  h6, .h6 {
    font-size: 1.3rem;
  }
  .left-pad {
    padding-left: 10%;
  }
  .right-pad {
    padding-right: 10%;
  }
  .row-reverse .right-pad {
    padding-left: 10%;
  }
  .left-box {
    opacity: 1;
  }
  header {
    padding: 0 2%;
  }
  header #search-here {
    width: 250px;
    border-bottom-left-radius: 5px;
  }
  header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.95;
    background: #fff !important;
  }
  header.sticky:hover {
    opacity: 1;
  }
  .h-icon:hover + a {
    color: #231F20;
  }
  .footer .content {
    max-width: 230px;
    margin: 0 auto;
  }
  .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
  }
  .gfield_checkbox > div {
    white-space: nowrap;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 1150px) {
  .mobile-only {
    display: none;
  }
  .wrapper {
    max-width: 1500px;
  }
  .narrow {
    max-width: 1000px;
  }
  .xtra-narrow {
    max-width: 500px;
  }
  .no-desktop {
    display: none !important;
  }
  .no-r-pad > a {
    padding-right: 0 !important;
  }
  h1 sup {
    position: relative;
    top: -1.5rem;
  }
  .single-post h2, .single-post .h2 {
    font-size: 2.5rem;
  }
  .left-box {
    width: 230px;
  }
  .left-box.sticky {
    position: fixed;
  }
  .sidebar-box {
    overflow-y: scroll;
    max-height: 70vh;
  }
  .sidebar-box::-webkit-scrollbar {
    width: 6px;
  }
  .sidebar-box::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #D9D4D8;
    border: 1px solid #D9D4D8;
  }
  .sidebar-box::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #645D63;
  }
  .bsb {
    max-width: 350px;
  }
  .com-img {
    min-height: 300px;
  }
  .header {
    height: 80px;
  }
  div#myDropdown {
    max-width: 650px;
    margin-left: auto;
  }
  header {
    height: 80px;
  }
  header:not(.sticky) .light :not(.sub-menu) a {
    color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a:hover {
    color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a.button.simple {
    border-color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a.button.simple:hover {
    border-color: #0E1435;
  }
  header:not(.sticky) .light .main-navigation > li.menu-item-has-children > a:after {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(1000%) contrast(100%);
  }
  header .header {
    max-width: 1500px;
    margin: 0 auto;
  }
  header .dropbtn {
    display: none;
  }
  header .main-navigation > li.menu-item-has-children:focus {
    outline: none;
  }
  header .main-navigation > li.menu-item-has-children:focus:not(:hover) > a:before {
    content: " ";
    border: 2px solid #0E1435;
    border-radius: 0;
    position: absolute;
    right: 1px;
    width: 14px;
    height: 14px;
    top: 30%;
  }
  header .main-navigation > li.menu-item-has-children.current-menu-parent:focus:not(:hover) > a:before {
    top: unset;
  }
  header .main-navigation > li.menu-item-has-children > a {
    position: relative;
    padding-right: 22px !important;
  }
  header .main-navigation > li.menu-item-has-children > a:after {
    content: " ";
    background: url(/wp-content/themes/oak-city/images/down-arrow.svg) center no-repeat;
    position: absolute;
    right: 5px;
    width: 11px;
    height: 15px;
    top: 35%;
    background-size: contain;
  }
  header .main-nav {
    flex-grow: 6;
    font-size: 1.125rem;
  }
  header .main-nav ul {
    max-width: 800px;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
  }
  header .main-nav ul .sub-menu {
    display: none;
    top: 30px;
    padding: 20px 30px;
    border-radius: 0;
    min-width: 250px;
  }
  header .main-nav ul .sub-menu.opened {
    display: block !important;
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #0A0A0A;
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  }
  header .main-nav ul .sub-menu.opened li {
    padding: 6px 0;
    display: block;
  }
  header .main-nav ul .sub-menu.opened li a {
    padding: unset;
    color: #0A0A0A;
  }
  header .main-nav ul .sub-menu.opened li a:hover {
    color: #0E1435;
    text-decoration: underline;
  }
  header .main-nav ul .sub-menu.opened .sub-menu {
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
    display: block;
    box-shadow: none;
  }
  header .main-nav li {
    list-style: none;
    display: inline-block;
    flex-grow: 1;
    position: relative;
  }
  header .main-nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  header .main-nav li:hover > a {
    color: #0E1435;
    text-decoration: none;
  }
  header .main-nav li:hover .sub-menu {
    display: block;
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #0A0A0A;
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  }
  header .main-nav li:hover .sub-menu li {
    padding: 6px 0;
    line-height: 1.15rem;
    display: block;
  }
  header .main-nav li:hover .sub-menu li a {
    padding: 0;
    color: #0A0A0A;
  }
  header .main-nav li:hover .sub-menu li a:hover {
    color: #0E1435;
    text-decoration: underline;
  }
  header .main-nav li:hover .sub-menu .sub-menu {
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
    box-shadow: none;
  }
  header ul#menu-main-menu > li.current-menu-item > a:before, header ul#menu-main-menu > li.current-page-parent.menu-item-has-children > a:before, header ul#menu-main-menu > li.current-page-ancestor.menu-item-has-children > a:before {
    content: " ";
    position: absolute;
    height: 2px;
    background: #0E1435;
    width: 100%;
    bottom: 7px;
  }
  div#search-here li.sf-field-submit {
    display: none;
  }
  .sidebar-box {
    width: 260px;
    font-size: 0.95rem;
    line-height: 1.4rem;
  }
  .step-details {
    display: none;
    padding-top: 40px;
  }
  .step-details.show-step {
    display: block;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 225px !important;
    max-inline-size: 225px !important;
    margin: 0 auto;
  }
  .img-over {
    right: -30px !important;
  }
  .vq-txt {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
  .vq-author {
    font-size: 1.4rem;
  }
  .video-container {
    padding: 0 8%;
  }
  aside#loginBox {
    left: 90%;
    transition: all 0.4s ease-in-out;
  }
  aside#loginBox > div {
    display: none;
    opacity: 0%;
    transition: all 0.2s ease-in-out;
  }
  aside#loginBox > div > div {
    padding-top: 6vh !important;
  }
  aside#loginBox.right-panel-active {
    left: 65%;
  }
  aside#loginBox.right-panel-active > div {
    display: block;
  }
  aside#sb-box {
    top: 20vh;
    left: 10vw;
    right: 10vw;
    bottom: 20vw;
  }
  aside#b-popup {
    top: 40vh;
    left: 10vw;
    right: 10vw;
  }
}
@media only screen and (min-width: 1281px) {
  header .logo {
    margin-right: 3%;
  }
  .sidebar-box {
    overflow-y: unset;
    max-height: unset;
  }
  .com-img {
    min-height: 400px;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 275px !important;
    max-inline-size: 275px !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1650px) {
  .com-img {
    min-height: 400px;
  }
  .sidebar-box {
    width: 370px;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 340px !important;
    max-inline-size: 340px !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
  .button {
    display: none !important;
  }
  h1 {
    text-align: center;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
  }
  p, li, div, span {
    color: #000 !important;
  }
  div {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    max-width: unset !important;
  }
  div#heading {
    padding: 0 !important;
  }
  .flex-row-center {
    align-items: flex-start !important;
  }
  .double-space p, .double-space li {
    line-height: 1.5rem !important;
  }
  header {
    position: relative !important;
    border: 0 !important;
    box-shadow: 0px 0px !important;
    background: none;
  }
  footer .col1 {
    flex-basis: 100%;
    text-align: center;
  }
  .wow {
    visibility: visible !important;
  }
  .grad-bottom.image > div {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  .grad-bottom.image > div > div {
    text-align: center !important;
  }
  .flexible img {
    max-width: 95% !important;
  }
  .grad-bottom:before {
    display: none !important;
  }
  .list-overlay {
    position: relative !important;
    left: 0 !important;
  }
  .fifty.image.img-result {
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
  }
  .answer {
    display: block !important;
  }
  div#hidden {
    display: block !important;
  }
}
@page {
  margin: 2cm 1.5cm;
}
@page :first {
  margin: 1cm 1.5cm 2cm;
}
.logo-slider.slick-slider {
  margin: 0 -16px 30px;
}

.hov-large:hover {
  transform: scale(1.03);
  transition: all 0.1s;
}

.hov-shadow:hover {
  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.2) !important;
}

@media only screen and (min-width: 1450px) {
  .logo-slider .slick-next {
    right: -65px;
  }
  .logo-slider .slick-prev {
    left: -65px;
  }
}
@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.pie {
  --p:20;
  --b:13px;
  --c:#ff8f1c;
  --w:200px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  margin: 5px;
  place-content: center;
}

.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #293241) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), #293241 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));
}

.animate {
  animation: p 1s 0.5s both;
}

.no-round:before {
  background-size: 0 0, auto;
}

.no-round:after {
  content: none;
}

@keyframes p {
  from {
    --p:0;
  }
}
.light a.button.outline {
  border-color: #fff;
  color: #fff;
}

.slick-arrow {
  background: #fff !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 100px;
  box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
}

.slick-arrow:hover, .slick-arrow:focus {
  background: #0E1435 !important;
}

.slick-arrow img {
  height: 30px;
  width: 25px;
  margin: 0 auto;
}

.slick-arrow:hover img, .slick-arrow:focus img {
  filter: invert(99%) sepia(94%) saturate(26%) hue-rotate(92deg) brightness(105%) contrast(100%);
}

@media only screen and (max-width: 1250px) {
  .h-link {
    padding: 8px !important;
  }
  .h-link a {
    font-size: 1.1rem;
  }
}
.circle-icons img {
  height: 22px;
  width: auto;
  border-radius: 0 !important;
}

.circle-icons {
  width: 68px;
  height: 68px;
  border-radius: 68px;
  margin: 0 auto;
}
.circle-icons > div {
  width: 68px;
  height: 68px;
  border-radius: 68px;
  border: solid 1px #0E1435;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dark-bg .simple-cta, .light .simple-cta, .dark-grey-bg .simple-cta {
  background: #000;
  border-color: #0E1435;
}

.light-bg .simple-cta, .dark .simple-cta, .white-bg .simple-cta, .grey-bg .simple-cta {
  background: #fff;
  border-color: #645D63;
}

.color-bg .simple-cta {
  background: #000;
  border-color: #4B7D9D;
}

.default-w-img {
  filter: invert(100%) sepia(81%) saturate(0%) hue-rotate(249deg) brightness(119%) contrast(101%);
}

.sb-hover:hover, .sb-hover:focus {
  box-shadow: -3px 3px 8px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: -3px 3px 8px 5px rgba(0, 0, 0, 0.05);
  border-color: rgb(245, 244, 242) !important;
  transform: scale(1.03);
  transition: all 0.05s;
}
.sb-hover:hover .default-w-img, .sb-hover:focus .default-w-img {
  filter: none;
}
.sb-hover:hover .hover-w-bg, .sb-hover:focus .hover-w-bg {
  background: #fff;
}
.sb-hover:hover .hover-c-bg, .sb-hover:focus .hover-c-bg {
  background: #0E1435;
}
.sb-hover:hover h2, .sb-hover:hover h3, .sb-hover:focus h2, .sb-hover:focus h3 {
  color: #fff;
}

.button {
  --clr: $outlineButtonBorder;
  --outline: 2px solid var(--clr);
  color: var(--clr);
  outline: var(--outline);
  border: var(--outline);
  outline-offset: -2px;
  transition: outline-offset 200ms ease;
}

.button:hover,
.button:focus {
  outline: var(--outline);
  outline-offset: 2px;
}

.btn-2 {
  --clr: $outlineButtonBorder;
  --outline: 2px solid var(--clr);
  color: var(--clr);
  outline: var(--outline);
  border: var(--outline);
  outline-offset: -2px;
  transition: outline-offset 200ms ease;
}

.btn-2:hover,
.btn-2:focus {
  outline: var(--outline);
  outline-offset: -6px;
}

.btn-3 {
  --clr: $buttonBG;
  --outline: 2px solid $accentColor;
  border: 2px solid var(--clr);
  background: var(--clr);
  color: white;
  outline: var(--outline);
  transition: outline-offset 200ms ease;
}

.btn-3:hover,
.btn-3:focus {
  outline: var(--outline);
  outline-offset: -6px;
}

.btn-4 {
  --clr: $outlineButtonBorder;
  --outline: 2px solid $outlineButtonBorder;
  color: var(--clr);
  outline: var(--outline);
  border: var(--outline);
  outline-offset: -2px;
  transition: outline-width 200ms ease, outline-offset 200ms ease;
}

.btn-4:hover,
.btn-4:focus {
  outline: var(--outline);
  outline-width: 8px;
  outline-offset: -8px;
}

.grey-bg.texture {
  background-image: url(/wp-content/themes/oak-city/images/background-texture.png);
}

.avatar > img {
  border-radius: 60px;
}

a#bbblink {
  margin: 0 auto !important;
}

a.button.skip-link {
  text-align: left;
}

.shadow-box.dark-grey-bg {
  box-shadow: 3px 3px #4B7D9D;
}

.highlight-box {
  border: 1px solid #D9D4D8;
  border-radius: 4px;
  margin-top: 20px;
  padding: 3% 5%;
}

div#heading.grad-bg:after {
  position: absolute;
  content: " ";
  background: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 90%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
}

video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wrapper:before {
  position: absolute;
  content: " ";
  background: #000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.4;
}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.the-arrow {
  width: 1px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #4B7D9D;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #4B7D9D;
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: -3px;
}
.the-arrow.-right > .shaft {
  width: 1px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
  height: 2px;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #4B7D9D;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #0E1435;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: #4B7D9D;
}
.animated-arrow:hover h2 {
  transform: scale(1.05);
  transition: all 0.2s;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #4B7D9D;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #4B7D9D;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .a-main {
  transform: translateX(17px);
  transform: translateX(80px);
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .a-main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .a-main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .a-main > .the-arrow {
  position: relative;
}

input#input_1_1_3 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input#input_1_1_3::-moz-placeholder {
  font-size: 14px;
}
input#input_1_1_3::placeholder {
  font-size: 14px;
}

input#input_1_1_6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
input#input_1_1_6::-moz-placeholder {
  font-size: 14px;
}
input#input_1_1_6::placeholder {
  font-size: 14px;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-size: 14px !important;
}

div#gform_wrapper_1 .gform_heading {
  display: none;
}

#latest li.sf-field-search {
  margin: 0 auto;
  width: 270px;
}

form.searchandfilter {
  font-size: 0.95rem;
  font-weight: 500;
}
form.searchandfilter ul {
  margin: 0;
  padding: 0;
}
form.searchandfilter li.sf-field-category {
  padding-bottom: 0 !important;
}
form.searchandfilter li.sf-field-category > ul, form.searchandfilter li.sf-field-category li.sf-field-category > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
form.searchandfilter li.sf-field-taxonomy-beds, form.searchandfilter li.sf-field-taxonomy-baths, form.searchandfilter li.sf-field-taxonomy-sqft, form.searchandfilter li.sf-field-taxonomy-plan, form.searchandfilter li.sf-field-taxonomy-community {
  padding-bottom: 0 !important;
}
form.searchandfilter li.sf-field-taxonomy-beds > ul, form.searchandfilter li.sf-field-taxonomy-beds li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-baths > ul, form.searchandfilter li.sf-field-taxonomy-baths li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-sqft > ul, form.searchandfilter li.sf-field-taxonomy-sqft li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-plan > ul, form.searchandfilter li.sf-field-taxonomy-plan li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-community > ul, form.searchandfilter li.sf-field-taxonomy-community li.sf-field-category > ul {
  display: flex;
  flex-wrap: wrap;
}
form.searchandfilter li.sf-level-0 {
  margin-bottom: 0 !important;
  position: relative;
  text-align: center;
  flex-grow: 0;
}
form.searchandfilter li.sf-level-0 label {
  background: #fff;
  color: #645D63;
}
form.searchandfilter li.sf-level-0.sf-option-active label {
  background: #0E1435;
  border-color: #0E1435;
  color: #fff;
}
form.searchandfilter li.sf-level-0:hover {
  text-decoration: none;
}
form.searchandfilter li.sf-level-0:hover label {
  background: #4B7D9D;
  border-color: #4B7D9D;
  color: #fff;
}
form.searchandfilter label.sf-label-radio, form.searchandfilter label.sf-label-checkbox {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #D9D4D8;
  border-radius: 30px;
  padding: 5px 15px;
  margin-right: 3px;
}
form.searchandfilter input[type=radio], form.searchandfilter form.searchandfilter input[type=radio], form.searchandfilter input[type=checkbox], form.searchandfilter form.searchandfilter input[type=checkbox] {
  visibility: hidden;
  width: 1px;
  height: 1px;
}
form.searchandfilter li.sf-field-taxonomy-letter {
  padding-top: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio {
  background: none;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:hover, form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:active, form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:focus {
  border: unset;
  color: #4B7D9D;
  background: none;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter li.sf-level-0.sf-option-active label {
  background: #0E1435;
  color: #fff;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 3px;
}

.sf-field-reset {
  text-align: right;
  padding-top: 10px !important;
}
.sf-field-reset a {
  text-decoration: none;
  color: #645D63;
}
.sf-field-reset a:hover, .sf-field-reset a:focus {
  text-decoration: underline;
  color: #0E1435;
}
.sf-field-reset.inactive {
  background: transparent;
}
.sf-field-reset.inactive a {
  color: #0E1435;
}

form#search-filter-form-1118.searchandfilter li.sf-field-category > ul {
  justify-content: left;
}

#amenities ul {
  padding-top: 0;
}

.left-box .searchandfilter select.sf-input-select {
  min-width: 250px;
  margin-top: 5px;
}

#feature #amenities li:nth-of-type(n + 7) {
  display: none;
}

.sidebar-box {
  padding: 20px 30px;
}

.box {
  display: inline-block;
  width: 250px;
  aspect-ratio: 1;
  margin: 20px;
  background: #ccc;
  position: relative;
  font-size: 25px;
  font-family: sans-serif;
}

.ribbon {
  --f: 15px; /* control the folded part */
  position: absolute;
  top: 0;
  color: #fff;
  padding: 0.1em 1.8em;
  background: var(--c, #45ADA8);
  border-bottom: var(--f) solid rgba(0, 0, 0, 0.4666666667);
  -webkit-clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
          clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
}
.ribbon.right {
  right: 0;
  transform: translate(29.2893218813%, -100%) rotate(45deg);
  transform-origin: 0% 100%;
}
.ribbon.left {
  left: 0;
  transform: translate(-29.2893218813%, -100%) rotate(-45deg);
  transform-origin: 100% 100%;
}

/* a fix for firefox that show some strange lines*/
@supports (-moz-appearance: none) {
  .ribbon {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0.3333333333) 0 var(--f), rgba(0, 0, 0, 0) 0) border-box, linear-gradient(var(--c, #45ADA8) 0 0) 50%/calc(100% - 2px) calc(100% - 2px) no-repeat border-box;
    border-bottom-color: rgba(0, 0, 0, 0);
  }
}
.sidx-container .sidx-map-marker-for-sale {
  background: #0E1435;
  border-color: #0E1435;
}

.sidx-disclaimer.ValleyMLS.list_view_listing_preview_disclaimer_template {
  font-size: 0.75rem;
  font-weight: 400;
}

.sidx-container .sidx-search-results .sidx-info-blocks > div > div {
  color: #0E1435;
}

.sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons .sidx-new-listing, .sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons .sidx-price-drop {
  background: #008188 !important;
  padding: 10px;
}

.sidx-container .sidx-search-results .sidx-mls-details .sidx-for-sale {
  color: #008188 !important;
}

.sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons .sidx-featured, .sidx-container .sidx-search-results .sidx-thumbnail .sidx-ribbons .sidx-recommended {
  background: #008188;
}

/*
.sidx-search-grid {
    height: unset !important;
}

@supports (display:grid) {
    .sidx-container .sidx-search-results .sidx-grid {
        -ms-grid-columns: (minmax(350px, 1fr)) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

#homeslist {
    .sidx-pagination {display: none; }
    .sidx-map-container {display: none !important;}
    .sidx-collapse-button {display: none;}
    .sidx-results-type-toggle {display: none;}
    .sidx-main-header {  display: none !important;}
    .sidx-save-search-pill.sidx-search-pill.sidx-dropdown-pill.sidx-unsaved { display: none;}
}
*/
.sidx-disclaimer.ValleyMLS.list_view_listing_preview_disclaimer_template {
  display: none;
}

.sidx-actions {
  display: none !important;
}

.sidx-container .sidx-search-result-grid-item.sidx-search-result-grid-list-item .sidx-description {
  font-weight: 400;
  color: #514c51 !important;
}

.sidx-details-table.sidx-details-table__friends {
  display: none;
}

.sidx-container .sidx-primary-actions {
  display: none;
}

.sidx-main-header {
  display: none !important;
}

.sidx-container .sidx-carousel {
  display: none;
}

.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns {
  display: block;
}
.wp-singular.page .sidx-container .sidx-large-screen .sidx-listing-details .sidx-columns .sidx-left-column, .wp-singular.page .sidx-container .sidx-large-screen .sidx-listing-details .sidx-columns .sidx-right-column {
  width: 100%;
}
.wp-singular.page .sidx-disclaimer.ValleyMLS.detail_view_key_listing_data_disclaimer_template {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-timeline, .wp-singular.page .sidx-container table tbody, .wp-singular.page .sidx-container table tr {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-details-table__timeline .sidx-heading {
  display: none !important;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-price-area .sidx-price {
  font-family: "arboria", sans-serif;
  color: #426E8A;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call {
  background: #4B7D9D;
  padding: 30px 20px;
  border-radius: 4px;
  min-width: 220px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call .sidx-call-text, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call a {
  color: #fff;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call .sidx-call-text {
  padding-bottom: 10px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info .sidx-primary-info-bottom {
  padding-top: 10px;
  color: #514c51;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-description {
  padding: 0.5rem 0 1rem;
  line-height: 1.6rem;
  font-family: "arboria", sans-serif;
  color: #514c51;
  font-size: 1.2rem;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info .sidx-primary-info-top {
  border: 1px solid grey !important;
  padding: 30px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info {
  border: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-price-area .sidx-days-online {
  border: 1px solid #D9D4D8;
  border-radius: 30px;
  padding: 5px 20px;
  white-space: nowrap;
  color: #fff;
  background: rgb(108, 108, 108);
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-schools .sidx-schools-list .sidx-school .sidx-school-name {
  padding-top: 10px;
}
.wp-singular.page .sidx-container .sidx-photo-array {
  clear: both;
  display: flex !important;
  flex-wrap: wrap;
}
.wp-singular.page .sidx-container .sidx-photo-array img {
  width: 49%;
  padding: 0.5%;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading h1 {
  font-size: 2.4rem;
  padding-top: 0;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-1, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-2 {
  font-weight: 700;
  display: inline;
  padding-right: 10px;
}

.sidx-details-table.sidx-details-table__friends {
  display: none;
}

.sidx-container .sidx-primary-actions {
  display: none;
}

.sidx-main-header {
  display: none !important;
}

.sidx-container .sidx-carousel {
  display: none;
}

.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns {
  display: block;
}
.wp-singular.page .sidx-container .sidx-large-screen .sidx-listing-details .sidx-columns .sidx-left-column, .wp-singular.page .sidx-container .sidx-large-screen .sidx-listing-details .sidx-columns .sidx-right-column {
  width: 100%;
  margin: 0;
}
.wp-singular.page .sidx-disclaimer.ValleyMLS.detail_view_key_listing_data_disclaimer_template {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-timeline, .wp-singular.page .sidx-container table tbody, .wp-singular.page .sidx-container table tr {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-details-table__timeline .sidx-heading {
  display: none !important;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions button {
  display: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-price-area .sidx-price {
  font-family: "arboria", sans-serif;
  color: #426E8A;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call {
  background: #4B7D9D;
  padding: 30px 20px;
  border-radius: 4px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call .sidx-call-text, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call a {
  color: #fff;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-call-to-actions .sidx-call .sidx-call-text {
  padding-bottom: 10px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info .sidx-primary-info-bottom {
  padding-top: 10px;
  color: #514c51;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-description {
  padding: 0.5rem 0 1rem;
  line-height: 1.6rem;
  font-family: "arboria", sans-serif;
  color: #514c51;
  font-size: 1.2rem;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info .sidx-primary-info-top {
  border: 1px solid grey !important;
  padding: 30px;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-primary-info {
  border: none;
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-price-area .sidx-days-online {
  border: 1px solid #D9D4D8;
  border-radius: 30px;
  padding: 5px 20px;
  white-space: nowrap;
  color: #fff;
  background: rgb(108, 108, 108);
}
.wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-schools .sidx-schools-list .sidx-school .sidx-school-name {
  padding-top: 10px;
}

.post-content h4, .post-content .h4 {
  font-weight: 400;
}

.dark-grey-bg {
  background: linear-gradient(270deg, rgb(100, 93, 99) 0%, rgb(43, 37, 51) 100%);
}

.acf-gallery {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.thumb-row {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.thumb {
  position: relative;
  cursor: pointer;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #ededed;
  padding: 3%;
}

.thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.thumb .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.thumb:hover .overlay {
  opacity: 1;
}

.sidx-disclaimer.ValleyMLS.detail_view_bottom_disclaimer_template {
  font-size: 0.7rem;
}

.video-bg h1 {
  color: #fff;
}

.page-id-22 ul.children {
  display: none;
}

li.sf-field-taxonomy-plan option.sf-level-1 {
  display: none;
}

form#search-filter-form-3740 > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

li.sf-field-taxonomy-community {
  margin-right: 10px !important;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  padding: 1rem;
}

@media (max-width: 1024px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .gallery {
    grid-template-columns: 1fr;
  }
}
.gallery-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background: #f0f0f0;
  display: inline-block;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
  height: auto;
}

.gallery-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #fff;
}
.gallery-overlay a {
  color: #fff;
  margin: 0.25rem 0;
}

.gallery-overlay .overlay-content a {
  display: inline-block;
  color: #fff;
  margin: 10px 5px;
}

.gallery-item:hover .gallery-overlay, .gallery-item:focus .gallery-overlay {
  opacity: 1;
}

form#gform_5 .gf_progressbar_percentage.percentbar_blue {
  height: 10px;
}
form#gform_5 .gf_progressbar_percentage.percentbar_blue.percentbar_blue {
  background-color: #376F92;
}
form#gform_5 .gf_progressbar_percentage.percentbar_blue span {
  display: none;
}
form#gform_5 legend.gfield_label.gform-field-label.gfield_label_before_complex {
  padding: 40px 0 20px;
  font-weight: 400;
}
form#gform_5 p.gf_progressbar_title {
  display: none;
}
form#gform_5 .gform-page-footer .top_label input {
  flex-basis: 35%;
  margin: 1% 7%;
}
form#gform_5 input#gform_next_button_5_6 {
  margin: 10px auto;
}
form#gform_5 span.gfield-image-choice-wrapper-inner {
  display: none;
}
form#gform_5 span.gform-loader {
  display: none !important;
}
form#gform_5 div#gform_fields_5_5 {
  max-width: 1000px;
  margin: 3% auto 5%;
}

#gform_5 input:not([type=checkbox]).gform_next_button {
  background-color: #4B7D9D !important;
  background: #4B7D9D !important;
  border-color: #4B7D9D !important;
  color: #fff !important;
}
#gform_5 input:not([type=checkbox]).gform_next_button:hover, #gform_5 input:not([type=checkbox]).gform_next_button:focus {
  background: #0E1435 !important;
  border-color: #0E1435 !important;
}/*# sourceMappingURL=style.css.map */