﻿/*
==============================================
Video Billboard No Overlay
==============================================
*/
.bb-video-only .billboard-background-video::after {
  display: none !important;
}

/*
==============================================
Disclaimer Mobile Fix
==============================================
*/
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .subcat-grid-cta .rich-text-container p.disclaimer {
    padding: 0 20px;
  }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .subcat-grid-cta .rich-text-container p.disclaimer {
    padding: 0 20px;
  }
}


/*
==============================================
Content Slider Icons - White
==============================================
*/
.cs-base.cs-icon circle {
  fill: rgba( var(--rgb-color-2), var(--rgb-opacity-2));
}
.cs-base.cs-icon rect {
  fill: transparent;
}
.cs-base.cs-icon g, 
.cs-base.cs-icon g rect, 
.cs-base.cs-icon g circle {
  fill: var(--rj-blue);
}

/*
==============================================
Content Slider Icons - rj-light
==============================================
*/
.rj-light .cs-base.cs-icon circle {
  fill: var(--white);
}
.rj-light .cs-base.cs-icon rect {
  fill: transparent;
}
.rj-light .cs-base.cs-icon g, 
.rj-light .cs-base.cs-icon g rect, 
.rj-light .cs-base.cs-icon g circle {
  fill: var(--rj-blue);
}

/*
==============================================
Content Slider Icons - rj-dark
==============================================
*/
.rj-dark .cs-base.cs-icon circle {
  fill: rgba( var(--rgb-color-1), var(--rgb-opacity-2));
}
.rj-dark .cs-base.cs-icon rect {
  fill: transparent;
}
.rj-dark .cs-base.cs-icon g, 
.rj-dark .cs-base.cs-icon g rect, 
.rj-dark .cs-base.cs-icon g circle {
  fill: var(--white);
}



/*
==============================================
Universal padding
==============================================
*/
.un-padding-top-25 {
  padding-top: 25px !important;
}
.un-padding-top-50 {
  padding-top: 50px !important;
}
.un-padding-top-75 {
  padding-top: 75px !important;
}
.un-padding-bottom-25 {
  padding-bottom: 25px !important;
}
.un-padding-bottom-50 {
  padding-bottom: 50px !important;
}
.un-padding-bottom-75 {
  padding-bottom: 75px !important;
}


/*
==============================================
Universal margin
==============================================
*/
.un-margin-top-25 {
  margin-top: 25px !important;
}
.un-margin-top-50 {
  margin-top: 50px !important;
}
.un-margin-top-75 {
  margin-top: 75px !important;
}
.un-margin-bottom-25 {
  margin-bottom: 25px !important;
}
.un-margin-bottom-50 {
  margin-bottom: 50px !important;
}
.un-margin-bottom-75 {
  margin-bottom: 75px !important;
}


.mg-advisor-op .masonry-three-by-one .masonry-cta {
  bottom: inherit !important;
}

/*
==============================================
Content Slider
==============================================
*/

.cs-base {
  margin: 80px 0px 60px;
  padding: 0px !important;
}
.cs-base, 
.cs-base .content-slider-half-width-content-wrapper {
  border-top: none !important;
  border-bottom: none !important;
  padding: 10px 50px 50px;
}
.cs-base .wrap-content-slider-content {
  display: block;
}
.cs-base .content-slider-heading {
  text-align: left;
}
.cs-base .content-slider-heading strong {
  display: block;
  font-weight: 600;
}
.cs-base .content-slider-heading {
  font-size: 3.3rem !important;
  line-height: 3.3rem !important;
  color: var(--rj-blue);
  text-transform: none !important;
  font-weight: 300;
}
.cs-base .content-slider-copy {
  color: var(--rj-gray);
  font-size: 1.8rem !important;
  line-height: 3.0rem !important;
  font-weight: 400;
}
.cs-base .content-slider-cta {
  font-size: 1.7rem;
  line-height: 2.0rem;
  font-weight: 600;
  color: var(--rj-blue) !important;
  border: 1px solid var(--rj-blue);
  text-transform: none;
  background-color: transparent !important;
  padding: 10px 20px !important;
  transition: all 400ms ease-in-out;
  border-radius: 4px;
}
.cs-base .slick-slide:hover .content-slider-cta {
  color: var(--white) !important;
  border: 1px solid var(--rj-blue);
  background: var(--rj-blue) !important;
}
.cs-base .content-slider-half-image {
  padding: 0 10px;
}
.cs-base .content-slider-cta:hover {
  text-decoration: none !important;
}
.cs-base .slick-prev {
  left: -10px;
}
.cs-base .slick-next {
  right: -10px;
}
.cs-base button {
  top: 43% !important;
}
.cs-base .slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  background-size: 50px 50px;
  opacity: 1;
  display: inline-block;
  background-repeat: no-repeat;
  transition: background-position 0.25s;
  transition: all 0.5s ease-in-out;
}
.cs-base .slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  background-size: 50px 50px;
  opacity: 1;
  display: inline-block;
  background-repeat: no-repeat ;
  transition: background-position 0.25s ;
  transition: all 0.5s ease-in-out;
}
.cs-base .slick-next:hover:before, 
.cs-base .slick-prev:hover:before {
  opacity: 0.8;
}
.cs-base .content-slider-cta {
  padding: 10px 20px !important;
  display: inline-block;
  transition: all 400ms ease-in-out;
  border-radius: 4px;
}
.cs-base .slick-next:before,
.cs-base .slick-prev:before  {
  font-size: 50px;
  color: var(--rj-blue);
}
.rj-dark .cs-base .content-slider-heading {
  color: var(--white);
}
.rj-dark .cs-base .content-slider-copy {
  color: var(--white);
}
.rj-dark .cs-base .content-slider-cta {
  color: var(--white) !important;
  border-color: var(--white);
}
.rj-dark .cs-base .content-slider-cta {
  color: var(--white) !important;
  border-color: var(--white);
}
.rj-dark .cs-base .slick-slide:hover .content-slider-cta {
  color: var(--rj-blue) !important;
  border: 1px solid var(--white);
  background: var(--white) !important;
}
.rj-dark .cs-base .slick-prev:before, 
.rj-dark .cs-base .slick-next:before {
  color: var(--white);
}
.rj-dark .cs-base .slick-next:hover:before, 
.rj-dark .cs-base .slick-prev:hover:before {
  color: var(--white);
}
/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .cs-base .slick-prev, 
  .cs-base .slick-next {
    opacity: 1;
    top: 53% !important;
  }
}
/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .cs-base .content-slider-image-left .wrap-content-slider-content, 
  .cs-base .content-slider-image-right .wrap-content-slider-content {
    padding: 30px;
  } 
  .cs-base .content-slider-half-image {
    height: auto !important;
  }
  .cs-base, 
  .cs-base .content-slider-half-width-content-wrapper {
    padding: 0px 50px;
  }
  .cs-base .wrap-content-slider-content {
    text-align: center;
  }
  .cs-base .content-slider-heading {
    text-align: center;
  }
  .cs-base .content-slider-image-right .content-slider-half-width-content-wrapper {
    flex-direction: column-reverse;
  } 
  .cs-base .content-slider-half-width {
    margin: 20px 0;
  }
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .cs-base, 
  .cs-base .content-slider-half-width-content-wrapper {
    padding: 0 !important;
    text-align: center;
  }
  .cs-base .slick-prev {
    left: 5px;
  }
  .cs-base .slick-next {
    right: 5px;
  }
}
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .cs-base .slick-prev {
    left: 5px;
  }
  .cs-base .slick-next {
    right: 5px;
  }
}


/*
==============================================
Our Stories Content Hub Updates
==============================================
*/

.our-stories-content-hub-landing .breadcrumb-dropdown, 
.our-stories-content-hub-landing .category-list {
  background: none;
}
.our-stories-content-hub-landing .category-list-item .fa {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: 5px;
}
.our-stories-content-hub-landing .category-list .container {
  padding-left: 30px;
  padding-right: 30px;
}
.our-stories-content-hub-landing .category-list-item a:hover .fa {
  margin-left: 15px;
}
.our-stories-content-hub-landing .category-list-item a:hover {
  color: var(--rj-blue);
}
.our-stories-content-hub-landing .category-list-item .fa-angle-right:before {
  font-weight: bold;
  font-size: 20px;
  bottom: -1px;
  position: relative;
}
.our-stories-content-hub-landing .category-list-title {
  color: var(--rj-blue);
  border-bottom: 1px solid var(--medium-gray);
  font-size: 2.4rem;
}
.our-stories-content-hub-landing .masonry-container {
  padding-top: 60px;
}
.our-stories-content-hub-landing .category-list-items {
  -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}
/*
==============================================
Vanilla Single Player div fix
.rt-video-player
==============================================
*/
.rt-video-player div  {
  position: initial !important;
}
.rt-video-player  {
  margin: 35px;
}
/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
.rt-video-player  {
  margin: 15px 0px;
}
}

/*
==============================================
Rich Text Video Columns
==============================================
*/
.rt-video-base {
  margin: 60px 0;
}
.rt-video-base.rt-video-col-1 {
 text-align: center;
}
.rt-video-base.rt-video-col-1 .ivid-copy-wrapper {
 max-width: 900px;
 margin: 0 auto;
}

.rt-video-base.rt-video-col-3 {
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 column-count: 3;
}
.rt-video-base.rt-video-col-2 {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
}
.rt-video-base.rt-video-col-3 iframe {
 min-height: 225px;
 height: auto !important;
}
.ivid-copy-wrapper {
 padding: 20px 30px;
}
.rt-video-base.rt-video-col-2 iframe {
 min-height: 335px;
 height: auto !important;
}



/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
 .rt-video-base.rt-video-col-3 iframe {
   height: 185px;
   min-height: 185px;
 }
 .rt-video-base.rt-video-col-3 {
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3;
  }
  .rt-video-base.rt-video-col-2 {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
  }
  .rt-video-base.rt-video-col-2 iframe {
   height: 275px;
   min-height: 275px;
  }
}
/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
 .rt-video-base.rt-video-col-3, .rt-video-base.rt-video-col-2 {
   -webkit-column-count: 1; /* Chrome, Safari, Opera */
   -moz-column-count: 1; /* Firefox */
   column-count: 1;
  }
 .rt-video-base iframe, .rt-video-base.rt-video-col-3 iframe, .rt-video-base.rt-video-col-2 iframe {
   height: 405px;
   min-height: 405px;
 }
 .rt-video-base.rt-video-col-1 {
   text-align: left;
  }
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
 .rt-video-base iframe {
   height: 215px !important;
   min-height: 215px !important;
 }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
 .rt-video-base iframe {
   height: 365px;
   min-height: 365px;
 }
 .rt-video-base iframe, .rt-video-base.rt-video-col-3 iframe, .rt-video-base.rt-video-col-2 iframe {
   height: 365px;
   min-height: 365px;
 }
}



/*
==============================================
Callout Icon Variant
==============================================
*/
.co-icon .callout-item {
  background: none !important;
}
.co-icon.callouts-container .callout-item .callout-link {
  box-shadow: none !important;
}
.co-icon.callouts-mobile-slider {
  box-shadow: none !important;
}
.co-icon .callout-copy-wrapper {
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--rj-gray) !important;
  font-size: 1.8rem !important;
  line-height: 3.0rem !important;
}
.co-icon .callout-heading-wrapper,
.co-icon .callout-copy-wrapper {
  height: auto !important;
}
.co-icon.callouts-container .callout-item .callout-image-wrapper .callout-image, 
.co-icon.callouts-mobile-slider .callout-item .callout-image-wrapper .callout-image {
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* .co-icon .callout-item .callout-link:hover .callout-image {
  opacity: 0.8 !important;
} */

.co-icon .callout-item .callout-link .callout-image {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.co-icon .callout-link:hover .callout-cta {
  color: var(--white) !important;
  border: 1px solid var(--rj-blue);
  background: var(--rj-blue);
}
.co-icon .callout-item .callout-cta-wrapper .callout-cta {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 1.8rem;
  min-width: auto !important;
  width: auto !important;
  color: var(--rj-blue) !important;
  border: 1px solid var(--rj-blue);
  text-transform: none;
  padding: 10px 20px !important;
  border-radius: 4px;
  display: inline-block;
  background-color: transparent;
  transition: all 400ms ease-in-out;
}
.co-icon .callout-link:hover .callout-cta {
  color: var(--white) !important;
  border: 1px solid var(--rj-blue);
  background-color: var(--rj-blue);
}

/* Sanja */
.co-icon .callout-item .callout-image-wrapper, 
.co-icon .callouts-mobile-slider .callout-item .callout-image-wrapper {
  height: auto !important;
  max-height: fit-content !important;
}

.rj-dark .co-icon .callout-image-wrapper::after {
	background: rgba( var(--rgb-color-1), var(--rgb-opacity-2));
}
.rj-dark .co-icon .callout-item .callout-heading {
  color: var(--white) !important;
}
.rj-dark .co-icon .callout-item .callout-copy-wrapper {
  color: var(--white)  !important;
}
.rj-dark .co-icon .callout-item .callout-cta-wrapper .callout-cta {
  color: var(--white) !important;
  border: 1px solid var(--white);
  background: transparent;
}

.rj-dark .co-icon .callout-link:hover .callout-cta {
  color: var(--rj-blue) !important;
  border: 1px solid var(--white);
  background: var(--white);
}
.rj-dark .callouts-container .callout-item .callout-cta-wrapper .callout-cta {
  text-transform: capitalize;
  text-align: left;
  font-weight: 800;
  font-size: 17px;
  line-height: 20px;
  color: var(--white);
  /* border: 1px solid var(--white); */
}
.co-icon .callout-image-wrapper::after {
	background: rgba( var(--rgb-color-2), var(--rgb-opacity-2));
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  content: '';
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.co-icon .callout-link:hover .callout-image {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.co-icon .callout-item .callout-link:hover .callout-image-wrapper:after {
	-webkit-animation: anim-effect-sanja 1s ease-out forwards;
	animation: anim-effect-sanja 1s ease-out forwards;
}

@-webkit-keyframes anim-effect-sanja {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	25% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-effect-sanja {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	25% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/*
==============================================
Callouts SVG
==============================================
*/
.co-icon svg {
  margin: 0 auto;
  min-height: 110px;
}
.co-icon .callout-item svg path, 
.co-icon .callout-item svg .st0, 
.co-icon .callout-item svg rect {
  fill: var(--rj-blue) !important;
}
.rj-dark .co-icon .callout-item svg path,
.rj-dark .co-icon .callout-item svg .st0, 
.rj-dark .co-icon .callout-item svg rect {
  fill: var(--white) !important;
}
.co-icon .callout-image-wrapper::after {
  background: rgba( var(--rgb-color-2), var(--rgb-opacity-2));
  position: absolute;
	top: -18%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 145px;
	height: 145px;
	border-radius: 50%;
	content: '';
	opacity: 0;
}
.co-icon .callout-item .callout-image-wrapper, .co-icon .callouts-mobile-slider .callout-item .callout-image-wrapper {
  overflow: visible !important;
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .callouts-mobile-slider .slick-prev {
    left: 0;
  }
  .callouts-mobile-slider .slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome !important;
    font-size: 5.0rem !important;
    background-size: 50px 50px !important;
    color: var(--rj-blue) !important;
    opacity: 1 !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    transition: background-position 0.25s !important;
    transition: all 0.5s ease-in-out !important;
    top: 53%;
  }
  .callouts-mobile-slider .slick-next {
    right: 0;
  }
  .callouts-mobile-slider .slick-next:before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    font-size: 5.0rem !important;
    background-size: 50px 50px !important;
    color: var(--rj-blue) !important;
    opacity: 1 !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    transition: background-position 0.25s !important;
    transition: all 0.5s ease-in-out !important;
    top: 53%;
  }
  }
  
  /* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
  @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    .callouts-mobile-slider .slick-prev {
      left: 0;
    }
    .callouts-mobile-slider .slick-prev:before {
      content: "\f104" !important;
      font-family: FontAwesome !important;
      font-size: 5.0rem !important;
      background-size: 50px 50px !important;
      color: var(--rj-blue) !important;
      opacity: 1 !important;
      display: inline-block !important;
      background-repeat: no-repeat !important;
      transition: background-position 0.25s !important;
      transition: all 0.5s ease-in-out !important;
      top: 53%;
    }
    .callouts-mobile-slider .slick-next {
      right: 0;
    }
    .callouts-mobile-slider .slick-next:before {
      content: "\f105" !important;
      font-family: FontAwesome !important;
      font-size: 5.0rem !important;
      background-size: 50px 50px !important;
      color: var(--rj-blue) !important;
      opacity: 1 !important;
      display: inline-block !important;
      background-repeat: no-repeat !important;
      transition: background-position 0.25s !important;
      transition: all 0.5s ease-in-out !important;
      top: 53%;
    }
    }

/*
==============================================
Callouts Tile
==============================================
*/
 
.co-tile-base .callout-item .callout-link, 
.co-tile-base .callout-item .callout-link:hover {
  box-shadow: none;
}
.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 33px;
  line-height: 33px;
  color: var(--rj-blue);
  text-transform: none;
  padding: 40px 0 15px;
  font-weight: 400;
  position: relative;
}
.callouts-header-line-1-bold .head-1, .callouts-header-line-2-bold .head-1 {
  font-weight: 600;
}
.callouts-header-line-1-break .head-1, .callouts-header-line-2-break .head-1 {
  display: block;
}
.co-tile-base .callout-item .callout-copy-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--rj-gray) !important;
  font-size: 16px;
  line-height: 22px;
}
.co-tile-base .callout-item .callout-cta-wrapper button, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper button, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-cta-wrapper button {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 800;
  font-size: 17px;
  line-height: 20px;
  color: var(--rj-blue);
  border: 1px solid var(--rj-blue);
  text-transform: none;
  padding: 10px 20px;
  border-radius: 4px;
  display: inline-block;
  background-color: var(--white);
  transition: all 400ms ease-in-out;
}
.co-tile-base .callout-item .callout-image-wrapper .callout-image, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-image-wrapper .callout-image {
  transition: all 400ms ease-in-out;
}
.co-tile-base .callout-item:hover .callout-image-wrapper .callout-image, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-image-wrapper .callout-image {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.co-tile-base .callout-item .callout-cta-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper {
  height: auto !important;
}



/*
==============================================
Callout Tiles

co-tile-base
co-gap
 
==============================================
*/
.callouts-container {
  margin: 80px 0;
}
.co-tile-base {
  grid-gap: 20px;
}
.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
  padding: 30px 0 15px;
  margin: 0;
}
.co-tile-base .callout-item .callout-heading-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper {
  padding: 0 30px;
}
.co-tile-base .callout-item .callout-copy-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
  padding: 0 30px;
} 
.co-tile-base .callout-item .callout-cta-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper {
  padding: 25px 30px;
  margin-bottom: 0px;
  
}
.co-tile-base .callout-item, 
.co-tile-base.callouts-mobile-slider .callout-item {
  background: var(--rj-light);
}

.co-tile-base .callout-item .callout-cta:after, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta:after {
  content: '';
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f105";
  display: inline;
  font-size: 25px;
  margin-left: 15px;
  transition: all 400ms ease-in-out;
  top: 3px;
  position: relative;
}
.co-tile-base .callout-item .callout-cta-wrapper .callout-cta {
  font-weight: 800;
  font-size: 17px;
  line-height: 20px;
  border: 0px;
  padding: 0px;
  border-radius: 0px;
  display: inline-block;
  background-color: transparent;
  transition: all 400ms ease-in-out;
  width: auto;
   display: block;
  /* text-align: left; */
  position: relative;
}
.co-tile-base .callout-item .callout-cta-wrapper .callout-cta:hover, 
.co-tile-base .callout-item:hover .callout-cta, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-cta {
  text-decoration: none;
  background: none;
  color: var(--rj-blue) !important;
}
.co-tile-base .callout-item:hover .callout-cta-wrapper .callout-cta:after, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-cta-wrapper .callout-cta:after {
  margin-left: 20px;
}
.co-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.co-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.co-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.co-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.co-line-break .callout-heading strong {
  display: block;
}

/*
==============================================
Callout Tiles - RJ light
==============================================
*/
.rj-light .co-tile-base .callout-item, 
.rj-light .co-tile-base.callouts-mobile-slider .callout-item {
  background: var(--white);
}

/*
==============================================
Callout Tiles - RJ Dark
==============================================
*/
.rj-dark .co-tile-base .callout-item, 
.rj-dark .co-tile-base.callouts-mobile-slider .callout-item {
  background: transparent;
  border: 1px solid rgba( var(--rgb-color-1), var(--rgb-opacity-1));
}

.rj-dark .co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.rj-dark .co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.rj-dark .co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading, 
.rj-dark .co-tile-base .callout-item .callout-copy-wrapper, 
.rj-dark .co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper,
.rj-dark .co-tile-base .callout-cta {
  color: var(--white) !important;
}
.rj-dark .co-tile-base .callout-item .callout-cta-wrapper .callout-cta:hover, 
.rj-dark .co-tile-base .callout-item:hover .callout-cta, 
.rj-dark .co-tile-base.callouts-mobile-slider .callout-item:hover .callout-cta {
  text-decoration: none;
  background: none;
  color: var(--white) !important;
}



/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {

}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .co-tile-base.callouts-mobile-slider {
    box-shadow: none !important;
  }
  .co-tile-base.callouts-mobile-slider .callout-slide {
  background: var(--rj-light) !important;
  }
  .co-tile-base .callout-item {
    width: calc(100% - 0px);
  }
  .co-tile-base.callouts-mobile-slider .callout-slide .callout-link > .callout-cta-wrapper {
    padding: 25px 30px !important;
  }
  .co-tile-base.callouts-mobile-slider .callout-slide {
    margin: 30px auto !important;
  }
  .co-tile-base.callouts-mobile-slider .slick-prev {
    left: 0;
    z-index: 2;
  }
  .co-tile-base.callouts-mobile-slider .slick-next {
    right: 0;
    z-index: 2;
  }
  .co-tile-base.callouts-mobile-slider.slick-initialized .callout-slide {
    margin: 30px 30px !important;
  }
  .co-tile-base.callouts-mobile-slider .slick-prev:before, 
  .co-tile-base.callouts-mobile-slider .slick-next:before {
    content: "\f104" !important;
  }
  .co-tile-base.callouts-mobile-slider .slick-next:before {
   content: "\f105" !important;
  }
  .co-tile-base.callouts-mobile-slider .slick-prev:before, 
  .co-tile-base.callouts-mobile-slider .slick-next:before {
    font-family: FontAwesome !important;
    font-size: 50px !important;
    color: var(--rj-blue);
  }
  .co-tile-base.callouts-mobile-slider {
    margin-bottom: 0px;
  }
  .rj-dark .co-tile-base.callouts-mobile-slider, .rj-light .callouts-mobile-slider {
    background-color: transparent !important;
  }
  .rj-dark .co-tile-base.callouts-mobile-slider .slick-prev:before, 
  .rj-dark .co-tile-base.callouts-mobile-slider .slick-next:before {
    color: var(--white);
  }
  .rj-dark .co-tile-base.callouts-mobile-slider .callout-slide {
    background: transparent !important;
  }
  .rj-light .co-tile-base.callouts-mobile-slider .callout-slide {
    background: var(--white) !important;
  }
}


/*
==============================================
Accordions
==============================================
*/

.accord-link-content h3 {
  font-size: 2.5rem;
  line-height: 3.0rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.accord-link-content h4 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.accord-link-content h5 {
  font-size: 2.0rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.accord-link-content h6 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}



/* Accordion - Light mode */
.accord {
  max-width: 100%;
  width: 100%;
  margin: 30px auto 20px;
  padding: 0;
  list-style-type: none;
  background: transparent !important;
  font-family: 'Source Sans Pro', sans-serif;
}
.accord ul {
  padding-bottom: 25px;
}
.accord .fa-chevron-down:before {
  content: "\f107";
  font-size: 30px;
  transform: rotate(270deg);
}
.accord-container {
  padding-bottom: 30px;
}
.accord-container li .accord-link-content {
  background-color: transparent !important;
}
.accord-container li .accord-link{
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
  padding-left: 0px;
  color: var(--rj-blue);
}
.accord .accord-link-content li{
  font-size: 18px;
  line-height: 30px;
  color: var(--rj-gray);
  list-style: disc;
}
.accord-container li .accord-link, .accord-container li .accord-inner-link, .accord li:last-child .accord-link {
  border-bottom: 1px solid var(--medium-gray);
}
.accord-container li .accord-link:hover {
  color: var(--rj-dark);
}
.accord .accord-link-content, .accord .accord-link-content p{
  font-size: 18px;
  line-height: 30px;
  color: var(--rj-gray);
  margin: 0 0 15px 0;
}
.accord .accord-link-content p a, .accord .accord-inner-link-content a {
  display: inline-block; 
  text-decoration: none;
  color: var(--rj-gray);
  padding: 0 !important;
  padding-left: 42px;
  transition: all 400ms ease;
}
.accord .accord-link-content a:hover, .accord .accord-inner-link-content a:hover {
  background: none;
  color: var(--rj-dark);
}
.accord li.open .accord-link, .accord li.open .accord-inner-link {
  color: var(--rj-blue);
}
.accord-container li.open .accord-link:hover{
  color: var(--rj-dark);
}
.accord-container li .accord-link .fa-chevron-down {
  color: var(--rj-blue);
  -webkit-text-stroke: transparent !important;
}
.accord .fa.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 24px;
  position: absolute;
}
.accord-container li .accord-link:after, .accord-container li .accord-inner-link:after {
  content: '';
  width: calc(100% - 32px);
  height: 1px;
  background: var(--medium-gray);
  position: absolute;
  left: 0px;
  bottom: -1px;
}
.accord-container.cta-text .accord-cta, .accord a.accord-cta {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 20px !important;
  margin: 15px 0 10px 0;
  border-radius: 4px;
  border: 1px solid var(--rj-blue);
  background: transparent;
  color: var(--rj-blue);
  transition: all 500ms ease;
}
.accord a.accord-cta:hover, .accord-container.cta-text .accord-cta:hover{
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 20px !important;
  margin: 15px 0 10px 0;
  border-radius: 4px;
  background: var(--rj-blue);
  border: 1px solid var(--rj-blue);
  color: var(--white);
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .accord-container {
    padding: 0 30px 30px;
  }
  .accord .accord-link, .accord .accord-inner-link {
    padding: 15px 42px;
  }
  }
  /* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
  @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .accord-container {
    padding: 0 30px 30px;
  }
  .accord .accord-link, .accord .accord-inner-link {
    padding: 15px 42px;
  }
  }


/* Accordion - Dark mode */
.rj-dark .accord {
  width: 100%;
  margin: 30px auto 20px;
  padding: 0;
  list-style-type: none;
  background: transparent !important;
}
.rj-dark .accord-link{
  color: var(--white) !important;
}
.rj-dark .accord-link:hover{
  color: var(--light-gray) ;
}
.rj-dark .accord .accord-link-content {
  background: transparent;
}
.rj-dark .accord .accord-link-content, .rj-dark .accord .accord-link-content p {
  color: var(--white);
}
.rj-dark .accord .accord-link-content p a {
  color: var(--white);
}
.rj-dark .accord .accord-link-content p a:hover {
  color: var(--light-gray);
  text-decoration: underline;
  background: none;
}
.rj-dark .accord .accord-cta{
  color: var(--light-gray);
  border: 1px solid var(--light-gray);
  background: var(--rj-dark);
  margin: 15px 0 10px 0;
  border-radius: 4px;
}
.rj-dark .accord .accord-cta:hover{
  background: var(--white);
  color: var(--rj-blue);
  border: 1px solid var(--light-gray);
}
.rj-dark .accord .accord-link-content li{
  font-size: 18px;
  line-height: 30px;
  color: var(--white);
  list-style: disc;
}
.rj-dark .accord-container li .accord-link .fa-chevron-down, .rj-dark .accord .fa{
  color: var(--white) !important;
  -webkit-text-stroke: transparent !important;
}
.rj-dark .accord .fa.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 24px;
}


/*
==============================================
Quotes
==============================================
*/
.qt-base .quote {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-family: 'Playfair Display', serif !important;
}
.qt-base .quote-cite {
  font-size: 1.6rem;
  line-height: 2.0rem;
}
.qt-base .qt-author {
  font-weight: 600;
}
.qt-base .qt-title {
  text-transform: none;
  letter-spacing: 2px;
  font-weight: 400;
}
.quote-wrapper {
  padding: 148px 0px 110px;
}

/* Quotes - Light mode */
.quote {
  color: var(--rj-blue);
  max-width: 810px;
  margin: 0 auto 35px;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  padding: 0 30px;
  z-index: 2;
  position: relative;
}
.quote-cite {
  z-index: 2;
  position: relative;
  padding: 30px;
}
.quote-accent .quote:before {
  font-family: 'Source Sans Pro', sans-serif;
  content: "\201C";
  position: relative;
  display: block;
  width: 100%;
  color: var(--rj-blue);
  z-index: -1;
  text-align: center;
  top: 80px;
  font-size: 450px;
  opacity: 0.1;
}
.quote:before {
  display: none;
}
.quote-wrapper {
  padding: 120px 0px 55px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.quote-wrapper:after, .quote-wrapper:before {
  display: none;
}
.quote-wrapper:after {
  bottom: 40px; 
}
.quote-wrapper:before {
  top: 40px;
}
.quote-accent .quote {
  font-family: 'Playfair', serif;
}
.quote-wrapper .quote-hr {
  display: none;
}
.quote-accent .quote-hr {
  display: none;
}
.quote-accent:after {
display: none !important;
}
.quote-wrapper .quote-cite {
  font-weight: 300;
  color: var(--rj-blue);
  margin-top: 0px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.quote-wrapper .quote-cite img {
  padding: 5px;
}

/* Quotes - Light mode */
.rj-dark .quote {
  color: var(--white);
}
.rj-dark:after, .rj-dark:before { 
  background: var(--white);
}
.rj-dark .quote-cite {
  color: var(--white);
}
.rj-dark .quote-accent:after {
  background: var(--white);
}
.rj-dark .quote-accent .quote-hr {
  background-color: var(--rj-blue);
}
.rj-dark .quote-accent .quote-hr:before {
  background-color: var(--white);
}
.rj-dark .quote-accent .quote-hr {
  background-color: var(--white);
}
.rj-dark .quote-wrapper:after, .rj-dark .quote-wrapper:before {
  background-color: var(--white);
}
.rj-dark .quote:before {
  color: var(--white);
}


/*
==============================================
Quotes
==============================================
*/

/* Quotes - Blue Background */
.rj-blue .quote {
  color: var(--white);
}
.rj-blue:after, .rj-blue:before { 
  background: var(--white);
}
.rj-blue .quote-cite {
  color: var(--white);
}
.rj-blue .quote-accent:after {
  background: var(--white);
}
.rj-blue .quote-accent .quote-hr {
  background-color: var(--rj-blue);
}
.rj-blue .quote-accent .quote-hr:before {
  background-color: var(--white);
}
.rj-blue .quote-accent .quote-hr {
  background-color: var(--white);
}
.rj-blue .quote-wrapper:after, .rj-blue .quote-wrapper:before {
  background-color: var(--white);
}
.rj-blue .quote:before {
  color: var(--white);
}


/* Quote Medium devices (tablet portrait, 810 and less) tablet-p */
@media only screen and (max-width: 810px) {
  .quote-wrapper .quote-cite span {
      display: none;
  }
  .quote-wrapper .quote-cite em {
      display: block;
  }
}




/*
==============================================
Sticky CTA
==============================================
*/
.cc-sticky {
  margin: 0 !important;
}
.cc-sticky .ftr-cta { 
  color: var(--white) !important;
  text-transform: uppercase !important;
  line-height: 1.7rem;
  /* background: var(--rj-dark) !important; */
  background: var(--rj-blue) !important;
  border: 1px solid var(--white);
  margin: 0 !important;
 
  position: fixed !important;
  right: -1px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* bottom: 34px !important; */
  z-index: 5 !important;
  padding: 12px 20px !important;
  visibility: visible;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.cc-sticky .ftr-cta:hover {
  background: var(--white) !important;
  color: var(--rj-blue) !important;
  border: 1px solid var(--rj-blue);
}
.cc-sticky .head-2 {
  display: block;
}
.cc-sticky .ftr-cta {
  padding: inherit;
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .cc-sticky .ftr-cta { 
   display: none;
  }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .cc-sticky .ftr-cta { 
    display: none;
   }
}

/*
==============================================
Sub Cat Bottom CTA Border Fix
==============================================
*/
.subcat-grid-cta {
  border-top: 4px solid var(--rj-blue);
}

/*
==============================================
Subcategory Page Headline Strong Break
==============================================
*/
.sub-category-inner-page-wrapper h1 strong {
  display: block;
}

/*
==============================================
Eye Brow
==============================================
*/
.eyebrow {
  font-size: 2.0rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--rj-gray);
  border-bottom: 1px solid var(--medium-gray);
}
.eyebrow {
  text-align: center;
  padding: 0 60px 10px;
  width: 100%;
  margin: 100px auto 40px;
  display: block;
}

/*
==============================================
List Columns
==============================================
*/
.ul-col-2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
   -moz-column-count: 2; /* Firefox */
   column-count: 2;
 }
 .ul-col-3 {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3;
 }
 .ul-col-4 {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
   -moz-column-count: 4; /* Firefox */
   column-count: 4;
 }
 .ul-col-2, 
 .ul-col-3, 
 .ul-col-4 {
   padding-bottom: 70px !important;
 }
 
 /* BUG FIXES List Item  */
 /* .rich-text-container.rt-sectionintro-base h2 {
   font-weight: 400;
 } */
 

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .ul-col-2, 
  .ul-col-3, 
  .ul-col-4 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .ul-col-2, 
  .ul-col-3, 
  .ul-col-4 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/*
==============================================
Content Sliders
==============================================
*/
/* 
.body-landing .content-slider-wrapper .page-wrapper {
  background: var(--white) !important;
}
.body-landing .content-slider-image-top .content-slider-content-wrapper {
  text-align: center;
  max-width: initial; 
}
.body-landing .content-slider-wrapper .wrap-content-slider-content {
  display: block;
}
.body-landing .content-slider-wrapper .content-slider-image {
  margin: 0 auto;
}
.body-landing .content-slider-wrapper .content-slider-half-image {
  width: 100%;
  height: 352px;
} */

/*
==============================================
Headlines
==============================================
*/
.body-landing .content-slider-image-top.content-slider-wrapper .content-slider-heading {
  text-align: center;
}
.body-landing .content-slider-wrapper .content-slider-heading {
  text-align: left;
}
.body-landing .content-slider-heading {
  font-size: 3.25rem !important;
  line-height: 3.25rem !important;
  color: var(--rj-blue);
  text-transform: none !important;
  font-weight: 400;
  position: relative;
}
.body-landing .content-slider-heading strong {
  font-weight: 600;
  font-size: 3.25rem !important;
  line-height: 3.25rem !important;
}
.body-landing .content-slider-wrapper, .body-landing .content-slider-wrapper .content-slider-half-width-content-wrapper  {
  border-top: none;
  border-bottom: none;
  padding: 60px 50px;
}
.body-landing .content-slider-image-left .wrap-content-slider-content {
  padding: 0 15px 0 50px;
}
.body-landing .content-slider-image-right .wrap-content-slider-content {
  padding: 0 50px 0 15px;
}
.body-landing .content-slider-image-top .content-slider-copy {
  padding: 0 50px 30px;
}

/*
==============================================
Copy
==============================================
*/
.body-landing .content-slider-copy {
  color: var(--rj-gray);
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}

/*
==============================================
Next/Previous Arrows
==============================================
*/
.body-landing .content-slider-wrapper .slick-prev {
  left: -10px;
}
.body-landing .content-slider-wrapper .slick-next {
  right: -10px;
}
.body-landing .content-slider-wrapper .slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 5.0rem;
  background-size: 50px 50px;
  color: var(--rj-blue);
  opacity: .5;
  display: inline-block;
  background-repeat: no-repeat;
  transition: background-position 0.25s;
  transition: all 0.5s ease-in-out;
}
.body-landing .content-slider-wrapper .slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 5.0rem;
  background-size: 50px 50px;
  color: var(--rj-blue);
  opacity: .5;
  display: inline-block;
  background-repeat: no-repeat ;
  transition: background-position 0.25s ;
  transition: all 0.5s ease-in-out;
}
.body-landing .content-slider-wrapper .slick-next:hover:before, .content-slider-wrapper .slick-prev:hover:before {
  color: var(--rj-blue);
  opacity: 1;
}
.body-landing .content-slider-cta {
  font-weight: 800;
  font-size: 1.7rem;
  line-height: 2.0rem;
  color: var(--rj-blue) !important;
  border: 1px solid var(--rj-blue);
  text-transform: none;
  padding: 10px 20px !important;
  border-radius: 4px;
  display: inline-block;
  background-color: var(--white) !important;
  transition: all 400ms ease-in-out;
  border-radius: 4px;
}
.body-landing .slick-slide:hover .content-slider-cta {
  color: var(--white) !important;
  border: 1px solid var(--rj-blue);
  background: var(--rj-blue) !important;
}
.body-landing .content-slider-cta:hover {
  text-decoration: none !important;
}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .body-landing .content-slider-image-left .wrap-content-slider-content, .body-landing .content-slider-image-right .wrap-content-slider-content {
      padding: 30px;
  } 
  .body-landing .content-slider-wrapper .content-slider-half-image {
      height: auto !important;
  }
  .body-landing .content-slider-wrapper, .body-landing .content-slider-wrapper .content-slider-half-width-content-wrapper {
      padding: 0px 50px;
  }
  .body-landing .content-slider-wrapper .wrap-content-slider-content {
      text-align: center;
  }
  .body-landing .content-slider-wrapper .content-slider-heading {
      text-align: center;
  }
  .body-landing .content-slider-image-right .content-slider-half-width-content-wrapper {
      flex-direction: column-reverse;
  } 
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .body-landing .content-slider-wrapper, .body-landing .content-slider-wrapper .content-slider-half-width-content-wrapper {
      padding: 0;
      text-align: center;
  }
  .body-landing .content-slider-image-top .content-slider-copy {
      padding: 0 0 30px;
  } 
  .body-landing .content-slider-image-left .wrap-content-slider-content, .body-landing .content-slider-image-right .wrap-content-slider-content {
      padding: 0;
  } 
  .body-landing .content-slider-wrapper .content-slider-copy {
      padding: 0 0 30px;
  } 
  .body-landing .content-slider-image-right .content-slider-half-width-content-wrapper {
      flex-direction: initial;
  }
  .content-slider-wrapper.image-left .slick-dots {
      bottom: 0;
  }   
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .body-landing .content-slider-wrapper, .body-landing .content-slider-wrapper .content-slider-half-width-content-wrapper {
      padding: 0;
      text-align: center;
  }
  .body-landing .content-slider-image-top .body-landing .content-slider-copy {
      padding: 0 0 30px;
  }  
  .body-landing .content-slider-image-left .wrap-content-slider-content, .body-landing .content-slider-image-right .wrap-content-slider-content {
      padding: 0;
  }  
  .body-landing .content-slider-wrapper .content-slider-copy {
      padding: 0 0 30px;
  }
  .body-landing .content-slider-wrapper.image-left .slick-dots {
      bottom: 0;
  } 
  .body-landing .content-slider-image-right .content-slider-half-width-content-wrapper {
      flex-direction: initial;
  }
}


/*
==============================================
Rich Text
==============================================
*/

/* Rich Text - Light mode */
.content-dark-fullwidth .rich-text-container, .section-default .rich-text-container {
  padding: 148px 50px;
}
.rich-text-container h1 {
  font-size: 3.6rem;
  line-height: 4.0rem;
  font-weight: 100;
  color: var(--rj-blue); 
  margin: 0 0 30px;
}
.rich-text-container h2 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 600;
  color: var(--rj-blue); 
  margin: 0 0 15px;
}
.rich-text-container .headline-border {
  border-bottom: 1px solid var(--light-gray);
  padding: 0 0 10px;
  margin: 0 0 40px;    
  text-align: center;
  text-transform: uppercase;   
}
.rich-text-container h3 {
  font-size: 2.5rem;
  line-height: 3.0rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.rich-text-container h4 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.rich-text-container h5 {
  font-size: 2.0rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.rich-text-container h6 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: var(--rj-blue);  
  margin: 0 0 15px;
}
.rich-text-container p {
  font-size: 1.8rem;    
  line-height: 3.0rem;
  margin: 0 0 20px;
  color: var(--rj-gray);
}
.rich-text-container ul {
  list-style-type: disc;   
  margin: 0 0 15px;
  padding: 0 0 0 40px;     
}
.rich-text-container li {
  color: var(--rj-gray);     
  font-size: 1.8rem;    
  line-height: 3.0rem;    
}
.rich-text-container ol {
  list-style-type: decimal;
  margin: 0 0 15px;
  padding: 0 0 0 20px;    
}
.rich-text-container blockquote {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 100;
  padding: 16px;
  margin: 50px auto;    
  text-align: center;
  max-width: 80%;
  color: var(--rj-blue);
  border-top: 1px solid var(--medium-gray);
  border-bottom: 1px solid var(--medium-gray);    
}


/* Rich Text - Dark mode */
.rj-dark .rich-text-container blockquote {
  border-top: 1px solid var(--light-gray);
  border-bottom: 1px solid var(--light-gray);  
}
.rj-dark .rich-text-container h1, .rj-dark .rich-text-container h2, .rj-dark .rich-text-container h3, .rj-dark .rich-text-container h4, .rj-dark .rich-text-container h5, .rj-dark .rich-text-container h6, .rj-dark .rich-text-container p, .rj-dark .rich-text-container blockquote, .rj-dark .rich-text-container li {
  color: var(--white);    
}
.rj-dark .rich-text-container a {
  color: var(--white);
}
.rj-dark .rich-text-container a:hover {
  color: var(--white);    
  text-decoration: none;
}
.rj-dark .rich-text-container .rtxt-callout a {
  color: var(--white);
}
.rj-dark .rich-text-container .rtxt-callout a:hover {
  color: var(--white);
  text-decoration: none;
}
.rj-dark .rich-text-container a:after {
  color: var(--white);
}
.rj-dark .rich-text-container button {
  border: 1px solid var(--white);
  background: transparent;
  color: var(--white);    
}
.rj-dark .rich-text-container button:hover {
  border: 1px solid var(--white);
  background: var(--white);
  color: var(--rj-blue);    
}
.rj-dark .rich-text-container hr {
  background-color: var(--light-gray);
  color: var(--light-gray);
  height: 1px;
}
.rj-dark .rich-text-container .headline-border {
  border-bottom: 1px solid var(--light-gray);    
}
.rj-dark .rich-text-container .rtxt-callout {
  background: rgba(255,255,255,.08);
}
.rj-dark .rich-text-container .rtxt-callout h2 {
  color: var(--white);
}
.rj-dark .rich-text-container .rtxt-callout p {
  color: var(--white);
}

/*
==============================================
Subcategory Page Box
==============================================
*/
.rt-subcatbox-base {
  background: var(--rj-light);
  padding: 60px;
  margin: 0 0 15px;
  display: table;
  width: 100%;
}
.rich-text-container.rt-subcatbox-base {
  background: var(--rj-light);
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .sub-category-inner-page-wrapper .sub-category-inner-page-center {
    margin: 50px auto 100px auto;
    padding: 20px;
  }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .rich-text-container.rt-subcatbox-base {
    overflow: inherit;
    padding: 25px 15px;
  }
  .sub-category-inner-page-wrapper .sub-category-inner-page-center {
    width: auto;
  }
  .sub-category-inner-page-wrapper .sub-category-inner-page-center {
    margin: 0px;
    /* padding: 0px; */
  }
  .rt-sectionintro-base {
    margin: 40px auto;
    padding: 0 30px;
  }
}
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .rich-text-container.rt-subcatbox-base {
    margin-bottom: 30px;
  }
  .sub-category-inner-page-wrapper .sub-category-inner-page-center {
    width: auto;
  }
}
.rt-btn-center {
  text-align: center;
}
.button-left {
  margin: 0;
}
.rt-sectionintro-base {
  max-width: 650px;
  margin: 40px auto;
  text-align: center;
  padding: 0 30px;
}
/*
==============================================
Box section
==============================================
*/
.rich-text-container .rtxt-callout {
  background: var(--light-gray);
  padding: 20px;
  margin: 0 0 15px;    
}
.rich-text-container .rtxt-callout h2 {
  color: var(--rj-blue);
}
.rich-text-container .rtxt-callout p {
  color: var(--rj-gray);    
}
.rich-text-container a {
  display: block;
  margin: 10px 0;
  color: var(--rj-blue);
  font-weight: 600;
  text-decoration: underline;    
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;    
}
.rich-text-container a:hover {   
  text-decoration: none;
}
.rich-text-container p a, .rich-text-container li a {
  display: inline-block;
  font-size: inherit;
  color: var(--rj-blue);
  font-weight: normal;
  margin: 0;
  text-decoration: underline; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;        
}
.rich-text-container p a:hover, .rich-text-container li a:hover {
  color: var(--rj-blue);
  text-decoration: none;
}
.rich-text-container p a:after, .rich-text-container li a:after {
  display: none;
}
.rich-text-container a:after {
  content: "\f105";
  margin-left: 5px;
  font-family: "FontAwesome"; 
  font-weight: 900; 
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;    
}
.rich-text-container a:hover:after {
  margin-left: 15px;
}
.rich-text-container button {
  border-radius: 4px;    
  padding: 10px 30px;
  font-size: 1.7rem;
  line-height: 2.0rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  border: 1px solid var(--rj-blue);
  background: transparent;
  color: var(--rj-blue);
  margin: 15px 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;      
}
.rich-text-container button:hover {
  background: var(--rj-blue);
  color: var(--white);    
}
.rich-text-container hr {
  background-color: var(--medium-gray);
  color: var(--medium-gray);
  height: 1px;
}

/*
==============================================
Masonry Grid Headline
==============================================
*/
.masonry-contenthub-title {
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 600;
  color: var(--rj-blue);
  margin: 0 0 30px;
  text-align: center;
  border-bottom: none;
}

.masonry-container {
background: transparent;
}
.masonry-copy .masonry-cta .fa {
margin-left: 7px;
}
/*
==============================================
Text Formating
==============================================
*/

.masonry-one-of-two-stacked .masonry-title,
.masonry-two-of-two-stacked .masonry-title,
.masonry-one-of-two .masonry-title,
.masonry-one-by-two .masonry-title,
.masonry-one-by-one .masonry-title,
.masonry-three-by-one .masonry-title,
.masonry-two-by-one .masonry-title,
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-title,
.masonry-two-by-one-img-left .masonry-title {
color: var(--rj-blue);
font-size: 2.3rem;
line-height: 2.8rem;
font-weight: 400;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.masonry-one-of-two-stacked:hover .masonry-title,
.masonry-two-of-two-stacked:hover .masonry-title,
.masonry-one-of-two:hover .masonry-title,
.masonry-one-by-two:hover .masonry-title,
.masonry-one-by-one:hover .masonry-title,
.masonry-three-by-one:hover .masonry-title,
.masonry-two-by-one:hover .masonry-title,
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-title,
.masonry-two-by-one-img-left:hover .masonry-title {
color: var(--white);
}
.masonry-two-of-two-stacked .masonry-date, 
.masonry-one-of-two-stacked .masonry-date, 
.masonry-two-by-one .masonry-date, 
.masonry-one-of-two .masonry-date, 
.masonry-one-by-two .masonry-date, 
.masonry-one-by-one .masonry-date, 
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-date,
.masonry-three-by-one .masonry-date {
color: var(--rj-gray) !important;
font-size: 1.3rem;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-two-of-two-stacked:hover .masonry-date, 
.masonry-one-of-two-stacked:hover .masonry-date, 
.masonry-two-by-one:hover .masonry-date, 
.masonry-one-of-two:hover .masonry-date, 
.masonry-one-by-two:hover .masonry-date, 
.masonry-one-by-one:hover .masonry-date, 
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-date,
.masonry-three-by-one:hover .masonry-date {
color: var(--white) !important;
}

.masonry-one-of-two-stacked .masonry-paragraph,
.masonry-two-of-two-stacked .masonry-paragraph,
.masonry-one-of-two .masonry-paragraph,
.masonry-one-by-two .masonry-paragraph,
.masonry-one-by-one .masonry-paragraph,
.masonry-three-by-one .masonry-paragraph,
.masonry-two-by-one .masonry-paragraph,
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-paragraph,
.masonry-two-by-one-img-left .masonry-paragraph {
color: var(--rj-gray);
font-size: 1.5rem;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.masonry-one-of-two-stacked:hover .masonry-paragraph,
.masonry-one-of-two-stacked:hover .masonry-paragraph p,
.masonry-two-of-two-stacked:hover .masonry-paragraph,
.masonry-two-of-two-stacked:hover .masonry-paragraph p,
.masonry-one-of-two:hover .masonry-paragraph,
.masonry-one-of-two:hover .masonry-paragraph p,
.masonry-one-by-two:hover .masonry-paragraph,
.masonry-one-by-two:hover .masonry-paragraph p,
.masonry-one-by-one:hover .masonry-paragraph,
.masonry-one-by-one:hover .masonry-paragraph p,
.masonry-three-by-one:hover .masonry-paragraph,
.masonry-three-by-one:hover .masonry-paragraph p,
.masonry-two-by-one:hover .masonry-paragraph,
.masonry-two-by-one:hover .masonry-paragraph p,
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-paragraph,
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-paragraph p,
.masonry-two-by-one-img-left:hover .masonry-paragraph p, 
.masonry-two-by-one-img-left:hover .masonry-paragraph {
    color: var(--white);
}

.masonry-two-by-two .masonry-cta, 
.masonry-two-of-two-stacked .masonry-cta, 
.masonry-one-of-two-stacked .masonry-cta, 
.masonry-one-of-two .masonry-cta, 
.masonry-two-by-one .masonry-cta, 
.masonry-one-by-two .masonry-cta, 
.masonry-one-by-one .masonry-cta, 
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-cta,
.masonry-three-by-one .masonry-cta {
background-color: transparent;
font-size: 1.4rem !important;
line-height: 1.8rem !important;
font-weight: 600;
min-width: 120px;
text-align: center;
margin-bottom: 15px;
text-transform: none;
left: 0;
/* bottom: -6px !important; */
color: var(--rj-blue);
border: 1px solid var(--rj-blue);
padding: 10px 20px;
border-radius: 4px;
display: inline-block;
transition: all 400ms ease-in-out;
}
.masonry-three-by-one-full-image .masonry-cta, 
.masonry-two-by-two .masonry-cta,
.masonry-two-by-two:hover .masonry-cta, 
.masonry-two-of-two-stacked:hover .masonry-cta, 
.masonry-one-of-two-stacked:hover .masonry-cta, 
.masonry-one-of-two:hover .masonry-cta, 
.masonry-two-by-one:hover .masonry-cta, 
.masonry-one-by-two:hover .masonry-cta, 
.masonry-one-by-one:hover .masonry-cta, 
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-cta,
.masonry-three-by-one:hover .masonry-cta {
background-color: transparent;
color: var(--white);
border: 1px solid var(--white);
}

.masonry-one-by-one .masonry-cta {
bottom: 14px !important;
}
.masonry-one-of-two-stacked .masonry-category,
.masonry-two-of-two-stacked .masonry-category,
.masonry-one-of-two .masonry-category,
.masonry-one-by-two .masonry-category,
.masonry-one-by-one .masonry-category,
.masonry-three-by-one .masonry-category,
.masonry-two-by-one .masonry-category,
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-category,
.masonry-two-by-one-img-left .masonry-category {
color: var(--rj-blue);
font-size: 1.4rem;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.masonry-one-of-two-stacked:hover .masonry-category,
.masonry-two-of-two-stacked:hover .masonry-category,
.masonry-one-of-two:hover .masonry-category,
.masonry-one-by-two:hover .masonry-category,
.masonry-one-by-one:hover .masonry-category,
.masonry-three-by-one:hover .masonry-category,
.masonry-two-by-one:hover .masonry-category,
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-category,
.masonry-two-by-one-img-left:hover .masonry-category {
color: var(--white);
}
.masonry-two-by-two .masonry-title, 
.masonry-two-by-two .masonry-date, 
.masonry-two-by-two .masonry-category, 
.masonry-two-by-two .masonry-paragraph {
color: var(--white);
}
.masonry-three-by-one-full-image .masonry-title, 
.masonry-three-by-one-full-image .masonry-date, 
.masonry-three-by-one-full-image .masonry-category, 
.masonry-three-by-one-full-image .masonry-paragraph {
color: var(--white) !important;
}
/*
==============================================
Tile Structure padding/margins
==============================================
*/

.masonry-container {
  z-index: 2;
  padding: 100px 15px 40px;
}
 

.masonry-title,
.masonry-category,
.masonry-copy,
.masonry-date,
.masonry-cta,
.masonry-paragraph {
z-index: 3 !important;
position: relative;
}

.masonry-copy {
padding: 0;
}

.masonry-title {
margin: 20px 30px 5px;
/* margin: 40px 30px 5px; */
color: var(--rj-blue);
line-height: 1.3;
}

.masonry-date {
margin: 0 30px;
padding: 0;
}

.masonry-paragraph {
margin: 20px 30px 30px 30px;
}

.masonry-cta-container {
position: relative;
}
.masonry-one-by-one .masonry-category-container {
position: absolute;
}

.masonry-category-container {
/* position: relative; */
bottom: 0px;
left: 0;
}
.masonry-cta-container {
margin: 0 30px 30px 30px;
}
.masonry-category-container {
margin: 0 30px 30px 30px;
}
.masonry-two-by-two .masonry-overlay  {
opacity: 0.8;
background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1));
z-index: 2 !important;
}
.masonry-two-by-two-img-top .masonry-overlay {
background: none;
}
.masonry-three-by-one-full-image .masonry-overlay {
opacity: 0.8;
background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1)) !important;
z-index: 2 !important;
}
.masonry-one-by-two:hover .masonry-overlay, .masonry-three-by-one:hover .masonry-overlay {
opacity: 0;
}
.masonry-three-by-one-full-image:hover .masonry-overlay {
opacity: inherit !important;
}
.masonry-three-by-one .masonry-one-of-three {
z-index: 5;
}

.masonry-three-by-one .masonry-img-container,
.masonry-three-by-one-img-left .masonry-img-container,
.masonry-three-by-one-full-image .masonry-img-container,
.masonry-two-by-two .masonry-img-container,
.masonry-one-by-two .masonry-img-container,
.masonry-two-by-one .masonry-img-container {
overflow: hidden;
}
.masonry-three-by-one .masonry-img,
.masonry-three-by-one-img-left .masonry-img,
.masonry-three-by-one-full-image .masonry-img,
.masonry-two-by-two  .masonry-img,
.masonry-one-by-two .masonry-img,
.masonry-two-by-one .masonry-img{
transition: transform .8s ease;
}
.masonry-three-by-one:hover .masonry-img,
.masonry-three-by-one-img-left:hover .masonry-img,
.masonry-three-by-one-full-image:hover .masonry-img,
.masonry-two-by-two:hover .masonry-img,
.masonry-one-by-two:hover .masonry-img,
.masonry-two-by-one:hover .masonry-img {
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
}

.masonry-three-by-one.masonry-three-by-one-full-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.masonry-three-by-one-full-image {
animation: zoominbkgout 0.4s ease-in-out;
animation-fill-mode: forwards;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.masonry-three-by-one-full-image:hover {
animation: zoominbkg 0.4s ease-in-out;
animation-fill-mode: forwards;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@-webkit-keyframes zoominbkg {
  0% {
      background-size: 100%;
  }
  100% {
    background-size: 105%;

  }

}
@-webkit-keyframes zoominbkgout {
  0% {
      background-size: 105%;
  }
  100% {
    background-size: 100%;

  }

}
/*
==============================================
Background Colors
==============================================
*/
.masonry-one-by-one, 
.masonry-two-by-one, 
.masonry-one-by-two, 
.masonry-one-of-two-stacked, 
.masonry-two-of-two-stacked, 
.masonry-three-by-one, 
.masonry-two-by-two.masonry-two-by-two-img-top,
.masonry-three-by-one {
background-color: var(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}

.masonry-one-by-one:hover, 
.masonry-two-by-one:hover, 
.masonry-one-by-two:hover, 
.masonry-one-of-two-stacked:hover, 
.masonry-two-of-two-stacked:hover, 
.masonry-three-by-one:hover, 
.masonry-two-by-two.masonry-two-by-two-img-top:hover,
.masonry-three-by-one:hover {
background-color: var(--rj-dark);
cursor: pointer;
}

/*
==============================================
Background Arrows
==============================================
*/
.masonry-two-by-one .masonry-img-container:after {
  left: 0;
}
.masonry-two-by-one .masonry-img-container:after {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid var(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-two-by-one:hover .masonry-img-container:after {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid var(--rj-dark);
}

@media (min-width: 670px) {
.masonry-two-by-one .masonry-img-container:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.masonry-two-by-one:hover .masonry-img-container:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--rj-dark);
}
}
.masonry-two-by-one.masonry-two-by-one-img-left .masonry-two-of-two:after {
border-bottom: 15px solid var(--white);
border-right: 15px solid transparent;
border-left: 15px solid transparent;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-two-by-one.masonry-two-by-one-img-left:hover .masonry-two-of-two:after {
border-bottom: 15px solid var(--rj-dark);
border-right: 15px solid transparent;
border-left: 15px solid transparent;
}
.masonry-two-by-one.masonry-two-by-one-img-left .masonry-img-container:after {
content: "";
height: 0;
width: 0;
position: absolute;
border: none;
}
@media (min-width: 670px) {
.masonry-two-by-one.masonry-two-by-one-img-left .masonry-two-of-two:after {
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.masonry-two-by-one.masonry-two-by-one-img-left:hover .masonry-two-of-two:after {
  border-top: 15px solid transparent !important;
  border-right: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-left: 15px solid transparent !important;
}
}
@media (min-width: 670px) {
.masonry-two-by-one.masonry-two-by-one-img-left .masonry-img-container:after {
  border-top: 15px solid transparent;
  border-right: 15px solid var(--white);
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.masonry-two-by-one.masonry-two-by-one-img-left:hover .masonry-img-container:after {
  border-top: 15px solid transparent;
  border-right: 15px solid var(--rj-dark);
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;

} 
}
.masonry-two-by-two.masonry-two-by-two-img-top .masonry-copy:after {
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 15px solid ar(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-one-by-two .masonry-copy:after {
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 15px solid var(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-two-by-two.masonry-two-by-two-img-top:hover .masonry-copy:after {
border-right: 15px solid transparent;
border-left: 15px solid transparent;  
border-bottom: 15px solid var(--rj-dark);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-one-by-two:hover .masonry-copy:after {
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 15px solid var(--rj-dark);
}
.masonry-three-by-one .masonry-one-of-three:after {
position: absolute;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid var(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-three-by-one:hover .masonry-one-of-three:after {
position: absolute;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid var(--rj-dark);
}
@media (min-width: 670px) {
.masonry-three-by-one .masonry-one-of-three:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.masonry-three-by-one:hover .masonry-one-of-three:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--rj-dark);
}
}
.masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
position: absolute;
border-top: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid var(--white);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
position: absolute;
border-top: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid var(--rj-dark);
}
@media (min-width: 670px) {
.masonry-three-by-one.masonry-three-by-one-img-left .masonry-one-of-three:after {
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid var(--white);
  border-bottom: 15px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.masonry-three-by-one.masonry-three-by-one-img-left:hover .masonry-one-of-three:after {
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-right: 15px solid var(--rj-dark);
  border-bottom: 15px solid transparent;
}
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
.masonry-one-of-two-stacked .masonry-title, 
.masonry-two-of-two-stacked .masonry-title, 
.masonry-one-of-two .masonry-title, 
.masonry-one-by-two .masonry-title, 
.masonry-one-by-one .masonry-title, 
.masonry-three-by-one .masonry-title, 
.masonry-two-by-one .masonry-title, 
.masonry-two-by-one-img-left .masonry-title {
  font-size: 2.2rem;
  line-height: 2.6rem;
}
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .masonry-two-by-one .masonry-img-container:after {
      left: inherit;
  }

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .masonry-two-by-one .masonry-img-container:after {
      left: inherit;
  }
}


/*
==============================================
Landing Page Billboards
==============================================
*/
.billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading {
  text-align: center;
  color: var(--white);
}
.billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading h1 {
  text-align: center;
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 4.5rem;
  color: var(--white) !important;
  padding: 10px;
}
.billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading p {
  text-align: center;
  font-weight: normal;
  font-size: 1.75rem;
  line-height: 2.4rem;
  color: var(--white);
  padding: 10px;
}
.billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading button {
  font-size: 1.75rem !important;
  line-height: 1.75rem;
}
.billboard-landing .billboard-content-wrapper {
  max-width: 100%;
  padding: 0px;
  width: 100%;
}
.billboard-landing {
  padding-top: inherit;
  height: 600px;
  width: 100%;
  max-width: 1170px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center top;
}
.billboard-landing .billboard-content-wrapper .container {
  max-width: 100%;
  background: rgb(84 96 108 / 88%);
  width: 100%;
  bottom: 0;
  position: absolute;
  padding: 35px 100px;
  text-align: center;
}
.billboard-landing .billboard-heading-wrapper {
  padding: 0px;
}
.billboard-landing .billboard-heading {
  color: var(--white);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.8125rem;
  line-height: 3.1rem;
}
.billboard-landing .billboard-content-wrapper .container .col-md-12 {
  padding-top: 20px;
  font-size: 1.25rem;
  line-height: 1.65rem;
  font-family: 'Source Sans Pro', sans-serif;
}
.billboard-landing .billboard-content-wrapper .row {
  max-width: 1100px;
  margin: 0 auto;
  background: none;
  padding: 15px !important;
  float: none;
}

.billboard-landing .billboard-content-wrapper .button, .billboard-landing .billboard-content-wrapper button {
  display: inline-block;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid;
  border-color: var(--white);
  color:  var(--white);
  padding: 12px 15px;
  font-size: 1.125rem!important;
  line-height: 1.875rem!important;
  font-weight: 600;
  text-align: center;
  /* margin-bottom: 15px; */
  transition: all .4s;
}
.billboard-landing .billboard-content-wrapper button:hover, .billboard-landing .billboard-content-wrapper .button:hover {
  background: var(--white);
  color: var(--rj-blue);
}
.billboard-landing a:visited, .billboard-landing a {
  text-decoration: underline;
}
.billboard-landing a:visited, .billboard-landing a:hover {
  text-decoration: none;
}
.hero-content.container {
  padding-left: 0px;
  padding-right: 0px;
}
/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .billboard-landing .billboard-content-wrapper .row {
  max-width: 100% !important;
  margin: 0px;
  padding: 0px !important;
  }
  .billboard-container .billboard-content-wrapper .billboard-heading-wrapper {
      padding-top: 0px;
  }
  .hero-content {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  }
}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
  .billboard-landing {
  width: 100%;
  max-width: 100%;
  }
  .billboard-landing {
  overflow: visible;
  min-height: auto !important;
  height: auto !important;
  background-size: 100% !important;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0px;
  }
  .billboard-landing .billboard-content-wrapper {
  margin-top: 250px;
  margin-bottom: 0px;
  max-width: 100%;
  padding: 0px;
  width: 100%;
  margin-top: 0px;
  }
  .billboard-landing .billboard-content-wrapper .container {
  padding: 0px;
  top: 0;
  margin-bottom: 0px;
  height: fit-content;
  position: relative;

  background: rgb(84 96 108 / 100%);
  /* margin-bottom: 60px; */
  }
  .billboard-landing .billboard-content-wrapper {
  min-height: auto;
  }
  .billboard-landing .billboard-content-wrapper .billboard-mobile-holder {
  display: inherit;
  }
  .billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading {
  padding: 35px 15px;
  }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .billboard-landing {
  overflow: visible;
  min-height: auto !important;
  height: auto !important;
  background-size: contain !important;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0px;
  }
  .billboard-landing .billboard-content-wrapper {
  margin-bottom: 0px;
  max-width: 100%;
  padding: 0px;
  width: 100%;
  margin-top: 0px;
  }
  .billboard-landing .billboard-content-wrapper .container {
  padding: 0px;
  top: 0;
  margin-bottom: 0px;
  height: fit-content;
  position: relative;
  background: rgb(84 96 108 / 100%);
  }
  .billboard-landing .billboard-content-wrapper {
  min-height: auto;
  }
  .billboard-landing .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading h1 {
  font-size: 4rem;
  line-height: 4rem;
  }
  .billboard-container {
    height: 170px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .billboard-landing {
  overflow: visible;
  min-height: auto !important;
  height: auto !important;
  background-size: 100% !important;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0px;

  }
  .billboard-landing .billboard-content-wrapper {
  margin-top: 250px;
  margin-bottom: 0px;

  max-width: 100%;
  padding: 0px;
  width: 100%;
  margin-top: 0px;
  }
  .billboard-landing .billboard-content-wrapper .container {
  padding: 0px;
  top: 0;
  margin-bottom: 0px;
  height: fit-content;
  position: relative;

  background: rgb(84 96 108 / 100%);
  /* margin-bottom: 60px; */
  }
  .billboard-landing .billboard-content-wrapper {
  min-height: auto;
  }
  .billboard-container {
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.billboard-no-content {
  min-height: 460px;
}
.billboard-cat-no-content {
  min-height: 460px;
}
/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
.billboard-no-content {
  min-height: 300px;
}
.billboard-cat-no-content {
  min-height: 300px;
}
}



/*
==============================================
Billboard Content Legacy Styles
==============================================
*/
.billboard-box-legacy {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 555px;
  width: 100% !important;
  max-width: 100% !important;
  background-size: cover !important;
  background-position: center center;
  padding-top: 0px;
}
.billboard-box-legacy .billboard-heading h1 {
  color: var(--rj-blue) !important;
  display: block;
  font-size: 2.9rem;
  line-height: 3.2rem;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: left;
}
.billboard-box-legacy .billboard-heading-wrapper, 
.billboard-box-legacy .col-md-12 {
  padding: 0;
}
.billboard-box-legacy .billboard-heading-wrapper {
  margin-top: 0 !important;
}
.billboard-box-legacy .row {
  margin-left: 0;
  margin-right: 0;
}
.billboard-box-legacy .billboard-content-wrapper {
  width: 1170px !important;
  position: relative;
} 
.billboard-box-legacy .billboard-content-wrapper {
  display: flex !important;
}
.billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper .billboard-copy {
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: var(--rj-gray);
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0px 55px 0;
}
.billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
  padding: 0px 55px 55px !important;
}
.billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
  margin-left: 0;
}
.billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
  margin-top: 20px;
}

.billboard-box-legacy {
  background-position: center center !important;
}
.billboard-box-legacy .billboard-copy {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.billboard-box-legacy .billboard-heading-wrapper {
   padding: 55px 55px 20px !important;
}
.billboard-box-legacy .billboard-cta {
  display: block;
  padding: 0px 0;
  margin: 0px;
}
.billboard-box-legacy a {
  /* display: table; */
  border: none;
}
.billboard-box-legacy .billboard-cta:hover {
  border: none;
}
.billboard-box-legacy .billboard-cta {
  display: inline-block;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid;
  border-color: var(--rj-blue);
  color: var(--rj-blue);
  padding: 12px 15px;
  font-size: 1.4rem !important;
  line-height: 1.5rem !important;
  font-weight: 600;
  text-align: center;
  /* margin-bottom: 15px; */
  transition: all .4s;
  font-family: 'Source Sans Pro', sans-serif;
}
.billboard-box-legacy .billboard-cta:hover {
  background: var(--rj-blue);
  border: 1px solid;
  border-color: var(--rj-blue);
  color: var(--white);
}

.billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
    margin-left: auto;
}
.billboard-box-legacy .billboard-cta-wrapper {
  text-align: left;
  padding: 25px 70px 55px;
}
.billboard-box-legacy .billboard-button-wrapper {
  display: flex;
}
.billboard-box-legacy a, 
.billboard-box-legacy a:visited, 
.billboard-box-legacy a:active {
  color: var(--rj-blue);
  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.billboard-box-legacy a:hover, 
.billboard-box-legacy a:hover, 
.billboard-box-legacy a:hover {
  color: var(--rj-dark);
}

/*
==============================================
Billboard Content Legacy Left
==============================================
*/
.billboard-box-legacy-left .container {
  margin: 40px 0;
  /* padding: 55px; */
  background: var(--white);
  max-width: 500px;
  position: absolute;
  left: 0;
}

/*
==============================================
Billboard Content Legacy Right
==============================================
*/
.billboard-box-legacy-right .container {
  margin: 40px 0;
  /* padding: 55px; */
  background: var(--white);
  max-width: 500px;
  position: absolute;
  right: 0;
}

/*
==============================================
Billboard Content Legacy Center
==============================================
*/
.billboard-box-legacy-center .container {
    margin: 40px 0;
    /* padding: 55px; */
    background: var(--white);
    max-width: 820px;
    position: relative;;
    right: 0;
    left: 0;
}

.billboard-box-legacy-center .billboard-heading h1,
.billboard-box-legacy-center .billboard-content-wrapper .col-md-12, 
.billboard-box-legacy-center .billboard-cta-wrapper {
    text-align: center;
}

/*
==============================================
Billboard Legacy Transparent No Box
==============================================
*/
.billboard-no-box-legacy .container {
    background: transparent;
}
.billboard-no-box-legacy a, 
.billboard-no-box-legacy a:visited, 
.billboard-no-box-legacy a:active {
    color: var(--white);
    border-color: var(--white);
}
.billboard-no-box-legacy a:hover {
    color: var(--rj-blue) !important;
    background: var(--white) !important;
    border-color: var(--white) !important;
}
.billboard-no-box-legacy .billboard-heading h1,
.billboard-no-box-legacy .billboard-content-wrapper .billboard-copy-wrapper .billboard-copy {
    color: var(--white) !important;
}

/*
==============================================
Responsive Media Queries
==============================================
*/

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .billboard-box-legacy .billboard-content-wrapper {
    width: 100% !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .container {
    left: 0px;
    /* padding: 0px; */
    width: 100% !important;
  }
  .billboard-box-legacy-right .container {
    right: 30px;
    left: inherit;
    position: absolute;
    padding: 0px;
  }
  .billboard-box-legacy-right .billboard-content-wrapper {
    width: 100% !important;
  }
  .billboard-box-legacy-center .container {
    left: 30px;
  }
  .billboard-box-legacy .billboard-content-wrapper .container {
      left: 30px;
  }
}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
  .billboard-box-legacy-center .container {
    width: 580px;
  }
  .billboard-box-legacy {
      background-image: none !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .billboard-mobile-holder {
      display: inherit !important;
  }
  .billboard-box-legacy .billboard-content-wrapper {
      max-width: 100%;
      left: 0;
      padding: 0px !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .container {
      max-width: 100%;
      position: relative !important;
  }
  .billboard-box-legacy-left .container {
      position: relative !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .billboard-mobile-holder {
      height: 410px;
  }
  .billboard-box-legacy .billboard-content-wrapper .container {
      left: 0px;
      margin-bottom: 30px;
  }
  .billboard-no-box-legacy .billboard-heading h1 {
      color: var(--rj-blue) !important;
    }
    .billboard-no-box-legacy .billboard-content-wrapper .col-md-12 {
      color: var(--rj-gray) !important;
    }
    .billboard-no-box-legacy a, .billboard-no-box-legacy a:visited, .billboard-no-box-legacy a:active {
      color: var(--rj-blue) !important;
      border-color: var(--rj-blue) !important;
    }
    .billboard-no-box-legacy .billboard-cta:hover {
      background: var(--rj-blue) !important;
      border-color: var(--rj-blue) !important;
      color: var(--white) !important;
    }
    .billboard-no-box-legacy .container {
      background: var(--white);
  }
  .billboard-box-legacy-left .container  {
      padding: 0px !important;
  }


}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .billboard-box-legacy .container {
    left: 0px;
    /* top: 0; */
    margin: 0;
    max-width: 100%;
    bottom: 0;
    position: relative;

  }
  .billboard-box-legacy .billboard-mobile-holder {
    height: 210px;
    width: 100%;
    background-size: cover;
    margin: 0 auto;
    background-position: center top;
  }
  .billboard-box-legacy .billboard-content-wrapper {
    min-height: inherit;
  }
  .billboard-no-box-legacy .container {
    background: var(--white);
  }
  .billboard-box-legacy-center .container {
    width: 100%;
  }
  .billboard-box-legacy-center .billboard-heading h1,
  .billboard-box-legacy-center .billboard-content-wrapper .col-md-12, 
  .billboard-box-legacy-center .billboard-cta-wrapper {
    text-align: left;
  }
  .billboard-no-box-legacy .billboard-heading h1 {
    color: var(--rj-blue) !important;
  }
  .billboard-no-box-legacy .billboard-content-wrapper .col-md-12 {
    color: var(--rj-gray) !important;
  }
  .billboard-no-box-legacy a, .billboard-no-box-legacy a:visited, .billboard-no-box-legacy a:active {
    color: var(--rj-blue) !important;
    border-color: var(--rj-blue);
  }
  .billboard-no-box-legacy .billboard-cta:hover {
    background: var(--rj-blue) !important;
    border-color: var(--rj-blue) !important;
    color: var(--white) !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .billboard-mobile-holder {
      height: 240px;
  }
  .billboard-box-legacy .billboard-content-wrapper .container {
      left: 0px;
  }
  .billboard-box-legacy .billboard-heading-wrapper, 
  .billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
      margin-top: 0px !important;
  }
  .billboard-box-legacy .billboard-cta-wrapper {
      padding: 25px 30px 55px;
  }
  
  
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .billboard-box-legacy .container {
    left: 0px;
    /* top: 0; */
    margin: 0;
    max-width: 100%;
    position: relative;

  }
  .billboard-box-legacy .billboard-mobile-holder {
    height: 310px;
    width: 100%;
    background-size: cover;
    margin: 0 auto;
    background-position: center top;
  }
  .billboard-box-legacy .billboard-content-wrapper {
    min-height: inherit;
  }

  .billboard-no-box-legacy .container {
    background: var(--white);
  }
    .billboard-box-legacy-center .billboard-heading h1,
    .billboard-box-legacy-center .billboard-content-wrapper .col-md-12, 
    .billboard-box-legacy-center .billboard-cta-wrapper {
      text-align: left;
    }
    .billboard-no-box-legacy .billboard-heading h1 {
      color: var(--rj-blue) !important;
    }
    .billboard-no-box-legacy .billboard-content-wrapper .col-md-12 {
      color: var(--rj-gray) !important;
    }
    .billboard-no-box-legacy a, .billboard-no-box-legacy a:visited, .billboard-no-box-legacy a:active {
      color: var(--rj-blue) !important;
      border-color: var(--rj-blue);
    }
    .billboard-no-box-legacy .billboard-cta:hover {
      background: var(--rj-blue) !important;
      border-color: var(--rj-blue) !important;
      color: var(--white) !important;
    }
    .billboard-box-legacy-center .container {
      width: 100%;
    }
    .billboard-box-legacy .billboard-content-wrapper .billboard-mobile-holder {
      height: 310px;
  }
  
  .billboard-box-legacy .billboard-content-wrapper .container {
      left: 0px;
  }
  .billboard-box-legacy .billboard-heading-wrapper, 
  .billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }
  .billboard-box-legacy .billboard-content-wrapper .billboard-copy-wrapper {
      margin-top: 0px !important;
  }
  .billboard-box-legacy .billboard-cta-wrapper {
      padding: 25px 30px 55px;
  }
 
}

/* IE only */
@media screen\0 {

}





/*
==============================================
Contact CTA
==============================================
*/
.align-center {
  text-align: center;
}

/* .ftr-cta {
  padding: 60px 10px 30px;
  display: block;
} */
.ftr-cta-wrapper h2 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 600;
  color: var(--rj-blue);
  margin: 0 0 15px;
}
.ftr-cta-wrapper p,  .ftr-cta-wrapper {
  font-size: 2.0rem;
  line-height: 3.0rem;
  margin: 0 0 20px;
  color: var(--rj-gray);
}
.ftr-cta {
  padding:70px 180px 50px;
  text-align: center;
  display: block;
}
.ftr-cta p, .ftr-cta {
  text-align: center;
}
.ftr-cta-wrapper .button {
display: inline-block;
background-color: transparent;
border-radius: 4px;
border: 1px solid;
border-color: var(--rj-blue);
color: var(--rj-blue);
padding: 10px 30px;
font-size: 1.4rem !important;
line-height: 1.5rem!important;
font-weight: 600;
text-align: center;
/* margin-bottom: 15px; */
transition: all .4s;
font-family: 'Source Sans Pro', sans-serif;
}
.ftr-cta-wrapper a:hover .button {
  background: var(--rj-blue);
  border: 1px solid;
  border-color: var(--rj-blue);
  color: var(--white);
}

.rj-dark .ftr-cta-wrapper h2,
.rj-dark .ftr-cta-wrapper p,  
.rj-dark .ftr-cta-wrapper {
  color: var(--white);
}
.rj-dark .ftr-cta-wrapper .button {
  border-color: var(--white);
  color: var(--white);
}
.rj-dark .ftr-cta-wrapper a:hover .button {
    background: var(--white);
    border-color: var(--white);
    color: var(--rj-blue);
  }

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .ftr-cta {
    padding: 60px 150px 30px;
  }
}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .ftr-cta {
    padding: 60px 50px 30px;
  }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .ftr-cta {
    padding: 60px 15px 30px;
  }
}


/*
==============================================
Media Carousels
==============================================
*/
.media-carousel-base .mc-slide {
  padding: 25px 0px 0px 0px;
}
.media-carousel-base .mc-slide {
   background: transparent;
   margin: 0px;
}
.media-carousel-base .mc-container {
   padding: 50px 20px;
}
.media-carousel-base .mc-image-wrapper {
   overflow: hidden;
   max-height: 100% !important;
   background: transparent !important;
}
.media-carousel-base .mc-image {
   -webkit-backface-visibility: hidden;
   display: block;
   transition: all 0.5s ease-in-out;
   -webkit-backface-visibility: hidden;
   transform: scale(1.01, 1.01);
   -webkit-transform: scale(1.01, 1.01);
}
.media-carousel-base a:hover .mc-image {
   opacity: 1;
   -webkit-backface-visibility: hidden;
   transform: scale(1.05, 1.05);
   -webkit-transform: scale(1.05, 1.05);
}
.media-carousel-base .mc-main-heading-wrapper .mc-main-heading {
   font-size: 2.0rem;
   font-weight: 600;
   text-transform: uppercase;
   text-align: center;
   color: var(--rj-blue);
   margin: 0 0 25px 0;
   padding-bottom: 10px;
   border-bottom: 1px solid var(--medium-gray);
   width: 100%;
   margin: 20px auto;
}
.media-carousel-base .mc-heading {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 3rem !important;
   line-height: 3rem;
   color: var(--rj-blue);
   text-transform: none;
   font-weight: 600;
   position: relative;
   display: inline-block;
}
.media-carousel-base .mc-heading .mc-heading-line-two {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 3rem !important;
   line-height: 3rem;
   color: var(--rj-blue);
   text-transform: none;
   font-weight: 400;
   position: relative;
   display: block;
}
.media-carousel-base .mc-date {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 1.6rem;
   line-height: 1.6rem;
   color: var(--rj-blue);
   text-transform: none;
   font-weight: 400;
   margin-top: 15px !important;
}
.media-carousel-base .mc-copy {
   font-family: 'Source Sans Pro', sans-serif;
   color: var(--rj-gray);
   font-size: 1.8rem;
   line-height: 2.8rem;
   font-weight: 500;
   margin-top: 10px !important;
}
.media-carousel-base .mc-slide-number {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 2.4rem;
   line-height: 2.1rem;
   color: var(--rj-blue);
   text-transform: none;
   font-weight: 600;
}
.media-carousel-base .mc-cta-wrapper, .media-carousel-base .mc-cta-slide-number-wrapper, .media-carousel-base .mc-slide-number-wrapper {
   position: initial;
}
.media-carousel-base .mc-cta {
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 800;
   font-size: 1.8rem;
   line-height: 1.8rem;
   min-width: auto !important;
   width: auto !important;
   color: var(--rj-blue) !important;
   border: 1px solid var(--rj-blue);
   text-transform: none;
   padding: 10px 20px !important;
   border-radius: 4px;
   display: inline-block;
   background-color: var(--white);
   transition: all 400ms ease-in-out;
}
.media-carousel-base .mc-slide:hover .mc-cta {
   color: var(--white) !important;
   border: 1px solid var(--rj-blue);
   background-color: var(--rj-blue);
}
.media-carousel-base .mc-category-hr-wrapper hr {
   background-color: var(--medium-gray);
   border-width: 0px;
   color: var(--medium-gray);
   height: 1px;
   line-height: 0;
   margin: 0;
   text-align: center;
   width: 100%;
   margin-top: 10px;
   display: none;
}
.media-carousel-base .mc-category {
   font-family: 'Source Sans Pro', sans-serif;
   color: var(--rj-gray);
   margin-top: 5px;
   font-size: 1.2rem;
   line-height: 1.2rem;
   text-decoration: none;
   transition: all 0.5s ease-in-out;
}
.media-carousel-base .mc-category:hover {
   font-family: 'Source Sans Pro', sans-serif;
   color: inherit;
}
.media-carousel-base .slick-arrow {
   opacity: 1 !important;
   top: 50% !important;
}
.media-carousel-base .slick-prev:before {
   content: "\f104" !important;
   font-family: FontAwesome !important;
   font-size: 5.0rem !important;
   background-size: 50px 50px !important;
   color: var(--rj-blue) !important;
   opacity: 1 !important;
   display: inline-block !important;
   background-repeat: no-repeat !important;
   transition: background-position 0.25s !important;
   transition: all 0.5s ease-in-out !important;
   top: 53%;
}
.media-carousel-base .slick-next:before {
   content: "\f105" !important;
   font-family: FontAwesome !important;
   font-size: 5.0rem !important;
   background-size: 50px 50px !important;
   color: var(--rj-blue) !important;
   opacity: 1 !important;
   display: inline-block !important;
   background-repeat: no-repeat !important;
   transition: background-position 0.25s !important;
   transition: all 0.5s ease-in-out !important;
   top: 53%;
}
.media-carousel-base .slick-prev:hover:before, .media-carousel-base .slick-next:hover:before {
   opacity: 0.8 !important;
}
.mc-font-light .mc-heading {
  font-weight: 300 !important;
}
.mc-font-regular .mc-heading {
  font-weight: 400 !important;
}
.mc-font-medium .mc-heading {
  font-weight: 500 !important;
}
.mc-font-semibold .mc-heading {
  font-weight: 600 !important;
}
.mc-font-bold .mc-heading {
  font-weight: 700 !important;
}
.hide-copy .mc-copy {
  display: none;
}

.media-carousel-auto-images .mc-image-wrapper {
  max-height: 100% !important;
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
   .media-carousel-base .mc-content-wrapper {
   height: auto !important;
   }
}

/*
==============================================
Media Carousel - Change CTA to no box with arrow
==============================================
*/
.media-carousel-no-box-cta .mc-cta {
   border: 0px solid var(--rj-blue) !important;
   padding: 0px !important;
   border-radius: 0px;
   background-color: transparent;
   display: inline-block;
}
.media-carousel-no-box-cta .mc-slide:hover .mc-cta {
   color: var(--rj-blue) !important;
   border: 0px solid var(--rj-blue) !important;
   background-color: transparent !important;
}
.media-carousel-no-box-cta .mc-cta:after {
   content: "\f105";
   position: relative;
   font-family: "FontAwesome";
   font-size: 1.8rem;
   top: 1px;
   width: 35px;
   height: auto;
   display: inline-block;
   transition: all 400ms ease-in-out;
}
.media-carousel-no-box-cta .mc-slide:hover .mc-cta:after {
   -webkit-transform: translateX(20%);
   transform: translateX(20%);
   transition: all 400ms ease-in-out;
}

/*
==============================================
Media Carousel - 300px high images
==============================================
*/
.media-carousel-300px-images .mc-image {
   -webkit-backface-visibility: hidden;
   display: block;
   transition: all 0.5s ease-in-out;
   -webkit-backface-visibility: hidden;
   transform: scale(1.01, 1.01);
   -webkit-transform: scale(1.01, 1.01);
   height: 300px;
}
.media-carousel-300px-images a:hover .mc-image {
   opacity: 1;
   -webkit-backface-visibility: hidden;
   transform: scale(1.05, 1.05);
   -webkit-transform: scale(1.05, 1.05);
}
.media-carousel-300px-images .mc-image-wrapper {
   max-height: 300px !important;
   height: 300px;
   overflow: hidden;
}
@media only screen and (max-width: 736px) {
   .media-carousel-300px-images .mc-image-wrapper {
   margin: 0px;
   }
}

/*
==============================================
Media Carousel - Padding between images
==============================================
*/
.media-carousel-image-padding .mc-image-wrapper {
   margin: 8px;
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 736px) {
   .media-carousel-image-padding .mc-image-wrapper {
   margin: 0px;
   }
}


/* Media Carousel - Variant 1 - Dark mode  */
.rj-dark .media-carousel-1-variant  .mc-cta {
   color: var(--white) !important;
}
.rj-dark .media-carousel-1-variant .mc-slide:hover .mc-cta {
   color: var(--white) !important;
}

/* Media Carousel - Dark mode */
.rj-dark .mc-container .mc-main-heading-wrapper .mc-main-heading {
   color: var(--white);
}
.rj-dark .mc-heading {
   color: var(--white);
}
.rj-dark .mc-heading .mc-heading-line-two {
   color: var(--white);
}
.rj-dark .mc-date {
   color: var(--white);
}
.rj-dark .mc-slide-number {
   color: var(--white);
}
.rj-dark .mc-container .slick-prev:before {
   color: var(--white) !important;
}
.rj-dark .mc-container .slick-next:before {
   color: var(--white) !important;
}
.rj-dark .mc-container .slick-dots li.slick-active button:before {
   background: var(--white);
}
.rj-dark .mc-container .slick-dots li button:before {
   border: 2px solid var(--white) !important;
}
.rj-dark .mc-container .slick-dots li button:hover:before {
   background: var(--white) !important;
   opacity: 1;
}
.rj-dark .mc-copy {
   color: var(--white);
}
.rj-dark .mc-cta {
   color: var(--white) !important;
   border: 1px solid var(--white);
   background-color: var(--rj-dark);
}
.rj-dark .mc-slide:hover .mc-cta {
   color: var(--rj-blue) !important;
   border: 1px solid var(--white);
   background-color: var(--white);
}
.rj-dark .mc-category {
   color: var(--white);
}
.rj-dark .mc-category:hover {
   color: var(--white);
}
.rj-dark .media-carousel-no-box-cta .mc-slide:hover .mc-cta {
  color: var(--white) !important;
}
.rj-light .media-carousel-base .mc-cta {
  background: transparent;
}
 
/*
==============================================
Financial media carousel
mc-financial-stats
==============================================
*/
.mc-financial-stats .mc-slide a {
  cursor: default;
 }
 .mc-financial-stats .mc-heading {
  font-size: 8.6rem !important;
  line-height: 8.9rem;
}
.mc-financial-stats .mc-heading-line-two {
  font-size: 5.6rem !important;
}
.mc-financial-stats .rich-text-container h2 strong {
  font-weight: 600;
}
.mc-financial-stats .mc-heading {
  display: inline !important;
}
.mc-financial-stats .mc-heading-line-two {
  display: inline !important;
  margin-left: -17px;
  top: -14px;
}
.mc-financial-stats.hide-cta .mc-cta {
  display: none !important;
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .mc-financial-stats .mc-heading {
    font-size: 7.6rem !important;
    line-height: 7.6rem;
  }
}

/*
==============================================
Tile Billboard 
==============================================
*/
.tile-billboard-content {
  padding-bottom: 25px;
}
.tile-billboard .tile-billboard-image {
  background-color: var(--medium);
  min-height: 48vh !important;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;

}
.tile-billboard .tile-billboard-copy, 
.tile-billboard .tile-billboard-copy p {
  font-size: 1.8rem;
  line-height: 3.0rem;
  color: var(--rj-gray);
  padding: 25px 0px 0px 0px;
}
.tile-billboard .tile-billboard-headline, 
.tile-billboard .tile-billboard-sub-headline {
  font-size: 3.6rem;
  line-height: 4.0rem;
  margin: 0 auto;
  font-weight: 500;
}
.tile-billboard .tile-billboard-sub-headline {
  font-weight: 300;
}
.tile-billboard .tile-billboard-tile {
  font-size: 1.6rem;
  line-height: 2.0rem;
  padding: 40px 30px;
  background-size: cover;
}
.tile-billboard .tile-billboard-content {
  max-width: MIN(calc(100% - 75px), 1200px);
}
.tile-billboard .tile-billboard-image.tile-billboard-no-image {
  min-height: 20vh;
  background-color: var(--white);
}
.tile-billboard .tile-billboard-no-image {
  min-height: 20vh !important;
}
.tile-billboard .tile-billboard-tile-wrapper:hover {
  background: var(--rj-blue) !important;
} 
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .tile-billboard .tile-billboard-image.tile-billboard-no-image {
    min-height: 15vh;
  }
  .tile-billboard .tile-billboard-image {
    background-size: cover;
  }
  .tile-billboard .tile-billboard-content {
    max-width: MIN(calc(100% - 30px), 1200px);
  }
}
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

  .tile-billboard .tile-billboard-image {
    background-size: cover;
    min-height: 80vh;
  }
}



/*
==============================================
Content Slider
==============================================
*/

.content-slider-media-content {
  padding: 0px;
}
.content-slider-media-content .content-slider-heading {
  font-size: 33px !important;
  line-height: 33px;
  color: var(--rj-blue);
  text-transform: none !important;
  font-weight: 300;

}
.content-slider-media-content .content-slider-heading strong {
  font-weight: 600;
}
.content-slider-media-content .content-slider-copy {
  color: var(--rj-gray);
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.content-slider-media-content .content-slider-wrapper .slick-next:before {
  font-size: 50px;
  color: var(--rj-blue);
}
.content-slider-media-content .content-slider-wrapper .slick-prev:before {
  font-size: 50px;
  color: var(--rj-blue);
}
.content-slider-media-content .content-slider-wrapper .slick-next:hover:before, .content-slider-media-content .content-slider-wrapper .slick-prev:hover:before {
  color: var(--rj-blue);
}
.content-slider-media-content .content-slider-cta {
  font-size: 14px ;
  line-height: 18px;
  font-weight: 600;
  color: var(--rj-blue) !important;
  border: 1px solid var(--rj-blue);
  text-transform: none;
  background-color: transparent !important;

}
.content-slider-media-content .slick-slide:hover .content-slider-cta {
  color: var(--white) !important;
  border: 1px solid var(--rj-blue);
  background: var(--rj-blue) !important;
  
}
.content-slider-media-content .content-slider-image-top .content-slider-content-wrapper {
  text-align: center;
  max-width: initial; 
}
.content-slider-media-content .content-slider-wrapper .wrap-content-slider-content {
  display: block;
}
.content-slider-media-content .content-slider-wrapper .content-slider-image {
  margin: 0 auto;
}
.content-slider-media-content .content-slider-wrapper .content-slider-half-image {
  width: 100%;
  height: 352px;
}
.content-slider-media-content .content-slider-image-top.content-slider-wrapper .content-slider-heading {
  text-align: center;
}
.content-slider-media-content .content-slider-wrapper .content-slider-heading {
  text-align: left;
}
.content-slider-media-content .content-slider-heading {
  position: relative;
}
.content-slider-media-content .content-slider-heading strong {
  display: block;
}
.content-slider-media-content .content-slider-wrapper, .content-slider-media-content .content-slider-wrapper .content-slider-half-width-content-wrapper  {
  border-top: none;
  border-bottom: none;
  padding: 10px 50px 90px;
}
.content-slider-media-content .content-slider-wrapper {
  padding: 0px;
}
.content-slider-media-content .content-slider-image-left .wrap-content-slider-content {
  padding: 0 15px 0 50px;
}
.content-slider-media-content .content-slider-image-right .wrap-content-slider-content {
  padding: 0 50px 0 15px;
}
.content-slider-media-content .content-slider-image-top .content-slider-copy {
  padding: 0 50px 30px;
}
.content-slider-media-content .content-slider-wrapper.image-left .slick-dots {
  display: none !important;
}
.content-slider-media-content .content-slider-copy {
  padding-bottom: 40px;
}
.content-slider-media-content .content-slider-wrapper .slick-prev {
  left: -10px;
}
.content-slider-media-content .content-slider-wrapper .slick-next {
  right: -10px;
}
.content-slider-media-content .content-slider-wrapper button {
  top: 43%;
}
.content-slider-media-content .content-slider-wrapper .slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  background-size: 50px 50px;
  opacity: 1;
  display: inline-block;
  background-repeat: no-repeat;
  transition: background-position 0.25s;
  transition: all 0.5s ease-in-out;
}
.content-slider-media-content .content-slider-wrapper .slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  background-size: 50px 50px;
  opacity: 1;
  display: inline-block;
  background-repeat: no-repeat ;
  transition: background-position 0.25s ;
  transition: all 0.5s ease-in-out;
}
.content-slider-media-content .content-slider-wrapper .slick-next:hover:before, .content-slider-media-content .content-slider-wrapper .slick-prev:hover:before {
  opacity: 0.8;
}
.content-slider-media-content .content-slider-cta {
  padding: 10px 20px !important;
  display: inline-block;
  transition: all 400ms ease-in-out;
  border-radius: 4px;
  
}
.content-slider-media-content .content-slider-cta:hover {
  text-decoration: none !important;
}

.content-slider-wrapper.content-slider-half-width-wrapper .slick-dots {
  width: 100%;
}
.content-slider-wrapper.image-left .slick-dots {
  bottom: -30px;
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .content-slider-media-content .content-slider-wrapper .slick-prev, 
  .content-slider-media-content .content-slider-wrapper .slick-next {
    opacity: 1;
    top: 53% !important;
  }
}
/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .content-slider-media-content .content-slider-image-left .wrap-content-slider-content, .content-slider-media-content .content-slider-image-right .wrap-content-slider-content {
    padding: 30px;
  } 
  .content-slider-media-content .content-slider-wrapper .content-slider-half-image {
    height: auto !important;
  }
  .content-slider-media-content .content-slider-wrapper, .content-slider-wrapper .content-slider-half-width-content-wrapper {
    padding: 0px 50px;
  }
  .content-slider-media-content .content-slider-wrapper .wrap-content-slider-content {
    text-align: center;
  }
  .content-slider-media-content .content-slider-wrapper .content-slider-heading {
    text-align: center;
  }
  .content-slider-media-content .content-slider-image-right .content-slider-half-width-content-wrapper {
    flex-direction: column-reverse;
  } 
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .content-slider-media-content .content-slider-wrapper, .content-slider-media-content .content-slider-wrapper .content-slider-half-width-content-wrapper {
    padding: 0;
    text-align: center;
  }
  .content-slider-media-content .content-slider-image-top .content-slider-copy {
    padding: 0 0 30px;
  } 
  .content-slider-media-content .content-slider-image-left .wrap-content-slider-content, .content-slider-media-content .content-slider-image-right .wrap-content-slider-content {
    padding: 0;
  } 
  .content-slider-media-content .content-slider-wrapper .content-slider-copy {
    padding: 0 0 40px;
  } 
  .content-slider-media-content .content-slider-image-right .content-slider-half-width-content-wrapper {
    flex-direction: initial;
  }
  .content-slider-media-content .content-slider-wrapper.image-left .slick-dots {
    bottom: 0;
  }   
  .content-slider-media-content .content-slider-wrapper .slick-prev {
    left: 5px;
  }
  .content-slider-media-content .content-slider-wrapper .slick-next {
    right: 5px;
  }
  .content-slider-media-content .content-slider-wrapper .content-slider-half-width:not(.content-slider-half-image-wrapper) {
    padding: 0 30px;
  }
  .content-slider-media-section {
    padding-bottom: 40px;
  }
}
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .content-slider-media-content .content-slider-wrapper, .content-slider-wrapper .content-slider-half-width-content-wrapper {
    padding: 0;
    text-align: center;
  }
  .content-slider-media-content .content-slider-image-top .content-slider-copy {
    padding: 0 0 30px;
  }  
  .content-slider-media-content .content-slider-image-left .wrap-content-slider-content, .content-slider-media-content .content-slider-image-right .wrap-content-slider-content {
    padding: 0;
  }  
  .content-slider-media-content .content-slider-wrapper .content-slider-copy {
    padding: 0 0 30px;
  }
  .content-slider-media-content .content-slider-wrapper.image-left .slick-dots {
    bottom: 0;
  } 
  .content-slider-media-content .content-slider-image-right .content-slider-half-width-content-wrapper {
    flex-direction: initial;
  }
  .content-slider-media-content .content-slider-wrapper .slick-prev {
    left: 5px;
  }
  .content-slider-media-content .content-slider-wrapper .slick-next {
    right: 5px;
  }
}

/*
==============================================
Universal Slick Dots - Dots to Outlines
==============================================
*/
.slick-dots {
  bottom: 0px !important;
  padding: 10px 10px 40px 10px !important;
  position: relative !important;
}
.slick-dots li button:hover:before {
  background: var(--rj-blue) !important;
  opacity: 0.6 !important;
}

.slick-dots li.slick-active button:focus:before {
  opacity: 1;
  color: transparent;
}
.slick-dots li.slick-active button:before {
  color: transparent !important;
  opacity: 1 !important;
  background: var(--rj-blue);
}
.slick-dots li button:before {
  color: var(--rj-blue);
  opacity: 0.95;
  font-size: 10px;
}
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: var(--rj-blue);
  opacity: 1;
}
.slick-dots li button {
  border: none;
  background: transparent;
  display: block;
  height: 11px;
  width: 11px;
  outline: none;
  font-size: 0;
  color: transparent;
  padding: 4px;
  cursor: pointer;
}
.slick-dots li button:before {
  color: transparent !important;
  opacity: 1 !important;
  font-size: 10px;
  width: 9px !important;
  height: 9px !important;
  border: 2px solid var(--rj-blue);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slick-dots li {
  width: 9px !important;
  height: 9px;
}

/*
==============================================
Universal Slick Dots - Dots to Outlines  rj-dark
==============================================
*/

.rj-dark .slick-dots {
  bottom: 0px !important;
  padding: 10px 10px 40px 10px !important;
  position: relative !important;
}
.rj-dark .slick-dots li button:hover:before {
  background: var(--white) !important;
  opacity: 0.6 !important;
}

.rj-dark .slick-dots li.slick-active button:focus:before {
  opacity: 1;
  color: transparent;
}
.rj-dark .slick-dots li.slick-active button:before {
  color: transparent !important;
  opacity: 1 !important;
  background: var(--white);
}
.rj-dark .slick-dots li button:before {
  color: var(--white);
  opacity: 0.95;
  font-size: 10px;
}
.rj-dark .slick-dots li button:focus:before {
  opacity: 1;
}
.rj-dark .slick-dots li.slick-active button:before {
  color: var(--white);
  opacity: 1;
}
.rj-dark .slick-dots li button {
  border: none;
  background: transparent;
  display: block;
  height: 11px;
  width: 11px;
  outline: none;
  font-size: 0;
  color: transparent;
  padding: 4px;
  cursor: pointer;
}
.rj-dark .slick-dots li button:before {
  color: transparent !important;
  opacity: 1 !important;
  font-size: 10px;
  width: 9px !important;
  height: 9px !important;
  border: 2px solid var(--white);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rj-dark .slick-dots li {
  width: 9px !important;
  height: 9px;
}




/*
==============================================
Eye Brow
==============================================
*/
.rich-text-container .eyebrow {
  font-size: 2.0rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--rj-blue);
  border-bottom: 1px solid var(--medium-gray);
}
.rich-text-container .eyebrow {
  text-align: center;
  margin: 0 0 25px 0;
  padding-bottom: 10px;
  width: 100%;
  margin: 20px auto 48px;
  display: block;
}

.iwt-campaign .sub-category-template, .iwt-campaign .hero-banner-section {
  display: none;
}
.iwt-campaign .breadcrumb-section {
  height: auto;
}

/*
============================================================================================
STYLES ONLY 
============================================================================================
*/



 /*
==============================================
Contact CTA Multi Font Weight (Top) Section 
==============================================
*/

.intergenerational-main-landing-page .contact-cta-header-multi-font-weight h2, .intergenerational-main-landing-page .contact-cta-header-multi-font-weight h2 strong {
  font-weight: 400;
  font-size: 24px;
  line-height: 27px;
}

 /*
==============================================
Masonry Grid Section 
==============================================
*/
.intergenerational-main-landing-page .masonry-grid-section {
  padding: 95px 0 0px;
}
.intergenerational-main-landing-page .masonry-grid-section h2 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 100;
  color: var(--rj-blue); 
}


/*
==============================================
Interior Pages Intro Section 
==============================================
*/
.intergenerational-interior-landing-page .intro-content {
  background: var(--white);
  border: 1px solid var(--medium);
}
.intergenerational-interior-landing-page .intro-section h3 {
  font-weight: 400;
}





/*
==============================================
Interior Pages Stats Section 
==============================================
*/
.intergenerational-interior-landing-page .media-carousel-stats-large .mc-slide a {
  cursor: default;
 }
 .intergenerational-interior-landing-page .media-carousel-stats-large .mc-heading {
  font-size: 125px !important;
  line-height: 100px;
}
.intergenerational-interior-landing-page .media-carousel-stats-large .mc-heading-line-two {
  font-size: 86px !important;
}
.intergenerational-interior-landing-page .media-carousel-section .rich-text-container h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 100;
  /* color: var(--rj-blue);  */
  margin: 0 0 30px;
  text-align: center;
}
.intergenerational-interior-landing-page .media-carousel-section .rich-text-container h2 strong {
  display: block;
}
.intergenerational-interior-landing-page .media-carousel-stats-large .rich-text-container h2 strong {
  font-weight: 600;
}
.intergenerational-interior-landing-page .media-carousel-section {
  padding: 65px 0 0;
}
.intergenerational-interior-landing-page .media-carousel-section .media-carousel-stats-large .mc-heading {
  display: inline;
}
.intergenerational-interior-landing-page .media-carousel-section .media-carousel-content .media-carousel-stats-large .mc-heading-line-two {
  display: inline;
  margin-left: -23px;
}
.intergenerational-interior-landing-page .media-carousel-section .media-carousel-content .mc-heading-wrapper {
  text-align: center;
}
.intergenerational-interior-landing-page .media-carousel-section .media-carousel-content .mc-cta, .intergenerational-interior-landing-page .media-carousel-section .media-carousel-content .mc-cta-slide-number-wrapper {
  display: none;
}
.intergenerational-interior-landing-page .media-carousel-section .media-carousel-content .mc-slide {
  text-align: center;
}
 

.intergenerational-interior-landing-page .content-slider-media-content .content-slider-wrapper .content-slider-half-image {
  object-fit: none;
}

/*
==============================================
Dominoe Animaiton Section
==============================================
*/
.domino {  
  background:var(--rj-medium);
}
/*
==============================================
Tile Billboard
==============================================
*/
.intergenerational-interior-landing-page .tile-billboard .tile-billboard-headline {
  font-weight: 600;
  margin-bottom: 40px;
}
.intergenerational-interior-landing-page .tile-billboard .tile-billboard-tile {
  font-size: 18px;
  line-height: 30px; 
}




































/*
============================================================================================
STRUCTURE ONLY 
============================================================================================
*/


/*
==============================================
Main Landing Page Video Billboard Section 
==============================================
*/

.iwt-campaign-video-billboard {
  max-width: 900px;
  height: auto;
  min-height: auto;
  padding-top: 0px;
}
.iwt-campaign-video-billboard .billboard-background-video::after {
  display: none;
}



/*
==============================================
Main Landing Page Intro Section 
==============================================
*/
.intergenerational-main-landing-page .video-intro-main {
  /* margin: 66px auto 45px; */
  margin: 66px auto 45px;
}
.intergenerational-main-landing-page .iwt-campaign .video-intro-main {
  margin: 20px auto 45px;
}
.iwt-campaign .intro-content {
  margin-top: 65px;
}
.intergenerational-main-landing-page .main-intro-content {
  max-width: 670px;
  margin: 0 auto;
  text-align: left;
}
.intergenerational-main-landing-page .main-intro-content h1 {
  text-align: center;
}

 
 

 /*
==============================================
Contact CTA Multi Font Weight (Top) Section 
==============================================
*/
.intergenerational-main-landing-page .contact-cta-header-multi-font-weight {
  text-align: center;
}

.intergenerational-main-landing-page .contact-cta-header-multi-font-weight .ftr-cta {
  padding:70px 10px 50px;
  display: block;

}
 /*
==============================================
Masonry Grid Section 
==============================================
*/

.intergenerational-main-landing-page .masonry-grid-section {
  padding: 95px 0 0px;
}
.intergenerational-main-landing-page .masonry-grid-section h2 {
  margin: 0 0 15px;
  text-align: center;
}
.intergenerational-main-landing-page .masonry-grid-section h2 strong {
  display: block;
}
.intergenerational-main-landing-page .masonry-title {
  margin-top: 60px;
}
.intergenerational-main-landing-page .masonry-grid-section .masonry-container {
  padding-top: 80px;
}
.intergenerational-main-landing-page .masonry-grid-section .masonry-date {
  display: none;
}

 /*
==============================================
Contact CTA Multi Font Weight (Bottom) Section 
==============================================
*/

.contact-cta-btm .ftr-cta span {
  display: block;
}
.contact-cta-btm .ftr-cta span.button {
  display: inline-block;
}
.disclosure-section {
  text-align: center;
  padding: 20px 0;
}
.disclosure-section p {
  margin-bottom: 15px;
  padding: 0 160px;
}

/*
==============================================
Interior Pages Intro Section 
==============================================
*/
.intergenerational-interior-landing-page iframe {
  height: 500px;
  margin-bottom: 50px;
}
.intergenerational-interior-landing-page .intro-section {
  padding: 50px 0 100px;
}
.intergenerational-interior-landing-page .intro-content {
  padding: 70px 158px 125px;
}
.intergenerational-interior-landing-page .intro-section h1 strong {
  display: block;
  margin-bottom: 60px;
}
.intergenerational-interior-landing-page .intro-section h1 {
  text-align: center;
}





/*
==============================================
Interior Pages Stats Section 
==============================================
*/

/*
==============================================
Interior Pages Resources Section  
==============================================
*/
.intergenerational-interior-landing-page .related-resources-section {
  padding: 35px 0 0;
}


  


/*
==============================================
Related Resources Section
==============================================
*/
.intergenerational-interior-landing-page .related-resources-content .mc-container {
  padding-bottom: 70px;
}

/*
==============================================
Slick Dots to Outlines
==============================================
*/


.intergenerational-main-landing-page .intro-image-section {
  padding-top: 50px;
}
/*
==============================================
Dominoe Animaiton Section
==============================================
*/
 
.dominoes-main-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  width: 100%;
  /* border: 1px solid red; */
  padding-top: 30px;
  transform: rotate(360deg);
}

.dominoes-line {
  position: relative;
  width: 100%;
  display: -webkit-box;
  /* display: flex; */
  transform-origin: right bottom;

  /* animation:trap .25s linear 2.6s forwards; */
}
.dominoes {
  width: 100%;
  /* display: flow-root; */
  transform: rotate(360deg);
}
 
.domino {
  display: flex;
  float:left;
  position:relative; 
  bottom: -2px;
  left:0;
  margin:0 26px;

  width: 50px; 
  height:280px;
 
  visibility: visible !important;
  
  border-radius:4px;
  transform-origin:100% 100%;
}
.domino:nth-child(1) {
  animation:fall 0.5s linear forwards, lastfall 0.5s ease-in 0.91s forwards;
}
.domino:nth-child(2) {
  animation:fall 0.5s linear .17s forwards, lastfall 0.5s ease-in-out 0.90s forwards;
}
.domino:nth-child(3) {
  animation:fall 0.5s linear .25s forwards, lastfall 0.5s ease-in 0.89s forwards;
}
.domino:nth-child(4) {
  animation:fall 0.5s linear .33s forwards, lastfall 0.5s ease-in-out 0.88s forwards;
}
.domino:nth-child(5) {
  animation:fall 0.5s linear .42s forwards, lastfall 0.5s ease-in 0.87s forwards;
}
.domino:nth-child(6) {
  animation:fall 0.5s linear .5s forwards, lastfall 0.5s ease-out 0.86s forwards;
}
.domino:nth-child(7) {
  animation:fall 0.5s linear .58s forwards, lastfall 0.5s ease-in 0.85s forwards;
}
.domino:nth-child(8) {
  animation:fall 0.5s linear .67s forwards, lastfall 0.5s ease-in 0.84s forwards;
}
.domino:nth-child(9) {
  animation:fall 0.5s linear .75s forwards, lastfall 0.5s ease-in 0.83s forwards;
}
.domino:nth-child(10) {
  animation:fall 0.5s linear .83s forwards, lastfall 0.5s ease-in 0.82s forwards;
}
.domino:nth-child(11) {
  animation:fall 0.5s linear .92s forwards, lastfall 0.5s ease-in 0.81s forwards;
} 
.domino:nth-child(12) {
  animation:fall 0.5s linear 1s forwards, lastfall 0.5s ease-in 0.80s forwards;
} 
.domino:nth-child(13) {
  animation:fall 0.5s linear 1.17s forwards, lastfall 0.5s ease-in 0.79s forwards;
} 
.domino:nth-child(14) {
  animation:fall 0.5s linear 1.25s forwards, lastfall 0.5s ease-in 0.78s forwards;
} 
.domino:nth-child(15) {
  animation:fall 0.5s linear 1.33s forwards, lastfall 0.5s ease-in 0.77s forwards;
} 
.domino:nth-child(16) {
  animation:fall 0.5s linear 1.42s forwards, lastfall 0.5s ease-in 0.76s forwards;
}  
.domino:nth-child(17) {
  animation:fall 0.5s linear 1.5s forwards, lastfall 0.5s ease-in 0.75s forwards;
} 
.domino:nth-child(18) {
  animation:fall 0.5s linear 1.58s forwards, lastfall 0.5s ease-in 0.74s forwards;
} 
.domino:nth-child(19) {
  animation:fall 0.5s linear 1.67s forwards, lastfall 0.5s ease-in 0.73s forwards;
} 
.domino:nth-child(20) {
  animation:fall 0.5s linear 1.75s forwards, lastfall 0.5s ease-in 0.72s forwards;
} 
.domino:nth-child(21) {
  animation:fall 0.5s linear 1.83s forwards, lastfall 0.5s ease-in 0.71s forwards;
} 
.domino:nth-child(22) {
  animation:fall 0.5s linear 1.92s forwards, lastfall 0.5s ease-in 0.70s forwards;
}  
.domino:nth-child(23) {
  animation:fall 0.5s linear 2s forwards, lastfall 0.5s ease-in 0.69s forwards;
}  
.domino:nth-child(24) {
  animation:fall 0.5s linear 2.17s forwards, lastfall 0.5s ease-in 0.68s forwards;
}  
.domino:nth-child(25) {
  animation:fall 0.5s linear 2.25s forwards, lastfall 0.5s ease-in 0.67s forwards;
}  
.domino:nth-child(26) {
  animation:fall 0.5s linear 2.33s forwards, lastfall 0.5s ease-in 0.66s forwards;
}  
.domino:nth-child(27) {
  animation:fall 0.5s linear 2.42s forwards, lastfall 0.5s ease-in 0.65s forwards;
}  
/* animations */
 
@keyframes push {
  to {
    height: 25px;
  }
}
 
@keyframes fall {
  25% {
    transform:rotate(20deg);
  }
  50% {
    transform:rotate(38deg);
  }
  75% {
    transform:rotate(49deg);   
  }
  100% {
    transform:rotate(60deg);
  }
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .domino {
    margin: 0 19px;
    width: 37px;
    height: 210px;
  }
  .intergenerational-main-landing-page .intro-section .intro-content {
    padding: 0 30px;
  }
  .intergenerational-interior-landing-page .intro-content {
    padding-left: 100px;
    padding-right: 100px
  }
  .intergenerational-interior-landing-page .video-intro-main {
    padding: 0px 0 45px;
  }
  .disclosure-section p {
    padding: 0 100px;
  }
  .intergenerational-interior-landing-page .video-intro-main {
    margin: 0;
  }
  .intergenerational-interior-landing-page .content-slider-media-content .content-slider-wrapper .content-slider-half-image {
    object-fit: cover !important;
  }
  .contact-cta-btm .ftr-cta span {
    display: inline;
  }
}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .domino {
    margin: 0 15px;
    width: 31px;
    height: 175px;
  }
  .contact-cta-btm .ftr-cta span {
    display: inline;
  }
  .intergenerational-interior-landing-page .intro-content iframe {
    height: 310px;
  }
  .intergenerational-main-landing-page .intro-content iframe {
    height: 410px;
  }
  .disclosure-section p {
    padding: 15px;
  }
  .iwt-campaign-video-billboard  {
    background-size: cover;
    margin-top: 0px !important;
  }
  .intergenerational-interior-landing-page .intro-section {
    padding-top: 0px;
  }
  .iwt-campaign .sub-category-page, 
  .iwt-campaign .sub-category-page {
    display: none !important;
  }

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {

  .intergenerational-interior-landing-page .intro-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-section iframe {
    height: 200px;
  }
  .masonry-one-by-one, .masonry-two-by-one, .masonry-one-by-two, .masonry-one-of-two-stacked, .masonry-two-of-two-stacked, .masonry-three-by-one, .masonry-two-by-two.masonry-two-by-two-img-top, .masonry-three-by-one {
    height: auto !important;
  }
  .intergenerational-interior-landing-page .intro-content iframe {
    height: 180px;
  }
  .intergenerational-main-landing-page .intro-content iframe {
    height: 200px;
  } 
  .domino {
    margin: 0 12px;
    width: 23px;
    height: 125px;
  }
  .intro-image-section {
    padding-top: 0px;
  }
  .intergenerational-main-landing-page .intro-section .intro-content {
    padding-bottom: 60px;
  }
  .intergenerational-main-landing-page .masonry-grid-section h2 {
    padding: 0 15px;
  }
  .intergenerational-interior-landing-page .related-resources-content .mc-container {
    padding-bottom: 0px !important;
  }

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .intergenerational-main-landing-page .intro-section .intro-content {
    padding-bottom: 60px;
  }
  .dominoes-main-wrapper {
    padding-top: 0px; 
  }
  .intro-image-section {
    padding-top: 0px;
  }
}

/*
==============================================
Rich text - Value Proposition Base
==============================================
*/

.vp-base {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 100;
  color: var(--rj-blue);
  padding: 80px 190px 60px;
}

.vp-base h2 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 300;
  color: var(--rj-blue);
  margin: 0 0 30px;
}

.vp-base strong {
  font-weight: 500;
}

.vp-base a {
  display: block;
  margin: 10px 0;
  color: var(--rj-blue);
  font-weight: 600;
  text-decoration: none;
}

.vp-base p {
  font-size: 1.8rem;
  line-height: 3.0rem;
  margin: 0 0 20px;
  font-weight: 400;
  color: var(--rj-gray);
}

.vp-base a:after {
  display: none;
}

.vp-base a .button:hover {
  background: var(--rj-blue);
  color: var(--white);
}

/* Value Proposition for Category Rich Text under Main Billboard */
.vp-categoryintro h1 {
  font-size: 3.6rem !important;
  line-height: 4.2rem !important;
  font-weight: 300 !important;
}

/* Value Proposition Centered Copy */
.vp-centered {
  text-align: center;
}

.rj-dark.vp-base h2, 
.rj-dark.vp-base h1 {
  color: var(--white);
}
.rj-dark.vp-base p {
  color: var(--white);
}
.rj-dark.vp-base button {
  border: 1px solid var(--white);
  background: transparent;
  color: var(--white);  
}
.rj-dark.vp-base button:hover {
  border: 1px solid var(--white);
  background: var(--white);
  color: var(--rj-blue);
}
.rj-dark.vp-base a {
  color: var(--white); 
  text-decoration: underline;
}
.rj-dark.vp-base a:hover {
  color: var(--white); 
  text-decoration: none;
}
.rj-dark .dotcom-cta {
  color: var(--white);
}
.rj-dark .dotcom-cta:after {
  color: var(--white);
}
.dotcom-cta {
  padding-right: 10px !important;
}
.dotcom-cta:after {
  content: "\f105";
  margin-left: 5px;
  font-size: 2.0rem;
  font-family: "FontAwesome";
  font-weight: 900;
  top: 7px !important;
  position: relative;
  background: none;
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.rj-dark .dotcom-cta:after {
  content: "\f105";
  margin-left: 5px;
  font-size: 1.8rem;
  font-family: "FontAwesome";
  font-weight: 900;
  top: 7px !important;
  position: relative;
  background: none;
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
.vp-base {
 padding: 100px 110px;
}
}

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
  .vp-base {
    padding: 100px 30px;
  }
  .vp-categoryintro h1 {
    font-size: 3.0rem !important;
    line-height: 3.4rem !important;
  }
  .vp-base h2 {
    font-size: 3.0rem;
    line-height: 3.4rem;
  }
  .vp-base p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
.vp-base {
  padding: 50px 25px;
}

.vp-categoryintro h1 {
  font-size: 3.0rem !important;
  line-height: 3.4rem !important;
}
.vp-base h2 {
  font-size: 3.0rem;
  line-height: 3.4rem;
}
.vp-base p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .vp-base {
   padding: 50px 20px;
  }  

}
