/*  ROHAN SHORT STYLES  */

._CookieScriptReportPageTable {
  font-size: 12px !important;
  overflow-x:auto;
  display: block;
}
/* ------------------------------------------------------------ GENERAL -- */

body {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 300;
  color: white;
  background: black;
  font-size: 1rem;
}

body {
  padding-top: 140px /*  clear nav */
}

body .page-top {
  margin-top: 0px;
}

body.nav-open {
  overflow: hidden; /* stops scrolling on nav oen */
}

::-moz-selection { 
  color: white;
  background: #fa6b5e;;
}

::selection {
  color: white;
  background: #fa6b5e;;
}

.relative {
  position: relative;
}

/* .container-fluid,
.container {
  --bs-gutter-x: 3rem;
} */

.m-6            { margin: 3rem !important }
.me-6, .mx-6    { margin-right: 3rem !important }
.ms-6, .mx-6    { margin-left: 3rem !important }
.mt-6, .my-6    { margin-top: 3rem !important }
.mb-6, .my-6    { margin-bottom: 3rem !important }

.m-7          { margin: 3rem !important }
.me-7, .mx-7  { margin-right: 3rem !important }
.ms-7, .mx-7  { margin-left: 3rem !important }
.mt-7, .my-7  { margin-top: 3rem !important }
.mb-7, .my-7  { margin-bottom: 3rem !important }

.p-6            { padding: 3rem !important }
.pe-6, .px-6    { padding-right: 3rem !important }
.ps-6, .px-6    { padding-left: 3rem !important }
.pt-6, .py-6    { padding-top: 3rem !important }
.pb-6, .py-6    { padding-bottom: 3rem !important }

.p-7         { padding: 3rem!important }
.pe-7, .px-7  { padding-right: 3rem !important }
.ps-7, .px-7  { padding-left: 3rem !important }
.pt-7, .py-7  { padding-top: 3rem !important }
.pb-7, .py-7  { padding-bottom: 3rem !important }

.p-10         { padding: 5rem!important }
.pe-10, .px-10  { padding-right: 5rem !important }
.ps-10, .px-10  { padding-left: 5rem !important }
.pt-10, .py-10  { padding-top: 5rem !important }
.pb-10, .py-10  { padding-bottom: 5rem !important }

/* ------------------------------------------------------------ COLOURS -- */

.coral  {color: #fa6b5e !important;}
.yellow {color: #f2fc4f !important}
.black  {color: black !important;}
.white {color: white !important}

.ocean  {color: #003355 !important;}
.mint  {color: #00e09c !important;}
.sky  {color: #78dbf2 !important;}
.steel  {color: #dddddd !important;}


.bg-black { background-color: black;}
.bg-black, .bg-black a { color: white;}
.bg-black a:hover { color: #fa6b5e;}

.bg-coral  {background-color: #fa6b5e;}
.bg-coral, .bg-coral a { color: white;}
.bg-coral a:hover { color: black;}

.bg-yellow { background-color: #f2fc4f;}
.bg-yellow, .bg-yellow a { color: black;}
.bg-yellow a:hover { color: #fa6b5e;}

.bg-white { background-color: white;}
.bg-white, .bg-white a { color: black;}
.bg-white a:hover { color: #fa6b5e;}


.bg-pale { background-color: #f4f4f4;}
.bg-pale, .bg-pale a { color: black;}
.bg-pale a:hover { color: #fa6b5e;}


.bg-ocean  {background-color: #003355 !important;}
.bg-ocean, .bg-ocean a { color: white;}
.bg-ocean a:hover { color: #fa6b5e;}

.bg-mint  {background-color: #00e09c !important;}
.bg-mint, .bg-mint a { color: white;}
.bg-mint a:hover { color: black;}


.bg-sky  {background-color: #78dbf2 !important;}
.bg-sky, .bg-sky a { color: white;}
.bg-sky a:hover { color: black;}

.bg-steel  {background-color: #dddddd !important;}
.bg-steel, .bg-steel a { color: black;}
.bg-steel a:hover { color: #fa6b5e;}

/* ------------------------------------------------------------ TYPEOGRAPHY -- */

h1, h2, h3, h4 { font-weight: 400; }


.heading-coral h1, .heading-coral h2, .heading-coral h3, .heading-coral h4, .heading-coral h5, .heading-coral h6 {
color: #fa6b5e;
}

h1  { font-size: 2.4rem; padding-top: 2rem; padding-bottom: 2rem;  }
h2  { font-size: 2.2rem;}
h3  { font-size: 1.6rem; }
h4  { font-size: 1.25rem; line-height: 1.4rem; } /* Same as thumbname titles */


p+h2, p+h3, p+h4, ul+h2, ul+h3, ul+h4 {
margin-top:30px;
}

a {
  color: white;
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover {
color: black;
}

ul li p {
margin-bottom: 0;
}

p {
font-size: 1.1rem;
line-height: 1.8rem;
}

footer,
footer p {
 font-size: 0.9rem;
 line-height: 1.4rem;
}


p.large-x2,
.large-x1 p { 
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}

p.large-x2,
.large-x2 p { 
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
}

h2.aside {
font-weight: 300;
margin-bottom:30px;
}


blockquote {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 400;
}

.coral-dash::after {
content: "_";
color: #fa6b5e;
}



/* ------------------------------------------------------------ NAVBAR -- */


.navbar {
height: 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.navbar.scrolled {
height: 90px;
background-color: white;
}

.nav-trigger {
position: fixed;
top: 40px;
right: 30px;
z-index: 999 !important;
transition: all 0.5s ease;
}

.navbar.scrolled .nav-trigger {
top: 20px
}

.navbar-brand {
position: fixed;
top: 20px;
left: 25px;
z-index: 999 !important;
}

.navbar-brand .logo {
width: 180px;
height: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.scrolled .navbar-brand .logo {
width: 100px;
}

.nav-container {
position: fixed;
z-index: 998;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 100%;
padding: 1em 2.3em 2em;
background: rgba(250, 108, 94, 1);
overflow: auto;
transform: translateZ(0);
transform: translateX(-100%);
transition: transform .5s cubic-bezier(.07,.23,.34,1);
}

.nav-open .nav-container {
transform: translateX(0);
}

.nav-open .nav a {  animation: slide-in .4s .2s backwards;}
.nav-open .nav li:nth-of-type(2) a {  animation-delay: .3s;}
.nav-open .nav li:nth-of-type(3) a {  animation-delay: .4s;}
.nav-open .nav li:nth-of-type(4) a {  animation-delay: .5s;}
.nav-open .nav li:nth-of-type(5) a {  animation-delay: .6s;}
.nav-open .nav li:nth-of-type(6) a {  animation-delay: .7s;}
.nav-open .nav li:nth-of-type(7) a {  animation-delay: .8s;}
.nav-open .nav li:nth-of-type(8) a {  animation-delay: .9s;}
.nav-open .nav li:nth-of-type(9) a {  animation-delay: 1s;}
.nav-open .nav li:nth-of-type(10) a {  animation-delay: 1.1s;}
.nav-open .nav li:nth-of-type(11) a {  animation-delay: 1.2s;}
.nav-open .nav li:nth-of-type(12) a {  animation-delay: 1.3s;
}

.nav-open .nav-contact {
animation: slide-in .4s .2s backwards;
}

.nav-open .nav-contact {
animation-delay: 0.75s;
}

@keyframes slide-in {
0% {
  opacity: 0;
  transform: translateX(80px);
}

100% {
  opacity: 1;
  transform: translateX(0);
}
}


/* CLOSED NAV */
.logo-main  { display: inline-block; }
.logo-main-navopen { display: none; }
.logo-scrolled { display: none; }
.logo-scrolled-navopen { display: none; }

/* OPEN NAV */
.nav-active .logo-main  { display: none; }
.nav-active .logo-main-navopen { display: inline-block; }
.nav-active .logo-scrolled { display: none; }
.nav-active .logo-scrolled-navopen { display: none; }

/* SCROLLED CLOSED NAV */
.scrolled .logo-main  { display: none; }
.scrolled .logo-main-navopen { display: none; }
.scrolled .logo-scrolled { display: inline-block; }
.scrolled .logo-scrolled-navopen { display: none; }

/* SCROLLED OPEN NAV */
.nav-active.scrolled .logo-main  { display: none; }
.nav-active.scrolled .logo-main-navopen { display: none; }
.nav-active.scrolled .logo-scrolled { display: none; }
.nav-active.scrolled .logo-scrolled-navopen { display: inline-block; }



/* Hamburger */
.hamburger .hamburger-inner, 
.hamburger .hamburger-inner:after, 
.hamburger .hamburger-inner:before   {
  background-color: #fa6b5e;
}

.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner:after, 
.hamburger.is-active .hamburger-inner:before  {
  background-color: #fa6b5e;
}

.scrolled .hamburger .hamburger-inner, 
.scrolled .hamburger .hamburger-inner:after, 
.scrolled .hamburger .hamburger-inner:before   {
  background-color: #fa6b5e;
}

.scrolled .hamburger.is-active .hamburger-inner, 
.scrolled .hamburger.is-active .hamburger-inner:after, 
.scrolled .hamburger.is-active .hamburger-inner:before  {
  background-color: black;
}

.nav-active .hamburger .hamburger-inner, 
.nav-active .hamburger .hamburger-inner:after, 
.nav-active .hamburger .hamburger-inner:before   {
  background-color: black;
}

.nav-active .hamburger.is-active .hamburger-inner, 
.nav-active .hamburger.is-active .hamburger-inner:after, 
.nav-active .hamburger.is-active .hamburger-inner:before  {
  background-color: black;
}



/* ------------------------------------------------------------ LISTS & MENUS -- */

#desktopNav {
color: white;
}

#desktopNav a {
color: white;
text-decoration: none;
}

#desktopNav a:hover {
color: black
}

#desktopNav ul.mainmenu {
list-style-type: none;
padding: 0;
margin: 0
}

#desktopNav ul.mainmenu li {
font-size: 1.6rem;
font-weight: 300;
}

#desktopNav p {
line-height: 1.6rem;
}


ul.social {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.social li {
display: inline-block;
margin-right: 5px
}

ul.social li a:hover {
color: black;
}

ul.footer-menu {
list-style-type: none;
padding: 0;
margin: 0;
}


ul.bio {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.bio li, 
ul.bio li a {
font-size: 1.2rem;
line-height: 1.8rem;
color: #fa6b5e;
margin-bottom:10px;
}

ul.bio li a:hover {
color: black;
}


/* ------------------------------------------------------------ LINKS, BUTTONS & ICONS -- */


.icon-before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding-left: 30px;
}

.icon-before.large-x1 {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 40px
}

.icon-before::before {
  position: absolute;
  transition: all 0.2s ease;
  left: 0;
  bottom: 5px;
}

.bg-coral .icon-before::before {
color: black;
}

.icon-before:hover::before {
  left: 6px;
}

.arrow::before {
  font: var(--fa-font-light);
  content: "\f061";
}

.bottom-link {
position: relative;
}

.icon-before::before {
color:#fa6b5e;
}

.bg-coral .icon-before::before {
color: black;
}





/* ----------------------------------------------------------------- AWESOME ICONS ---*/

.icon {
padding-left: 30px;
position: relative;
}

.larger .icon,
.meta .icon {
padding-left: 35px;
}

.icon::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: 8px;
}

.arrow-after {
padding-left: 0 !important;
}

.arrow-after::after {
font: var(--fa-font-light);
content: "\f061";
color: white
}

.icon::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 0;
top: 3px;
}

.date::before {
font: var(--fa-font-regular);
content: "\f133";
color: #fa6b5e;
}

.time::before {
font: var(--fa-font-regular);
content: "\f017";
color: #fa6b5e;
}

.location::before {
font: var(--fa-font-regular);
content: "\f276";
color: #fa6b5e;
}

.user::before {
font: var(--fa-font-regular);
content: "\f007";
color: #fa6b5e;
}

.download::before {
font: var(--fa-font-regular);
content: "\f0ed";
color: #fa6b5e;
}

.link::before {
font: var(--fa-font-regular);
content: "\f0c1";
color: #fa6b5e;
}

.phone::before {
font: var(--fa-font-regular);
content: "\f095";
color: #fa6b5e;
}

.email::before {
font: var(--fa-font-regular);
content: "\f0e0";
color: #fa6b5e;
}

.linkedin::before {
font: var(--fa-font-brands);
content: "\f08c";
color: #fa6b5e;
}

.instagram::before {
font: var(--fa-font-brands);
content: "\f16d";
color: #fa6b5e;
}

footer .linkedin::before {
font: var(--fa-font-brands);
content: "\f08c";
color: white;
} 
footer .instagram::before {
font: var(--fa-font-brands);
content: "\f16d";
color: white;
} 



/* ------------------------------------------------------------ COMMON ELEMENTS -- */


.bg-black .thumbnail-title {
color: white;
}

.bg-black a:hover .thumbnail-title {
color: white;
}

.swap-column-tablet {
flex-direction: column-reverse;
}

footer.stickyfeet {
position: sticky;
bottom: 0;
left: 0;
right: 0;
z-index: -10;
}

.fixed-scroll.page-top {
top: 0px
}

body .page-top-mobile {
margin-top: -140px;
top:0
}



.page-banner .row {
min-height: 200px;
}

.coral-border-bottom {
position: relative;
}

.coral-border-bottom::before { 
content: ""; 
position: absolute; 
z-index: 2;
bottom: 0; 
right: 0; 
width: 0;
height: 3px;
background: #fa6b5e; 
animation-name: animateline;
animation-duration: 1s; 
animation-delay: 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;

}

@keyframes animateline { 
0% { width: 0; } 
100% { width: 100%; } 
} 


.padding-right {
  padding-right: inherit;
}

.hover-item {
position: relative;
border: solid 1px transparent;
transition: all 0.5s ease;
}

.hover-item .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
}


.hover-item:hover .overlay.bg-black {
background-color: rgba(0, 0, 0, 0.70) !important;
opacity: 1;
}

.hover-item:hover .overlay.bg-coral {
background-color: rgba(250, 108, 94, 0.8) !important;
opacity: 1;
}

.hover-item:hover,
.greyscale .hover-item:hover  {
border: solid 1px #fa6b5e !important;
}

.hover-item .text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.hover-item .text:hover {
color: #fa6b5e;
}

.greyscale.team-thumbnail .hover-item {
background-color: white;
border: solid 1px rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
}


.greyscale .hover-item img {
filter: grayscale(100%);
opacity: 0.9;
transition: all 0.5s ease;
}

.greyscale.faded .hover-item img{
opacity: 0.5;
}

.greyscale.faded .hover-item:hover img{
filter: grayscale(0%);
opacity: 0.9;
}

/* TRACK RECORD */

.greyscale img {
filter: grayscale(100%);
transition: all 0.25s ease;
}

.greyscale img:hover {
filter: grayscale(0%);
opacity: 0.8;
}

.tint-image img {
opacity: 0.3;
}

.trackrecord-overlay-text {
display: block;
position: absolute;
top: 20px;
lefT: 20px;
}


.footer-logo {
display: inline-block;
height: 70px;
width: auto;
margin: 10px
}

#footnote ul {
list-style-type: none;
padding: 0;
margin-top: 20px;
margin-bottom: 5px;
}

#footnote {
font-size: 0.9rem;
line-height: 1rem;
}

#footnote ul li {
display: inline;
}

#footnote ul li a {
display: block;
border-left: none;
padding: 0 10px;
margin-bottom: 10px;
}

#footnote ul li:first-of-type a {
border-left: none;
}


/* ------------------------------------------------------------ PAGINATION -- */


.pagination ul {
  list-style-type: none;
}

.pagination ul li {
  font-size: 1.2rem;
  display: inline-block;
}

.pagination ul li a {
  color: #dddddd;
}

.pagination ul li a:hover {
  color: #fa6b5e;
}

.pagination ul li a i {
  color: #fa6b5e;
}




/* ------------------------------------------------------------ SPLIDE -- */


.rssplide .splide__pagination {
  bottom: 1em;
}

.rssplide .splide__pagination__page {
  background: white;
  border: 0;
  border-radius: 0px;
  display: inline-block;
  height: 3px;
  margin: 3px;
  padding: 0;
  position: relative;
  transition: background-color .2s linear;
  width:30px;
  opacity: 1;
}



.rssplide .splide__pagination__page:hover {
  background: #fa6b5e;
  cursor: pointer;
  opacity:.9
}

.bg-coral .rssplide .splide__pagination__page.is-active,
.bg-pale .rssplide .splide__pagination__page,
.bg-white .rssplide .splide__pagination__page {
background: black;
}

.rssplide .splide__pagination__page.is-active {
background: #fa6b5e;
z-index:1;
transform: scale(1);
opacity: 1;
}

.fullscreen .splide__slide {
background-size: cover;
background-position: center center;
height: calc(100vh - 90px);
min-height: 500px;
width: 100%;
position: relative;
}


.slider-news .splide__slide {
  position: relative;
}

.slider-news .splide__pagination,
.fullscreen .splide__pagination {
bottom: 3em;
left: -7px;
justify-content: start;
}

.slider-news .rs-arrow-container {
  position: absolute;
  right: 0;
  top: -55px;
}



.fullscreen:before{
position: absolute;
content: '';
background-color: rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
display: block;
}

.slider-offset {
overflow:hidden
}

.slider-offset .row {
margin-right: auto
}

.bg-yellow .splide__pagination__page  {
background-color: black;
}

.bg-yellow .splide__pagination__page.is-active  {
background-color: #fa6b5e;
}

#sliderquote .splide__pagination {
padding-left: 0;
justify-content: start;
}


.rs-arrow-container {
margin-bottom: 30px
}

.rs-arrow-container button svg {
display: none !important;
}

.rs-arrow-container button.rs-arrow,
.rs-arrow-container button.rs-arrow:focus {
position: relative;
border: none;
outline: none;
background: none;
}

.rs-arrow-container button.rs-arrow:before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-light);
font-size: 2.6rem;
}

.rs-arrow-container button.rs-arrow.rs-arrow-right:before {
content: '\f054';
color: #fa6b5e;
}

.rs-arrow-container button.rs-arrow.rs-arrow-left:before {
content: '\f053';
color: black;
}

.bg-black .rs-arrow-container button.rs-arrow.rs-arrow-left:before {
color: white;
}

/* hover */
.rs-arrow-container button.rs-arrow.rs-arrow-right:hover:before  {
color: black;
}

.rs-arrow-container button.rs-arrow.rs-arrow-left:hover:before  {
color: #fa6b5e;
}

.bg-black .rs-arrow-container button.rs-arrow.rs-arrow-left:hover:before {
color: #fa6b5e;
}

.bg-black .rs-arrow-container button.rs-arrow.rs-arrow-right:hover:before {
color: white;
}



/* ------------------------------------------------------------ MASTER SLIDER -- */


/* .ms-slide-bgvideo {
  opacity: 0.75 !important;
} */

.icon-scroll,
.icon-scroll:before {
position: absolute;
left: 50%;
}

.icon-scroll {
width: 30px;
height: 52px;
margin-left: -20px;
bottom: 2%;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
}

.icon-scroll:before {
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll;
}

@keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(15px); opacity: 0;}
}

/* ------------------------------------------------------------ CUSTOM CONTAINER ALIGNMENT -- */



/* @media (min-width: 576px) {
  .container-fluid-right {
      max-width: calc( 100% - (100% - 540px) / 2 );
  }
}

@media (min-width: 768px) {
  .container-fluid-right {
      max-width: calc( 100% - (100% - 720px) / 2 );
  }
}

@media (min-width: 992px) {
  .container-fluid-right {
      max-width: calc( 100% - (100% - 960px) / 2 );
  }
} */

@media (min-width: 1200px) {

.container-fluid-right {
  margin-right: 0;
  padding-right: 0;

  .row{
      margin-right: 0;
      
      > [class*=' col-']:last-child,
      > [class^='col-']:last-child{
          padding-right: 0;
        }
    }
}



  .container-fluid-right {
      max-width: calc( 100% - (100% - 1200px) / 2 );
  }
}

@media (min-width: 1400px) {
  .container-fluid-right {
      max-width: calc( 100% - (100% - 1400px) / 2 );
  }
}




/* ------------------------------------------------------------ RESPONSIVE -- */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  .slider-news .splide__pagination,
  .fullscreen .splide__pagination {
    bottom: 6em;
    right: 5em;
    justify-content: end;
  }

  .fullscreen .splide__pagination {
    bottom: 6em;
    right: 5em;
    justify-content: end;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

#footnote ul li a {
  display: inline-block;
  border-left: solid 1px white;
}

#desktopNav ul.mainmenu li {
  font-size: 2.2rem;
}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {


.m-6            { margin: 5rem !important }
.me-6, .mx-6    { margin-right: 5rem !important }
.ms-6, .mx-6    { margin-left: 5rem !important }
.mt-6, .my-6    { margin-top: 5rem !important }
.mb-6, .my-6    { margin-bottom: 5rem !important }

.m-7          { margin: 7rem !important }
.me-7, .mx-7  { margin-right: 7rem !important }
.ms-7, .mx-7  { margin-left: 7rem !important }
.mt-7, .my-7  { margin-top: 7rem !important }
.mb-7, .my-7  { margin-bottom: 7rem !important }

.p-6            { padding: 5rem !important }
.pe-6, .px-6    { padding-right: 5rem !important }
.ps-6, .px-6    { padding-left: 5rem !important }
.pt-6, .py-6    { padding-top: 5rem !important }
.pb-6, .py-6    { padding-bottom: 5rem !important }

.p-7         { padding: 7rem!important }
.pe-7, .px-7  { padding-right: 7rem !important }
.ps-7, .px-7  { padding-left: 7rem !important }
.pt-7, .py-7  { padding-top: 7rem !important }
.pb-7, .py-7  { padding-bottom: 7rem !important }

.p-10         { padding: 10rem!important }
.pe-10, .px-10  { padding-right: 10rem !important }
.ps-10, .px-10  { padding-left: 10rem !important }
.pt-10, .py-10  { padding-top: 10rem !important }
.pb-10, .py-10  { padding-bottom: 10rem !important }


h1  { font-size: 3rem; padding-top: 2rem; padding-bottom: 2rem;  }
h2  { font-size: 2.6rem;}
h3  { font-size: 2rem; }
h4  { font-size: 1.25rem; line-height: 1.4rem; } /* Same as thumbname titles */


body .page-top {
  margin-top: -140px;
}


p.large-x2,
.large-x2 p { 
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.bottom-link {
  position: absolute;
  bottom: 0;
}


h2.aside {
  font-weight: 300;
  writing-mode: vertical-rl;
  transform: scale(-1) !important;
  position: absolute;
  /* top: 0px; */
  left: -20px;
  white-space: nowrap;
}

.aside-padding {
  position: relative;
  padding-left: 120px;
}

.padding-right {
  padding-right: 3rem;
}



.slider-offset {
  overflow: hidden;
}

.slider-offset .row {
  margin-right: -200px
}

.swap-column-tablet {
  flex-direction: row;
}


.rs-arrow-container {
  position: absolute;
  left: 0;
  top: -55px;
}



}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

.home .container {
  max-width: 1600px;
}

blockquote {
  font-size: 2rem;
  line-height: 2.6rem;
}

p.large-x2,
.large-x2 p { 
  font-size: 2.2rem;
  line-height: 2.8rem;
}

/* .slider-offset .row {
  margin-right: -300px !important
} */


}


/* Large devices (desktops, 992px and up) and min-height */
/* @media (min-width: 992px) and (min-height: 900px){ */
@media (min-width: 992px) and (min-height: 900px){


/* .fixed-scroll {
position: sticky;
scroll-snap-align: start;
top: 80px
} */


}