/*
Theme Name: RFA Asset Management: Stories of Success
Theme URI: http://www.artisreit.com
Author: sroemermann
Author URI: http://www.artisreit.com
RFA Asset Management Stories of Success
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artis
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

artis is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

* {
  box-sizing: border-box;

}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 1rem;
}

p {
  font-size: 1rem;
  margin-bottom: 1rem;

}

h1 {
  font-weight: 900;
  color: #000;
  line-height: 130%;
  text-wrap: balance;
  font-size: 1.8rem;
  margin: 0.5rem 0;
}

h2 {
  font-weight: 900;
  font-size: 1.6rem;
  text-wrap: balance;
  margin-bottom: 2rem;
}

.title-underline {
  text-decoration-line: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: #00bfb3;
}

.section-opportunities h2,
.section-testimonials h2,
.section-difference h2 {
  text-align: center;
}

h3 {
  font-weight: 900;
  font-size: 1rem;
  margin-bottom: 1rem;
}

h4 {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
  line-height: 180%;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 2.6rem;
  }
  h2 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1rem;
  }
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  max-width: 1460px;
  margin: 0 2rem 1.5em;
  border-bottom: 3px solid #00bfb3;
  border-top: none;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
  quotes: "" "";
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.content {
  width: 100%;
  max-width: 1460px;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 15px 17px rgba(255, 255, 255, 0.5),
    inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 15px 17px rgba(255, 255, 255, 0.8),
    inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5),
    inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

header.main-header {
  background-color: #ffffff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  filter: drop-shadow(0 0 1rem #0000002a);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
}

header.main-header > .desktop-nav {
  width: 100%;
  max-width: 1460px;
  display: none;
}

@media screen and (min-width: 992px) {
  header.main-header > .desktop-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  }
}

header.main-header .logo {
  margin: 0.6rem 0;
}

header.main-header > div {
  width: 100%;
}

header.main-header .mobile-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

header.main-header .mobile-toggle {
  float: right;
}

header.main-header .mobile-toggle a {
  color: #000;
  display: inline-block;
}

header.main-header .mobile-nav {
  position: absolute;
  display: none;
  background: #00bfb3;
  width: 100%;
  height: 100vh;
  left: 0;
  padding: 1rem;
}

header.main-header .mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0 1rem;
}

header.main-header .mobile-nav ul li a {
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}

header.main-header .mobile-toggle a:hover {
  color: #000;
  text-decoration: none;
}

header nav.main-navigation {
  float: right;
}

header nav.main-navigation ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.75rem 0;
}

header nav.main-navigation ul li {
  float: left;
  padding: 5px 10px;
  font-size: 14px;
}

header nav.main-navigation ul li a {
  text-transform: uppercase;
  font-weight: 800;
  color: #000;
  letter-spacing: 0.12rem;
  display: inline-block;
  padding: 2px 5px;
  background: transparent;
  text-decoration-color: #00bfb3;
}

header nav.main-navigation ul li a:hover {
  text-decoration: underline #00bfb3 3px;
}

header nav.main-navigation ul ul.sub-menu {
  position: absolute;
  display: none;
  margin-left: -1rem;
  margin-top: 0.5rem;
  padding: 1rem;
  background: #00bfb3;
}

header nav.main-navigation ul ul.sub-menu li {
  float: none;
}

header nav.main-navigation ul ul.sub-menu li a {
  text-decoration-color: #000000;
}

header nav.main-navigation ul ul.sub-menu li a:hover {
  text-decoration: underline #000000 3px;
}

.search-bar {
  float: right;
  padding: 5px 10px;
  clear: both;
}

footer {
  background-color: #000;
  color: #ffffff;
}

footer nav ul {
  list-style: none;
}

footer nav ul li {
  float: left;
  padding: 15px 0 0 15px;
}

footer nav ul li a {
  color: #ffffff;
}

footer nav ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

#menu-main-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

#menu-main-navigation li {
  float: left;
  margin-left: 30px;
  font-size: 12px;
  text-transform: uppercase;
}

#menu-main-navigation li a {
  color: #404042;
  text-decoration: none;
  border-bottom: transparent 2px solid;
  padding-bottom: 5px;
}

#menu-main-navigation li a:hover {
  color: #999;
  border-bottom: #ccc 2px solid;
}

#menu-main-navigation ul.sub-menu {
  list-style: none;
  display: none;
  margin: 10px 0 0 0;
  padding: 0;
  position: absolute;
  background: #fff url("../img/bg-dropdown.png") repeat-x;
  z-index: 100;
}

#menu-main-navigation .sub-menu li {
  float: none;
  border-bottom: #ddd 1px solid;
  text-transform: none;
  margin: 0;
}

#menu-main-navigation .sub-menu li a {
  padding: 10px 15px;
  border: none;
  display: block;
}

#menu-main-navigation .sub-menu li a:hover {
  border: none;
}

/* Small menu. */
.menu-toggle {
  display: none;
}

@media screen and (max-width: 600px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block;
  }

  .main-navigation ul {
    display: none;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.artis-loader {
  background-color: #eee;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9000;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  position: absolute;
  /* top: 50%;
  left: 50%; */
  width: 60px;
  height: 60px;
  border: 10px solid #00bfb3;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 750ms linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  line-height: 100%;
  font-weight: 700;
  padding: 0.9rem 0.7rem;
  text-decoration: none;
  svg {
    transition: transform 200ms;
  }
}

.action:hover {
  text-decoration: none;
  svg {
    transform: rotate(-45deg);
  }
}

/* HOME PAGE */

#intro {
  width: 100%;
  overflow: hidden;
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  #intro {
    margin-top: 2rem;
   }
}


#intro .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 2rem;
  margin: 3rem auto;
}

#hero img, #intro img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  #hero img, #intro img {
    height: 300px;
  }
}
/* @media screen and (min-width: 992px) {
  #hero img, #intro img {
    height: 360px;
  }
} */
@media screen and (min-width: 1200px) {
  #hero img, #intro img {
    height: 380px;
  }
}

#intro .action-button {
  margin-top: 0.75rem;
}

#intro .action-button a {
  color: #000;
  background-color: #00bfb3;
  font-weight: 900;
  font-size: 0.95rem;
  transition: all 200ms;
}

#intro .action-button a:hover {
  color: #00bfb3;
  background-color: #000;
}

/* Main nav apply now button */

#site-navigation .main-nav .action-button a {
  color: #fff;
  background-color: #000;
  font-weight: 700;
  font-size: 0.9rem;
  transition: all 200ms;
  text-transform: capitalize;
  letter-spacing: normal;
  padding: 0.7rem 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}

#site-navigation .main-nav .action-button a:hover {
  color: #000;
  background-color: #00bfb3;
  text-decoration: none;
}

section {
  padding: 2rem 0;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  scroll-margin-top: 4rem;
}

section:focus {
  outline: none;
}


/* Our values section */

.section-our-values,
.section-your-growth {
  padding: 2rem;
}

.section-our-values,
.section-your-growth,
.section-why-rfa-asset-management {
  h2::before {
    content: "";
    position: relative;
    width: 3.5rem;
    margin-bottom: 2rem;
    border-bottom: solid 2px #00bfb3;
    display: block;
  }
}

.values-grid {
  display: grid;
  row-gap: 5rem;
  grid-template-columns: 1fr;
  overflow: hidden;
  margin: 4rem 0;
  div {
    position: relative;
    padding: 0 2.1rem;
	}
}

.values-grid > div::after {
  content: "";
  background-color: #00bfb3;
  position: absolute;
  width: 100vw;
  height: 3px;
  bottom: -2.5rem;
  left: 0;
}

.values-grid > div::before {
  content: "";
  background-color: #000;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: -0.1rem;
}

@media screen and (min-width: 576px) {
  .values-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 768px) {
  .values-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* EMPLOYEE STORIES SECTION */

.section-testimonials {
  padding: 2rem;
}


.section-testimonials .testimonials-list {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 576px) {
  .section-testimonials .testimonials-list {
    flex-direction: row;
  }
}

.section-testimonials p {
  text-align: center;
}

.testimonials {
  width: 100%
}

.testimonials .item {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.testimonial-image {
  overflow: hidden;
  aspect-ratio: 1/1;
  max-width: 300px;
  border-radius: 100%;
  border: #94928C 0.5rem solid;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.testimonial-link {
  aspect-ratio: 1/1;

}

.testimonial-image:hover {
  border-color: #00bfb3;
  filter: drop-shadow(0 1rem 1rem #00000017);
}

.testimonial-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#current-opportunities {
  width: 100%;
}

@media screen and (min-width: 992px) {
  #current-opportunities {
    flex-direction: row;
    min-height: 200px;
  }
}

#listings {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  width: 100%;
}

@media screen and (min-width: 992px) {
  #listings {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}

#listings > a:hover {
  text-decoration: none;
}

.opportunity-listing {
  min-width: 300px;
  max-width: 500px;
  /* margin: 10px; */
  padding: 20px 30px;
  color: #000;
  background-color: #e9edee;
  cursor: pointer;
  transition: 200ms all;
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

#listings .opportunity-listing p,
#listings .opportunity-listing p.link {
  margin: 1.5rem 0;
}

.opportunity-listing p.link {
  font-weight: 700;
  font-size: 0.9rem;
  color: #000;
  background-color: #00bfb3;
  padding: 0.7rem 0.6rem;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  svg {
    transition: transform 200ms;
  }
}
.opportunity-listing:hover {
  transition: 300ms all;
  text-decoration: none;
  color: #fff;
  background-color: #000;
  p.link svg {
    transform: rotate(-45deg);
  }
}

.section-opportunities .opportunities-loop {
  margin-top: 20px;
}

.section-opportunities .col-sm-6:hover .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.section-opportunities .col-sm-6:hover .back {
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.section-opportunities .flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.section-opportunities .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.section-opportunities .card {
  -webkit-perspective: 1300px;
  perspective: 1300px;
  margin-bottom: 15px;
}

.section-opportunities .card .card-content {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  margin-top: -5em;
  padding: 0 20px;
}

.section-opportunities .card .front {
  background: #9e3039 url("../img/card-front.jpg");
  color: #fff;
  padding: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  height: 345px;
}

.section-opportunities .card .front .post-date {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
}

.section-opportunities .card .front p {
  font-size: 14px;
}

.section-opportunities .card .front h4 {
  color: #eee;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
  margin-top: 20px;
}

.section-opportunities .card .back {
  background: #fff url("../img/card-back.jpg");
  padding: 15px;
  box-shadow: 0 0 15px #666;
  text-align: center;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  width: 95%;
  height: 345px;
}

.section-opportunities .card .back h4 {
  color: #9e3039;
  font-size: 18px;
}

.section-opportunities .card .back p {
  color: #666;
  font-size: 14px;
}

.section-opportunities .card .front a.action {
  color: #fff;
  border: #fff 1px solid;
}

.section-opportunities .card .front a.action:hover {
  color: #9e3039;
  background: #fff;
}

.section-opportunities .card a.action {
  color: #9e3039;
  border: #9e3039 1px solid;
}

.section-opportunities .card a.action:hover {
  color: #fff;
  background: #9e3039;
}

.section-opportunities .card .back {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

li::marker,
li:before {
  color: #00bfb3;
  font-weight: 700;
}

.section-difference .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.section-difference p {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .section-difference p {
    width: 60%;
  }
}

.section-difference .together-photos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 2rem 0;
}

@media screen and (min-width: 576px) {
  .section-difference .together-photos {
	  grid-template-columns: 1fr 1fr 1fr;
  }

}

.section-difference .team-photo {
  object-fit: cover;
  border: solid 5px transparent;
  transition: all 200ms;
}

.section-difference .team-photo:hover {
  border-color: #00bfb3;
  filter: drop-shadow(0 1rem 1rem #E7DDDA);

  }

.difference-popup {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 2rem;
  max-width: 1140px;
  img {
    margin: 2rem;
  }
}

@media screen and (min-width: 576px) {
  .difference-popup {
    flex-direction: row;
    img {
      max-width: 40%;
    }
  }
}

footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer .content {
  width: 100%
}

footer .logo img {
  padding: 15px 0;
  margin-top: 10px;
}

footer .content .footer-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 3rem;
}

footer .content .footer-cta .cta-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

@media screen and (min-width: 768px) {
  footer .content .footer-cta .cta-buttons {
    flex-direction: row;
  }
  
}

footer .content .footer-cta .cta-buttons .action-button a {
    color: #fff;
    background-color: #000;
    border: solid 1px #fff;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 200ms;
    text-transform: capitalize;
    letter-spacing: normal;
    padding: 0.7rem 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
}

footer .content .footer-cta .cta-buttons .action-button a:hover {
    color: #000;
    background-color: #00bfb3;
    border: solid 1px #00bfb3;
}

footer .content .footer-logos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 2rem;
  margin: 2rem 0;
  align-items: center;
  gap: 1rem;
}

@media screen and (min-width: 768px) {
  footer .content .footer-logos {
    flex-direction: row;
  }
}

footer .content .footer-logos .logo-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

footer .content .footer-logos .logo-area a {
  transition: all 200ms;
}

footer .content .footer-logos .logo-area a:hover {
  filter: opacity(0.6);
}

footer .copyright {
  font-size: 15px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem 2rem;
}

@media screen and (min-width: 768px) {
  footer .copyright {
    flex-direction: row;
  }
}

footer .copyright * {
  margin: 0;
  padding: 0;
}

footer .copyright ul {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

section.content figcaption {
  border-left: #aaa 2px solid;
  border-bottom: #ccc 1px solid;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 18px;
  margin: 10px 15px 5px 10px;
}

section.content .post-navigation {
  padding-bottom: 10px;
  border-bottom: #dadada 1px solid;
  clear: both;
}

section.content .post-navigation i {
  color: #666;
}

section.content .post-navigation a {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

section.content .post-navigation a:hover {
  text-decoration: none;
  color: #9e3039;
}

section.content .post-navigation .prev-link {
  border-top: #ddd 5px solid;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

section.content .post-navigation .next-link {
  border-top: #ddd 5px solid;
  padding: 10px;
  text-align: right;
  box-sizing: border-box;
}

.section-why-rfa-asset-management .content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .section-why-rfa-asset-management .content {
    flex-direction: row;
    div {
      width: 50%;
    }
  }
}

.section-why-rfa-asset-management img {
  max-width: 100%;
}

.disclaimer {
  padding: 0 2rem;
}

/*--------------------------------------------------------------
10.05 Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 992px) {
  .section-testimonials .item .body {
    padding: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .section-testimonials .item .body {
    padding: 0;
    margin-top: 10px;
  }

  .section-testimonials .item .close-overlay a.action {
    margin-top: 15px;
  }
}

@media screen and (max-width: 550px) {
  section {
    padding: 30px 0;
  }

  .section-testimonials p {
    margin-bottom: 10px;
  }

  .section-testimonials .testimonials p {
    margin-bottom: 10px;
  }

  .section-testimonials .item .body {
    margin-top: 10px;
    padding: 0;
  }

  .section-testimonials .item .body p {
    line-height: 21px;
  }

  .section-opportunities .card .card-content {
    top: 20%;
  }

  section.content figcaption {
    padding: 5px 10px;
    margin: 0 15px 25px 10px;
  }

  footer .copyright {
    text-align: center;
  }

  footer nav ul {
    float: none;
    width: 100%;
    text-align: center;
  }

  footer nav ul li {
    display: inline-block;
  }

}

@media print {
  header.main-header,
  .masthead .overlay .separator-white,
  .masthead .overlay .categories,
  .content 
  article .seriesbox,
  .post-navigation,
  fieldset,
  footer {
    display: none !important;
  }

  #primary .masthead .overlay {
    background: #fff;
    padding: 20px 0;
    width: 100%;
    height: 100%;
  }

  a[href]:after {
    content: "";
  }

  .masthead .overlay .separator-white,
  .masthead .overlay .categories,
  .content 
  article .seriesbox,
  .post-navigation,
  fieldset,
  footer {
    display: none !important;
  }

  section {
    padding: 0;
  }

  section.content figcaption {
    font-size: 10px;
  }
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}