/*******************************************/
/* Theme Name: PaperStreet                 */
/* Theme URI: http://www.wordpressbase.com */
/* Author: PaperStreet                     */
/* Author URI: https://www.paperstreet.com */
/* Description: For PaperStreet            */
/* Text Domain: paperstreet                */
/* Version: 3.2208                         */
/*******************************************/

/*
GENERAL
MENUS
HEADER
FOOTER
FEATURES
ANIMATIONS
MODULES
PRINT
MISC
*/

/*******************************************************************************************
GENERAL - Layout and general features
*******************************************************************************************/

/* GENERAL > HTML and Structure */
.content,
.sidebar {
 width: 100%;
}

.content {
  margin-bottom: 60px;
}

.content img {
 max-width: 100%;
}

.content.full-width {
 float: none;
}

.content p.indent {
 margin-left: 60px;
}

.content section {
 margin-bottom: 60px;
}

.content section:last-of-type {
 margin: 0;
}

ol,
ul {
 margin: 0 0 35px 0;
 padding: 0;
}

ol {
 list-style-position: outside;
 padding-left: 20px;
}

.content li {
 font-size: 1.0rem;
 color: var(--blue);
 padding: 0 0 0 20px;
 position: relative;
}

.content ol li {
 padding-left: 0;
}

.content ul:not(.slick-dots) li:before {
  position: absolute;
  left: 0;
  content: "\f105";
  font-weight: 900;
  color: var(--cyan-blue);
  font-family: 'Font Awesome 6 Pro';
}

/* .content ul li:before,
.sidebar section ul li:before {
 font-family: 'Font Awesome 6 Pro';
} */

.content ul ul {
 margin: 5px 0 5px 20px;
}

hr,
.hr-after:after {
 background: var(--cyan-blue);
 width: 20%;
 height: 5px;
 display: block;
 border: none;
 margin: 40px 0;
 content: '';
}

figure {
 margin: 0;
}

.non-italic,
address {
 font-style: normal;
}

section.no-underline ul {
 border: none;
}

section.no-underline ul:last-of-type {
 padding: 0;
}

/* section.sidebar-block {
 padding: 35px;
} */

.sidebar section {
  margin-bottom: 40px;
}

.sidebar select {
  border: 1px solid #E0E0E0;
  color: var(--blue);
}

.sidebar section h3 {
  margin-bottom: 10px;
}

.sidebar section ul {
  padding-top: 0;
}


.sidebar section ul ul li {
  padding-left: 16px;
}

.sidebar section ul li {
  padding: 16px 0 8px;
  position: relative;
  border-bottom: 1px solid var(--cyan-blue);
}

.sidebar section > ul > li:first-of-type {
  padding: 0 0 8px;
}

.sidebar section ul li,
.sidebar section ul li a {
  display: block;
}

.sidebar section button.no-button,
.sidebar section ul li a {
  color: var(--blue);
  text-decoration: none;
  font-weight: 400;
}

.sidebar section ul li a {
  color: var(--blue);
}

.sidebar section button.no-button:hover,
.sidebar section button.no-button:focus,
.sidebar section ul li a:hover,
.sidebar section ul li a:focus {
  color: var(--light-cyan);
  text-decoration: underline;
}

.sidebar section ul li ul {
 padding-left: 20px;
 margin: 0;
}

.content .search-results-container {
 margin-bottom: 80px;
}

.sidebar-block ul:last-of-type {
 margin: 0;
}

.posts-slider .swiper-button-prev,
.posts-slider .swiper-button-next {
  position: static;
}

.posts-slider .swiper-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
  grid-gap: 20px;
  gap: 20px;
  flex-wrap: wrap;
}

.swiper-button-prev,
.swiper-button-next {
  color: var(--blue);
}

@media screen and (min-width: 1024px) {
  main {
    padding: 80px 0;
  }

  .content {
    width: 72%;
    margin-bottom: 0;
  }

  .content.full-width {
    width: 100%;
    padding-right: 15px;
  }

  .sidebar {
    width: 35%;
    width: 28%;
  }
}

/* GENERAL > Form and Inputs */
input,
select,
textarea {
 color: #fff;
 background: none;
 border: 0;
 border-bottom: 1px solid #fff;
 font-size: 1rem;
 line-height: 1.0;
 font-family: var( --pt-sans);
 box-shadow: none;
 margin: 0;
 width: 100%;
 border-radius: 0;
 padding: 0 15px;
}

input,
select,
textarea,
label {
 height: 45px;
 line-height: 45px;
}

input.dark-input,
select.dark-input,
textarea.dark-input {
 color: var(--blue);
}

textarea {
 resize: none;
 min-height: 90px;
 padding-top: 15px;
 padding-bottom: 15px;
 line-height: 1.2;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
 color: #fff;
}

input::placeholder,
textarea::placeholder {
 color: #fff;
}

select,
form legend,
form label,
form p {
 font-size: 0.9rem;
}

legend,
label {
 color: #fff;
}

fieldset {
 padding: 0;
 border: none;
 margin: 0;
}

label {
 position: absolute;
 top: 0;
 left: 0;
 padding-left: 10px;
 pointer-events: none;
 transition: all 200ms ease-out;
}

input:focus:not([type='checkbox'])~label,
textarea:focus~label,
input.active~label,
textarea.active~label,
select.active~label {
 padding-left: 0;
 line-height: 0;
 top: -15px;
 font-size: 0.7rem;
}

.form-input-group label i {
 color: var(--cyan-blue);
}

.form-input-group {
 display: block;
 position: relative;
 width: 100%;
 margin-bottom: 25px;
 text-align: left;
}

.form-input-group.button-container {
 margin-bottom: 0;
}

select {
 -webkit-appearance: none;
 -moz-appearance: none;
}

select::-ms-expand {
 display: none;
}

.select-wrapper {
 position: relative;
 width: 100%;
}

.select-wrapper:after {
 content: "\f0dc";
 font-weight: 900;
 font-family: 'Font Awesome 6 Pro';
 position: absolute;
 right: 0;
 top: 0;
 text-align: center;
 width: 45px;
 line-height: 45px;
 color: var(--blue);
 pointer-events: none;
 transition: all 200ms ease-out;
}

.select-wrapper.active:after {
 background: var(--blue);
 color: #fff;
}

.form-container {
 background: var(--blue);
 padding: 30px;
}

.contact-form-heading {
 color: #fff;
 text-align: center;
}

.background-input input:focus:not([type='checkbox'])~label,
.background-input textarea:focus~label,
.background-input input.active~label,
.background-input textarea.active~label,
.background-input select.active~label {
 color: var(--blue);
}

.background-input input,
.background-input textarea,
.background-input select {
 background-color: var(--blue);
}

.background-input.select-wrapper:after,
.background-input .select-wrapper:after {
 background-color: var(--light-grey);
}

input.has-error {
 border: 1px solid #ff0000 !important;
 box-shadow: 0 0 2px #ff0000 !important;
}

.gfield_validation_message,
p.error-text {
 color: #ff0000;
 margin: 0;
 font-size: 0.7rem;
 -webkit-animation: fadeIn 125ms both;
 animation: fadeIn 125ms both;
}

/* GENERAL > Slick Customizations */


/* GENERAL > Skip To Content */
#skiptocontent {
 z-index: 10;
 position: fixed;
 padding: 8px;
 display: block !important;
 transform: translateY(-40px);
 opacity: 0;
 background-color: var(--cyan-blue);
 color: #fff;
 transition: all 200ms ease-out;
}

#skiptocontent:focus {
 transform: translateY(0);
 opacity: 1;
}

@media only screen and (max-width: 640px) {
 #skiptocontent {
  display: none !important;
 }
}

/*******************************************************************************************
MENUS - Non-critical menu styling
*******************************************************************************************/

/* MENUS > Mobile Menu */
#container:before {
 z-index: 99;
 content: "";
 position: absolute;
 pointer-events: none;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: rgba(255, 255, 255, 0.5);
 opacity: 0;
 transition: opacity 200ms ease-out;
}

#container.active {
 cursor: pointer;
}

#container.active:before {
 opacity: 1;
}

#mobile-navigation {
 display: block;
 height: 100vh;
 transform: translateY(-100%);
 width: 100%;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 transition: all 500ms cubic-bezier(0.87, 0, 0.13, 1);
}

.mobile-navigation-top-inner {
 align-items: center;
 padding: 8px 0 8px 20px;
 padding-right: 0;
 background-color: var(--blue);
 display: none;
}


#mobile-navigation.active .mobile-navigation-top-inner {
 display: flex !important;
}

#mobile-navigation a {
 padding-left: 20px;
}

#mobile-navigation.active {
 transform: translateY(0);
 opacity: 1;
}

#mobile-navigation a {
 display: block;
 text-decoration: none;
 font-size: 1.1667rem;
 color: #fff;
 padding-top: 12px;
 padding-bottom: 12px;
}

#mobile-navigation a:hover,
#mobile-navigation a:active,
#mobile-navigation a:focus {
 color: var(--light-cyan);
 background: #fff;
}

#mobile-navigation ul {
  margin: 0;
  padding: 0 55px;
}

#mobile-navigation ul li {
 padding: 0;
 position: relative;
 display: block;
 width: 100%;
 border-bottom: 1px solid var(--light-grey);
}

#mobile-navigation ul li:last-of-type {
 border: none;
}

#mobile-navigation ul li:before {
 display: none;
}

#mobile-navigation ul li.sub-menu-open>.sub-menu {
  display: block;
  padding: 0;
  margin-left: 25px;
}

#mobile-navigation .sub-menu {
  overflow: auto;
  display: none;
}

#mobile-navigation .menu-item-has-children>a:after {
 content: '\f0d7';
 font-family: 'Font Awesome 6 Pro';
 position: absolute;
 right: 25px;
}

.mobile-navigation-close {
  padding: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 60px;
  height: 100%;
  background: none;
  margin-left: auto;
  color: var(--white);
  font-size: 1.6rem;
  height: 60px;
}


.mobile-navigation-previous {
  margin-bottom: 10px;
  border: none !important;
}

@media screen and (min-width: 1024px) {
  #mobile-navigation {
    display: none;
  }

  .mobile-navigation-top-inner {
    display: none;
  }
}

/* MENUS > Mega Menu */
.mega-menu {
 width: 100%;
 position: absolute;
 top: 100%;
 left: auto;
 right: 0;
 background: var(--blue);
 padding: 25px 75px;
}

.mega-navigation-menu {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-column-gap: 15px;
 margin: 0;
}

.mega-menu li {
 border-right: 1px solid #fff;
}

.mega-menu li:nth-child(4n) {
 border-right: none;
 margin: 0;
 padding-right: 0;
}

.mega-menu .sub-menu {
 display: none;
}

/*******************************************************************************************
HEADER - Non-critical header styling
*******************************************************************************************/

/* HEADER > Header Search Bar */
.header-search {
 position: fixed;
 top: -100px;
 left: 0;
 right: 0;
 background-color: var(--blue);
 padding: 18px 0;
 width: 100%;
 opacity: 0;
 z-index: 3;
 transition: all 200ms ease-out;
}

.header-search.active {
 opacity: 1;
 top: 0;
}

.header-search-inner {
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
 float: none;
}

.search-results-post-type:not(:last-child) {
 margin-bottom: 30px;
}

.search-results-post-type ul {
 margin: 0;
}

.header-search-results {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 padding: 30px;
 background: var(--blue);
 display: none;
 max-height: 350px;
 overflow: auto;
}

.header-search-results.active {
 display: block;
 -webkit-animation: fadeIn 200ms ease-out;
 animation: fadeIn 200ms ease-out;
}

.header-search-results h3,
.header-search-results a,
.header-search-results p {
 color: #fff;
}

.header-search-results h3 {
 margin-bottom: 8px;
}

.header-search-results a {
 text-decoration: none;
}

.header-search-results a:hover,
.header-search-results a:focus {
 text-decoration: underline;
}

.header-search-form {
 position: relative;
 flex: 1;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
}

#header-search-input {
  margin: 0;
  height: 45px;
  border: 0 none;
  font-size: 1.3rem;
  color: #fff;
  border-bottom: 1px solid #fff;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.header-search button {
  padding: 0 20px;
  height: 45px;
  white-space: pre;
}

.header-search-submit {
  margin: 0 1%;
}

#header-search-open {
  font-size: 1.1rem;
  display: inline-block;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
}

.header-mobile #header-search-open {
  margin: 0;
  line-height: 1;
  height: 20px;
  width: 20px;
}

/*******************************************************************************************
FOOTER - Page bottom
*******************************************************************************************/
.footer {
  text-align: center;
  background-color: var(--dark-blue);
}

.footer-upper h2 {
  margin-bottom: 40px;
}

.footer-upper p {
  margin: 0;
}

.footer-upper-buttons,
.footer-upper-social {
  margin: 40px 0;
}

.footer-upper-social .social-links {
  justify-content: center;
}

.footer-upper-social .social-links a {
  font-size: 1.6rem;
}

.footer-lower span {
  position: relative;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.footer-lower span:after {
  content: "|";
  margin: 0 8px;
}

.footer-lower span:last-of-type:after {
  display: none;
}

.footer-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  gap: 20px;
  flex-direction: column;
  padding: 40px 0;
}

.footer-office {
  color: var(--white);
}

.footer-top .divider {
  background: var(--white);
  opacity: 0.16;
  height: 1px;
  width: 100%;
  max-width: 185px;
  margin: 0 auto;
  align-self: stretch;
}

.footer-office h4 {
  color: var(--cyan-blue);
  font-family: var(--pt-sans);
  font-size: .8889rem;
  margin-bottom: 10px;
}

.footer-top p {
  color: currentColor;
  font-size: .7222rem;
}

.footer-top .map-link {
  color: currentColor;
  text-decoration: none;
}

.footer-top .map-link:hover,
.footer-top .map-link:focus {
  text-decoration: none;
}

.footer-top .map-link::after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background: var(--cyan-blue);
}

.footer-bottom {
  background-color: var(--cyan-blue);
  padding: 17px 0;
}

.footer-bottom span,
.footer-bottom a {
  color: var(--white);
  font-weight: 400;
  font-size: .7778rem;
}

.footer-top-middle {
  order: 1;
}

.footer-top-middle img {
  max-width: 220px;
}

.footer-top .divider:first-of-type {
  order: 2;
}

.footer-top-left {
  order: 3;
}

.footer-top .divider:last-of-type {
  order: 4;
}

.footer-top-right { 
  order: 5;
}

.footer-bottom span {
  position: relative;
  display: inline-block;
}

.footer-bottom span:not(:last-of-type)::after {
  content: '|';
  margin: 0 0 0 6px;
  display: inline;
}

.footer span.social {
  display: inline-flex;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (min-width: 1024px) {
  .footer-office h4 {
    font-size: 1rem;
  }

  .footer-top {
    flex-direction: row;
    grid-gap: 50px;
    gap: 50px;
  }

  .footer-top p {
    font-size: 1rem;
  }

  .footer-top-middle,
  .footer-top-left,
  .footer-top-right,
  .footer-top .divider:nth-of-type(n) { 
    order: initial;
  }

  .footer-top .divider {
    width: 1px;
    height: auto;
    max-width: none;
    margin: 0;
  }

  .footer-bottom span,
  .footer-bottom a {
    font-size: .8889rem;
  }
}

@media screen and (min-width: 1280px) {
  .footer-bottom {
    padding: 25px 0;
  }

  .footer-top {
    flex-direction: row;
    grid-gap: 90px;
    gap: 90px;
  }


}


/*******************************************************************************************
FEATURES - Pre-built small sections
*******************************************************************************************/

/* FEATURES > Breadcrumbs */
.breadcrumbs-container {
 display: none;
 flex-wrap: wrap;
}

.breadcrumbs-single {
 position: relative;
 text-decoration: none;
 padding-right: 20px;
 margin-right: 20px;
}

.breadcrumbs-single:focus,
.breadcrumbs-single:hover {
 text-decoration: underline;
}

.breadcrumbs-single:after {
 position: absolute;
 right: -4px;
 content: "\f105";
 font-family: 'Font Awesome 6 Pro';
}

.breadcrumbs-single:last-of-type {
 padding-right: 0;
 margin-right: 0;
}

.breadcrumbs-single:last-of-type:after {
 display: none;
}

@media screen and (min-width: 1024px) {
 .breadcrumbs-container {
  display: flex;
 }
}

/* FEATURES > Accordion */
.accordion-item {
 border-bottom: 1px solid var(--light-grey);
}

.accordion-item-title {
 padding: 20px 15px;
 font-size: 1.0rem;
 margin: 0;
 position: relative;
 text-transform: uppercase;
 cursor: pointer;
 font-weight: 600;
 color: var(--blue);
 line-height: 30px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
 justify-content: space-between;
 transition: background 200ms ease-out;
}

.accordion-item-title:after {
 content: "\f107";
 font-family: 'Font Awesome 6 Pro';
 line-height: 30px;
 width: 30px;
 height: 30px;
 font-size: 1.2rem;
 text-align: center;
 color: var(--cyan-blue);
}

.accordion-item.active:focus {
 outline: none;
}

.accordion-item-title:hover,
.accordion-item-title:focus {
 background: var(--light-grey);
}

.accordion-item-title:focus:not(:focus-visible) {
 outline: none;
}

.accordion-item.active .accordion-item-title:after {
 content: "\f106";
}

.accordion-item-content {
 display: none;
}

.accordion-item-content p {
 font-size: 0.9rem;
}

.accordion-item.active .accordion-item-content {
 display: block;
 -webkit-animation: fadeIn 200ms both;
 animation: fadeIn 200ms both;
}

.accordion-item-content>*:first-child {
 margin-top: 20px;
}

.accordion-item-content>*:last-child {
 margin-bottom: 35px;
}

/* FEATURES > Quotes */
blockquote,
.quote-single {
 font-style: italic;
 position: relative;
 margin: 0 0 40px;
 padding-top: 20px;
 padding-left: 80px;
 border-left: 5px solid var(--blue);
}

blockquote p,
.quote-single p {
 margin: 0;
}

blockquote cite,
.quote-single cite {
 display: block;
 text-align: right;
 font-weight: 700;
 margin-top: 12px;
 font-style: normal;
}

blockquote:before,
.quote-single:before {
 content: "\f10d";
 font-family: 'Font Awesome 6 Pro';
 position: absolute;
 top: 1%;
 left: 3%;
 font-size: 2.7rem;
 opacity: 1.0;
 color: var(--blue);
 font-style: normal;
}

/* FEATURES > CTA Block */
.cta-single {
 padding: 40px;
 background: var(--light-grey);
 border: 1px solid var(--blue);
 text-align: center;
 margin-bottom: 40px;
}

.cta-single span {
 display: block;
 text-transform: uppercase;
 font-size: 1.3rem;
 line-height: 1.2;
 margin-bottom: 12px;
}

.cta-single a {
 font-size: 2.0rem;
 line-height: 1.2;
}

/* FEATURES > Slideout at Page Bottom */
.bottom-slideout {
 display: block !important;
 position: fixed;
 background: #fff;
 box-shadow: 0 0 20px #000;
 padding: 30px;
 right: 0;
 bottom: 0;
 max-width: 400px;
 opacity: 0;
 z-index: 1;
 transform: translateX(100%);
 transition: all 200ms ease-out;
}

.bottom-slideout.active {
 transform: translateX(0);
 opacity: 1;
}

/* FEATURES > Reviews */
.reviews-container {
 background: var(--light-grey);
 padding: 50px 0;
}

.reviews-star-icon {
 color: var(--light-cyan);
 font-size: 1.1rem;
}

.reviews-single-source:before {
 content: "\2014";
 margin-right: 2px;
}

.reviews-star-icon i {
 margin: 0 2px;
}

.reviews-single {
 float: none;
 text-align: center;
}

.reviews-single em {
 font-style: italic;
 margin: 10px 0;
 display: block;
}

/* FEATURES > Video Gallery */
.videos-single {
 position: relative;
 width: 100%;
 min-height: 225px;
 margin-bottom: 120px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
 text-align: center;
 background-size: cover;
 background-repeat: no-repeat;
 -ms-background-position-x: 100%;
 background-position-x: 100%;
 text-decoration: none;
}

.videos-single:hover:before,
.videos-single:focus:before {
 opacity: 0.6;
}

.videos-single:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: #000;
 opacity: 0;
 transition: opacity 200ms ease-out;
}

.videos-single h2 {
 position: absolute;
 top: 100%;
 width: 100%;
 min-height: 75px;
 max-height: 75px;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 background-color: var(--cyan-blue);
 color: #fff;
 font-size: 1.1rem;
 padding: 10px 20px;
 margin: 0;
 transition: background-color 200ms ease-out;
}

.videos-single:hover h2,
.videos-single:focus h2 {
 background-color: var(--blue);
}

@media screen and (min-width: 640px) {
 .videos-container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
 }

 .videos-single {
  width: 48%;
 }
}

@media screen and (min-width: 1024px) {
 .videos-container {
  justify-content: flex-start;
 }

 .videos-single {
  width: 31.3%;
  margin: 0 3% 110px 0;
 }

 .videos-single:nth-child(3n) {
  margin-right: 0;
 }
}

/* FEATURES > YouTube Player */
.youtube-player {
 position: relative;
 padding-bottom: 56.23%;
 /* Use 75% for 4:3 videos */
 height: 0;
 max-width: 100%;
 background: #000;
 margin: 20px 0 50px;
}

.youtube-player-inner {
 width: 100%;
 height: 100%;
 content: "";
 overflow: hidden;
 position: absolute;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -ms-align-items: center;
 align-items: center;
 justify-content: center;
}

.youtube-player-inner:after,
.videos-single:after {
 content: "\f144";
 font-family: 'Font Awesome 6 Pro';
 font-size: 3.5rem;
 opacity: 0.8;
 display: inline-block;
 margin: 0 auto;
 transition: all 150ms ease-out;
 color: var(--light-cyan);
 pointer-events: none;
 z-index: 1;
}

.youtube-player-inner:hover:after,
.youtube-player-inner:focus:after,
.videos-single:hover:after,
.videos-single:focus:after {
 transform: scale(1.1);
 color: #fff;
 opacity: 1;
}

.youtube-player iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: transparent;
}

.youtube-player img {
 bottom: 0;
 display: block;
 left: 0;
 margin: auto;
 max-width: 100%;
 width: 100%;
 position: absolute;
 right: 0;
 top: 0;
 border: none;
 height: auto;
 cursor: pointer;
 transition: all 200ms ease-out;
}

/* FEATURES > Social Link Lists */
.social-links {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
  grid-gap: 10px;
  gap: 10px;
}

.social-links a {
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.1rem;

 text-decoration: none;
}

.social-links a img {
 width: calc(100% - 8px);
 height: calc(100% - 8px);
}

.social-links a:hover,
.social-links a:focus {
 color: var(--light-cyan);
}

/* FEATURES > Case Results */
.results-slider {
 margin-bottom: 30px;
}

.results-slider-single {
 border: 1px solid var(--cyan-blue);
 padding: 30px;
}

.results-slider-single:last-of-type {
 margin: 0;
}

.results-slider-single h3 {
 font-weight: 700;
 color: var(--blue);
 margin-bottom: 25px;
}

/*******************************************************************************************
ANIMATIONS - Ready-to-go animation classes
*******************************************************************************************/
.animated {
 -webkit-animation-duration: 1000ms;
 animation-duration: 1000ms;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

.animated.fast {
 -webkit-animation-duration: 600ms;
 animation-duration: 600ms;
}

.animated.slow {
 -webkit-animation-duration: 2000ms;
 animation-duration: 2000ms;
}

.fadeIn {
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}

.fadeInUp {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
}


.fadeInUpGentle {
 -webkit-animation-name: fadeInUpGentle;
 animation-name: fadeInUpGentle;
}

.fadeInRight {
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
}

.fadeInDown {
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
}

.fadeInDownGentle {
 -webkit-animation-name: fadeInDownGentle;
 animation-name: fadeInDownGentle;
}

.fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
}

.slideInUp {
 -webkit-animation-name: slideInUp;
 animation-name: slideInUp;
}

.slideInRight {
 -webkit-animation-name: slideInRight;
 animation-name: slideInRight;
}

.slideInDown {
 -webkit-animation-name: slideInDown;
 animation-name: slideInDown;
}

.slideInLeft {
 -webkit-animation-name: slideInLeft;
 animation-name: slideInLeft;
}

@-webkit-keyframes fadeIn {
 from {
  opacity: 0;
 }

 to {
  opacity: 1;
 }
}

@keyframes fadeIn {
 from {
  opacity: 0;
 }

 to {
  opacity: 1;
 }
}

@-webkit-keyframes fadeInUp {
 from {
  opacity: 0;
  transform: translate3d(0, 100%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInUp {
 from {
  opacity: 0;
  transform: translate3d(0, 100%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes fadeInUpGentle {
 from {
  opacity: 0;
  transform: translate3d(0, 15%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInUpGentle {
 from {
  opacity: 0;
  transform: translate3d(0, 15%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes fadeInRight {
 from {
  opacity: 0;
  transform: translate3d(100%, 0, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInRight {
 from {
  opacity: 0;
  transform: translate3d(100%, 0, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes fadeInDown {
 from {
  opacity: 0;
  transform: translate3d(0, -100%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInDown {
 from {
  opacity: 0;
  transform: translate3d(0, -100%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes fadeInDownGentle {
 from {
  opacity: 0;
  transform: translate3d(0, -15%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInDownGentle {
 from {
  opacity: 0;
  transform: translate3d(0, -15%, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes fadeInLeft {
 from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@keyframes fadeInLeft {
 from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0)
 }

 to {
  opacity: 1;
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes slideInUp {
 from {
  transform: translate3d(0, 100%, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@keyframes slideInUp {
 from {
  transform: translate3d(0, 100%, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes slideInRight {
 from {
  transform: translate3d(100%, 0, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@keyframes slideInRight {
 from {
  transform: translate3d(100%, 0, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes slideInDown {
 from {
  transform: translate3d(0, -100%, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@keyframes slideInDown {
 from {
  transform: translate3d(0, -100%, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@-webkit-keyframes slideInLeft {
 from {
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@keyframes slideInLeft {
 from {
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
 }

 to {
  transform: translate3d(0, 0, 0)
 }
}

@keyframes menuSlideRight {
 from {
  opacity: 0;
  margin-left: -10px;
 }

 to {
  opacity: 1;
  margin-left: 0;
 }
}

@-webkit-keyframes menuSlideRight {
 from {
  opacity: 0;
  margin-left: -10px;
 }

 to {
  opacity: 1;
  margin-left: 0;
 }
}

@keyframes menuSlideDown {
 from {
  opacity: 0;
  margin-top: -10px;
 }

 to {
  opacity: 1;
  margin-top: 0;
 }
}

@-webkit-keyframes menuSlideDown {
 from {
  opacity: 0;
  margin-top: -10px;
 }

 to {
  opacity: 1;
  margin-top: 0;
 }
}

/*******************************************************************************************
PRINT - Specific styles for when pages are printed
*******************************************************************************************/
@media print {
  .header {
    top: 0;
    border: none;
    height: auto;
    position: static;
  }

  .header-mobile-buttons {
    display: none;
  }
}

/*******************************************************************************************
MISC - Miscellaneous and new code
*******************************************************************************************/
.grecaptcha-badge {
  display: none;
}

.wp-block-video {width: 100%;}
.wp-block-video video {width: 100%;}