@charset "UTF-8";
/* ==== COMMON STYLE BLOCKS ==== */
/* ==== RESPONSIVE MIXINS ==== */
/* ==== VARIABLES ==== */
/* ===== GENERAL ===== */
body {
  background: #dddddd url("../images/concrete.jpg");
  margin: 0;
  font-size: 18px;
  font-family: "myriad-pro-1", arial, sans-serif;
}
#wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
a {
  color: #0066bb;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: #3399ee;
  text-decoration: underline;
}
a:visited {
  color: #003388;
}
h1, h2, h3, h4 {
  font-family: "myriad-pro-condensed-1", "myriad-pro-1", arial, sans-serif;
}
hr {
  border: none;
  border-top: 1px solid #dddddd;
  margin: 1rem 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
iframe {
  max-width: 100%;
  border: 0;
}
iframe[src*="youtube"], iframe[src*="youtu.be"] {
  aspect-ratio: 1.7777777778;
}
.alignleft {
  float: left;
  margin: 0 1.5rem 1.5rem 0;
}
@media (max-width: 767px) {
  .alignleft {
    max-width: 50%;
  }
}
.alignright {
  float: right;
  margin: 0 0 1.5rem 1.5rem;
}
@media (max-width: 767px) {
  .alignright {
    max-width: 50%;
  }
}
.aligncenter {
  margin: 0 auto;
  float: none;
}
/* ===== HEADER ===== */
header {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin: 0;
}
@media (max-width: 767px) {
  header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.33rem;
  }
}
header #header-logo {
  width: 50%;
  margin: 0 0 0 -3px;
}
@media (max-width: 767px) {
  header #header-logo {
    width: calc(100% - .66rem);
    margin: 0 0.33rem;
  }
}
header #header-logo h1, header #header-logo h2 {
  margin: 0;
}
header #header-logo h1 a, header #header-logo h2 a {
  display: block;
}
header #call-to-action {
  width: 50%;
  margin: 0 -8px -5px 0;
  padding: 1.5rem 0 1.5rem 1.5rem;
  background: url("../images/bg_cta.png") left bottom no-repeat;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  header #call-to-action {
    width: calc(100% - 1rem);
    position: static;
    margin: 0 0.5rem;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header #call-to-action {
    width: 50%;
    padding-top: 1rem;
    margin-right: 0;
  }
}
header #call-to-action h2 {
  font: 700 1.2em "myriad-pro-1", arial, sans-serif;
  margin: 0;
}
header #call-to-action p {
  font-size: 1.5em;
  margin: 1rem 0 0;
  line-height: 1;
}
@media (max-width: 767px) {
  header #call-to-action p {
    font-size: 1.1em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header #call-to-action p {
    font-size: 1.1em;
    margin: 0.5rem 0 0;
  }
}
/* ===== NAVIGATION ===== */
nav.nav-header {
  margin: 1rem 0 0;
  font: bold 1.1em "myriad-pro-condensed-1", "myriad-pro-1", arial, sans-serif;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  nav.nav-header {
    margin: 1rem 0.5rem 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.nav-header {
    margin-bottom: -1px;
  }
}
nav.nav-header ul.menu {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: start;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  nav.nav-header ul.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0;
  }
}
nav.nav-header ul.menu li {
  margin: 0;
  padding: 0.8rem 1rem;
}
@media (max-width: 767px) {
  nav.nav-header ul.menu li {
    font-size: 0.9em;
    padding: 0.8rem 0.5rem;
  }
}
nav.nav-header ul.menu li a {
  color: #000000;
  text-decoration: none;
}
nav.nav-header ul.menu li a:hover {
  color: #ffffff;
}
nav.nav-header ul.menu li.current-menu-item, nav.nav-header ul.menu li.current-page-ancestor, nav.nav-header ul.menu li.current-post-ancestor {
  background: url("../images/bg_nav_current.png") top right no-repeat;
  padding: 1.4rem 1.6rem 0;
  font-size: 1.5em;
  line-height: 1;
}
@media (max-width: 767px) {
  nav.nav-header ul.menu li.current-menu-item, nav.nav-header ul.menu li.current-page-ancestor, nav.nav-header ul.menu li.current-post-ancestor {
    background: #fff;
    font-size: 0.9em;
    padding: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.nav-header ul.menu li.current-menu-item, nav.nav-header ul.menu li.current-page-ancestor, nav.nav-header ul.menu li.current-post-ancestor {
    font-size: 1.3em;
  }
}
nav.nav-header ul.menu li.current-menu-item a, nav.nav-header ul.menu li.current-page-ancestor a, nav.nav-header ul.menu li.current-post-ancestor a {
  color: #0066bb;
}
/* ===== CONTENT AREAS ===== */
main {
  background: #ffffff;
  padding: 2rem;
  box-shadow: 0 0 0.33rem rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  main {
    margin: 0 0.5rem;
    padding: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  main {
    padding: 1.5rem;
  }
}
.archive #container, .single #container {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .archive #container, .single #container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
.page-template-page-marketing #container {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .page-template-page-marketing #container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
#content {
  /* Portfolio Grids */
  /* Blog */
}
#content .page-title, #content .entry-title {
  font: 300 2rem "myriad-pro-1", arial, sans-serif;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}
#content .entry-meta {
  color: #999999;
}
#content .entry-meta p {
  margin: 0;
}
#content .edit-link {
  float: right;
  margin: -2rem 0 1.5rem;
}
@media (max-width: 767px) {
  #content .edit-link {
    margin: -1rem 0 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .edit-link {
    margin: -1.5rem 0 1rem;
  }
}
#content .edit-link a.post-edit-link {
  display: block;
  margin: 0;
  padding: 0.5rem 1rem;
  background: #0066bb url("../images/corner_white_8px.png") left bottom no-repeat;
  color: #ffffff;
  text-decoration: none;
}
#content .edit-link a.post-edit-link:hover {
  background: #3399ee url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content {
  /* ---- General ---- */
  /* ---- Homepage ---- */
  /* ---- Who We Are ---- */
  /* ---- Contact Page ---- */
}
#content .entry-content img.has-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
#content .entry-content img.fsj-lets-talk {
  margin: 0 0 6rem 3rem;
}
@media (max-width: 767px) {
  #content .entry-content img.fsj-lets-talk {
    margin: 0 0 1.5rem 1.5rem;
  }
}
#content .entry-content table {
  font-size: 1em;
}
#content .entry-content table td {
  line-height: 1.7;
}
#content .entry-content .wp-caption {
  background: #f0f0f0;
  border: 1px solid #dddddd;
  line-height: 1;
  margin-bottom: 1em;
  padding: 0.25em;
  text-align: center;
}
#content .entry-content .wp-caption img {
  margin: 0.25em 0;
}
#content .entry-content .wp-caption .wp-caption-text {
  color: #999999;
  font-size: 0.67em;
  margin: 0.5em;
}
#content .entry-content .wp-smiley {
  margin: 0;
}
#content .entry-content .home-feat {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  width: 100%;
  margin: 0 0 1.5rem;
}
#content .entry-content .home-feat.odd {
  flex-direction: row-reverse;
}
#content .entry-content .home-feat .feat-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  width: 75%;
  padding: 1.5rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  #content .entry-content .home-feat .feat-main {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
  }
}
#content .entry-content .home-feat .feat-main .fm-text {
  width: 67.5%;
}
#content .entry-content .home-feat .feat-main .fm-text h2 {
  margin: 0;
  font-size: 3em;
  line-height: 1;
}
@media (max-width: 767px) {
  #content .entry-content .home-feat .feat-main .fm-text h2 {
    font-size: 2em;
  }
}
#content .entry-content .home-feat .feat-main .fm-text h2 a {
  color: #ffffff;
  text-decoration: none;
}
#content .entry-content .home-feat .feat-main .fm-text p {
  margin: 1rem 0 0;
}
#content .entry-content .home-feat .feat-main .fm-image {
  width: 32.5%;
  text-align: center;
}
#content .entry-content .home-feat .feat-main .fm-image p {
  margin: 0;
}
#content .entry-content .home-feat .feat-main .fm-image a {
  display: block;
}
#content .entry-content .home-feat .feat-main .fm-image i.fa-solid {
  color: #ffffff;
  font-size: 150px;
  opacity: 0.5;
}
@media (max-width: 767px) {
  #content .entry-content .home-feat .feat-main .fm-image i.fa-solid {
    font-size: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .entry-content .home-feat .feat-main .fm-image i.fa-solid {
    font-size: 125px;
  }
}
#content .entry-content .home-feat .feat-main .fm-image i, #content .entry-content .home-feat .feat-main .fm-image img {
  transition: all 0.2s ease-in-out;
}
#content .entry-content .home-feat .feat-main.marketing {
  background: #0066bb url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content .home-feat .feat-main.web-design {
  background: #ff9900 url("../images/corner_white_8px.png") left bottom no-repeat;
}
@media (max-width: 767px) {
  #content .entry-content .home-feat .feat-main.web-design .fm-text h2 {
    margin-right: 1rem;
  }
}
#content .entry-content .home-feat .feat-main.local-govt {
  background: #999999 url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content .home-feat .feat-main:hover .fm-image i, #content .entry-content .home-feat .feat-main:hover .fm-image img {
  transform: scale(1.1);
}
#content .entry-content .home-feat .feat-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1rem;
  width: 25%;
}
@media (max-width: 767px) {
  #content .entry-content .home-feat .feat-side {
    display: none;
  }
}
#content .entry-content .home-feat .feat-side h3 {
  margin: 0;
  font-size: 1.5em;
  line-height: 1;
}
#content .entry-content .home-feat .feat-side ul {
  margin: 0;
  padding: 0 0 0 1rem;
  line-height: 1.2;
}
#content .entry-content .home-feat .feat-side ul li {
  margin: 0.5em 0;
  letter-spacing: -0.1px;
}
#content .entry-content .home-feat .feat-side p {
  margin: 0;
}
#content .entry-content .home-feat .feat-side a.button-link {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 1.5rem;
}
#content .entry-content .home-feat .feat-side.marketing {
  color: #0066bb;
}
#content .entry-content .home-feat .feat-side.marketing a.button-link {
  background: #0066bb url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content .home-feat .feat-side.web-design {
  color: #ff9900;
}
#content .entry-content .home-feat .feat-side.web-design a.button-link {
  background: #ff9900 url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content .home-feat .feat-side.local-govt {
  color: #999999;
}
#content .entry-content .home-feat .feat-side.local-govt a.button-link {
  background: #999999 url("../images/corner_white_8px.png") left bottom no-repeat;
}
#content .entry-content .who-content {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  #content .entry-content .who-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
#content .entry-content .who-content h2 {
  margin: 0;
  line-height: 1;
}
#content .entry-content .who-content .who-col-1 {
  width: 67.5%;
}
@media (max-width: 767px) {
  #content .entry-content .who-content .who-col-1 {
    width: 100%;
  }
}
#content .entry-content .who-content .who-col-1 p:first-child {
  margin-top: 0;
}
#content .entry-content .who-content .who-col-1 .who-member {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  margin: 1.5rem 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid #dddddd;
}
@media (max-width: 767px) {
  #content .entry-content .who-content .who-col-1 .who-member {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
#content .entry-content .who-content .who-col-1 .who-member .who-member-photo {
  flex-shrink: 0;
  padding-top: 0.25rem;
}
#content .entry-content .who-content .who-col-1 .who-member .who-member-content p {
  margin: 1rem 0 0;
}
#content .entry-content .who-content .who-col-2 {
  width: 32.5%;
}
@media (max-width: 767px) {
  #content .entry-content .who-content .who-col-2 {
    width: 100%;
  }
}
#content .entry-content .who-content .who-col-2 .who-testimonials {
  background: #eeeeee;
  padding: 1.5rem;
}
#content .entry-content .who-content .who-col-2 .who-testimonials h2 {
  margin-top: 0.5rem;
}
#content .entry-content .who-content .who-col-2 .who-testimonials h2::before {
  content: "";
  display: inline-block;
  margin-right: 1rem;
  color: #999999;
  font: bold 2.5rem "FontAwesome";
  vertical-align: middle;
  margin-top: -0.3rem;
}
#content .entry-content .who-content .who-col-2 .who-testimonials .who-test-item {
  margin: 1.5rem 0 0;
  border-top: 1px solid #ccc;
}
#content .entry-content .who-content .who-col-2 .who-testimonials .who-test-item p {
  margin: 1.5rem 0 0;
}
#content .entry-content .who-content .who-col-2 .who-testimonials .who-test-item p.condense {
  letter-spacing: -0.1px;
}
#content .entry-content .who-content .who-col-2 .who-testimonials .who-test-item p.credit {
  text-align: right;
}
#content .entry-content .google-map {
  position: relative;
}
#content .entry-content .google-map iframe {
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  #content .entry-content .google-map iframe {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .entry-content .google-map iframe {
    position: static;
  }
}
#content .display-posts-listing.grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  clear: both;
  margin: 1.5rem 0;
}
#content .display-posts-listing.grid .listing-item {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  #content .display-posts-listing.grid .listing-item {
    width: 28.5%;
  }
}
#content .display-posts-listing.grid .listing-item a, #content .display-posts-listing.grid .listing-item img {
  display: block;
}
#content .display-posts-listing.grid .listing-item:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
}
#content .post {
  background: #ffffff;
  margin: 0 0 0 -2rem;
  padding: 2rem 2rem 1.5rem;
  box-shadow: -0.4rem -0.4rem 0.5rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  #content .post {
    margin: 0 -1rem;
    padding: 1rem;
  }
}
#content .post #entry-author-info {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  flex-wrap: nowrap;
  gap: 1.5rem;
  background: #eeeeee;
  line-height: 1.5;
  margin: 1.5rem 0 0;
  padding: 1.5rem;
}
#content .post #entry-author-info #author-avatar {
  flex-shrink: 0;
}
#content .post #entry-author-info #author-description h2 {
  margin: 0 0 0.5rem;
  line-height: 1;
}
#content #nav-below {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  margin: 0 2rem 0 0;
  border-top: 1px solid #dddddd;
}
@media (max-width: 767px) {
  #content #nav-below {
    margin: 0;
  }
}
#content #nav-below p {
  width: 50%;
  margin: 1rem 0 0;
}
#content #nav-below p.nav-next {
  text-align: right;
}
.archive #content, .single #content, .page-template-page-marketing #content {
  width: 67.5%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .archive #content, .single #content, .page-template-page-marketing #content {
    width: 100%;
  }
}
#after-content {
  clear: both;
}
#after-content section {
  margin: 1.5rem 0 0;
}
#after-content h2 {
  color: #0066bb;
  font-size: 1.5em;
  line-height: 1;
  background: url("../images/bg_heading.jpg") 0 0 no-repeat;
  padding: 2rem 2rem 0;
  margin: 0 -2rem 1.5rem;
}
@media (max-width: 767px) {
  #after-content h2 {
    margin: 0 -1rem 1.5rem;
  }
}
ul.btn-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  ul.btn-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.btn-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
ul.btn-row li {
  margin: 0;
  background: #999999;
  background: linear-gradient(to bottom, #999999 0%, #444444 100%);
}
ul.btn-row li.blue:hover {
  background: #025692;
  background: linear-gradient(to bottom, #025692 0%, #012743 100%);
}
ul.btn-row li.teal:hover {
  background: #008DAD;
  background: linear-gradient(to bottom, #008DAD 0%, #00404F 100%);
}
ul.btn-row li.seafoam:hover {
  background: #15AD75;
  background: linear-gradient(to bottom, #15AD75 0%, #0A4F35 100%);
}
ul.btn-row li.green:hover {
  background: #63BD45;
  background: linear-gradient(to bottom, #63BD45 0%, #2D561F 100%);
}
ul.btn-row li.lime:hover {
  background: #B6C828;
  background: linear-gradient(to bottom, #B6C828 0%, #535B12 100%);
}
ul.btn-row li.gold:hover {
  background: #FBCC00;
  background: linear-gradient(to bottom, #FBCC00 0%, #725D00 100%);
}
ul.btn-row li a {
  display: block;
  color: #ffffff;
  padding: 1.5rem;
  text-decoration: none;
  background: url("../images/corner_white_8px.png") left bottom no-repeat;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.btn-row li a {
    height: 100%;
  }
}
ul.btn-row li a .btn-icon i {
  font-size: 2.5em;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.btn-row li a .btn-icon i {
    font-size: 1.5em;
  }
}
ul.btn-row li a .btn-label {
  letter-spacing: -0.2px;
}
ul.btn-row li.sm a {
  font-size: 0.9em;
  padding: 0.5rem 0.9rem;
}
ul.btn-row li.xl a {
  font-size: 1.4em;
  font-weight: 300;
}
ul.btn-row.cols-2 li {
  width: 50%;
}
@media (max-width: 767px) {
  ul.btn-row.cols-2 li {
    width: 100%;
  }
}
ul.btn-row.cols-3 li {
  width: 33.33%;
}
@media (max-width: 767px) {
  ul.btn-row.cols-3 li {
    width: 100%;
  }
}
ul.btn-row.cols-4 li {
  width: 25%;
}
@media (max-width: 767px) {
  ul.btn-row.cols-4 li {
    width: 100%;
  }
}
ul.btn-row.justify-end {
  justify-content: end;
  gap: 1rem;
}
ul.btn-row.gap-xs {
  gap: 0.5rem;
}
ul.btn-row.flex-col {
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: 1rem;
}
ul.btn-row.flex-wrap {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  ul.btn-row.flex-wrap {
    flex-direction: row;
  }
}
ul.btn-row.flex-wrap.cols-2 li {
  width: 48.5%;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.btn-row.flex-wrap.cols-2 li {
    width: 100%;
  }
}
#services-primary-row .btn-row li a {
  min-height: 112px;
}
#services-primary-row .btn-row li a h2 {
  margin: 0;
  padding: 0;
  background: none;
  color: #ffffff;
  font: 500 2rem "myriad-pro-1", arial, sans-serif;
  line-height: 1;
}
#services-secondary-row .btn-row li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 1.5em 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  #services-secondary-row .btn-row li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 0.67rem;
    padding: 1rem;
    font-size: 0.9em;
  }
}
#social-row .btn-row li {
  width: 25%;
}
@media (max-width: 767px) {
  #social-row .btn-row li {
    width: 100%;
  }
}
#social-row .btn-row li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
}
#social-row .btn-row li .social-icon {
  font-size: 1.5rem;
  width: 3rem;
  line-height: 3rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  #social-row .btn-row li .social-icon {
    font-size: 1rem;
    width: 2rem;
    line-height: 2rem;
  }
}
#social-row .btn-row li .social-content {
  flex-grow: 1;
  font-size: 0.9em;
  background: #999999;
  line-height: 3rem;
  padding: 0 0 0 0.8rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  #social-row .btn-row li .social-content {
    font-size: 0.7em;
    line-height: 2rem;
    padding: 0 0 0 0.5rem;
  }
}
#blog-row .btn-row li {
  aspect-ratio: 2;
  position: relative;
}
#blog-row .btn-row li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}
#blog-row .btn-row li:hover img {
  filter: grayscale(0%);
}
#blog-row .btn-row li a {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: linear-gradient(to bottom, transparent, rgba(85, 85, 85, 0.8) 66.67%, #555 100%);
  color: #ffffff;
  font: 500 1.2em "myriad-pro-1", arial, sans-serif;
  text-decoration: none;
}
#blog-row .btn-row li a span {
  display: block;
  width: 100%;
  padding: 40px 20px 15px;
  box-sizing: border-box;
  background: url("../images/corner_white_8px.png") left bottom no-repeat;
}
#who-row-condensed h3 {
  margin: 0;
  font-size: 24px;
}
#who-row-new ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1.5rem;
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  #who-row-new ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
#who-row-new ul li {
  flex-grow: 1;
  max-height: 132px;
  background: linear-gradient(to bottom, #999 0%, #555 100%);
}
#who-row-new ul li:first-child {
  margin-left: 0;
}
#who-row-new ul li:first-child:hover {
  background: linear-gradient(to bottom, #045691 0%, #092e4b 100%);
}
#who-row-new ul li:hover {
  background: linear-gradient(to bottom, #0a9b8f 0%, #115147 100%);
}
#who-row-new ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  font-size: 2em;
  font-weight: 300;
  text-decoration: none;
  padding: 76px 15px 15px 20px;
  background-size: auto 264px;
  background-position: 93% 0;
  background-repeat: no-repeat;
  transition: none;
}
#who-row-new ul li a:hover {
  background-position: 93% -132px;
}
#who-row-new ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border: 6px solid #fff;
  border-top-color: transparent;
  border-right-color: transparent;
}
#who-row-new ul li a.chad {
  background-image: url("../images/chad-atlas.png");
}
#who-row-new ul li a.karyl {
  background-image: url("../images/karyl-atlas.png");
}
/* ===== SIDEBAR ===== */
aside.sidebar {
  width: 32.5%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  aside.sidebar {
    width: 100%;
  }
}
aside.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.sidebar ul li.widget-container {
  margin: 0 0 2rem;
}
aside.sidebar ul li.widget-container .widget-title {
  font-size: 1.5em;
  margin: 0 0 1.5rem;
}
/* ===== FOOTER ===== */
footer {
  max-width: 1000px;
  margin: 1em auto;
}
@media (max-width: 767px) {
  footer {
    margin: 1em 0.5rem;
  }
}
footer nav.nav-footer ul.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  footer nav.nav-footer ul.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;
  }
}
footer nav.nav-footer ul.menu li.menu-item {
  padding: 0 0.5em;
  border-left: 1px solid #444444;
}
footer nav.nav-footer ul.menu li.menu-item:first-child {
  padding: 0 0.5em 0 0;
  border-left: none;
}
@media (max-width: 767px) {
  footer nav.nav-footer ul.menu li.menu-item:first-child {
    padding: 0 0.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer nav.nav-footer ul.menu li.menu-item:first-child {
    padding: 0 0.5em;
  }
}
footer nav.nav-footer ul.menu li.menu-item a {
  color: #ffffff;
  text-decoration: none;
}
footer nav.nav-footer ul.menu li.menu-item a:hover {
  color: #ffcc00;
}