/* General Styling */
html, body {height: 100%; font-family: "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }
h1,h2,h3,h4,h5{font-weight:600;letter-spacing: .025em;color: #545454;}
p, ul, ol, li, table, address, blockquote, cite {color: #7b818a;font-size: 1.2rem;}
/* Backgrounds */
.bg-sm {padding-top: 2.5em; padding-bottom: 2.5em;}
.bg-md {padding-top: 5em; padding-bottom:5em;}
.bg-slanted-img {-webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%); clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);}
.bg-slanted-img-reverse { -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);}
.bg-img-1 {background: url('/WBR/images/bg-conference.jpg') center center no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;box-shadow: inset 10000px 0 0 rgba(53, 37, 8, 0.45);}
.bg-img-2 {background: url('/WBR/images/bg-img-2.jpg') center right no-repeat;background-color: #6eb7be;box-shadow: inset 10000px 0 0 #053a50a6;}
.bg-img-3 {background: url('https://plsadaptive.s3.amazonaws.com/eco/images/partners/HKfKl8MYpD8wTR0BnqNTX4bm6eEE19GSeje2Avru.png') center center no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;box-shadow: inset 10000px 0 0 rgba(53, 37, 8, 0.6);}
.bg-lighten {box-shadow: inset 10000px 0 0 rgba(255, 255, 255, .92);}
.bg-darken {box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .12);}
.bg-blue {background: #21417e;}
.bg-white{background:#fff;}
.bg-grey{background:#F9FBFB;}
.bg-dgrey{background: #f3f3f3;}
.bg-orange {background: #f5be58;}
/* ---------- On Scroll Reveal. Add Classes to your div ---------- */
.js .reveal { position: relative; opacity: 0;}
.js .reveal.active { opacity: 1;}
.active.fade-top { animation: fade-top var(--event-animation-speed) ease-in;}
.active.fade-bottom { animation: fade-bottom var(--event-animation-speed) ease-in;}
.active.fade-left { animation: fade-left var(--event-animation-speed) ease-in;}
.active.fade-right {animation: fade-right var(--event-animation-speed) ease-in;}
@keyframes fade-top {
0% { transform: translateY(-50px); opacity: 0;}
100% { transform: translateY(0); opacity: 1;}
}
@keyframes fade-bottom {
0% { transform: translateY(50px); opacity: 0;}
100% {transform: translateY(0); opacity: 1;}
}
@keyframes fade-left {
0% { transform: translateX(-100px);opacity: 0; }
100% {transform: translateX(0); opacity: 1;}
}
@keyframes fade-right {
0% { transform: translateX(100px); opacity: 0;}
100% { transform: translateX(0); opacity: 1;}
}
/* Img Filters */
.img-grey{filter:url("data:image/svg+xml;utf8,#grayscale")!important;filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important;-moz-filter:grayscale(100%)!important;-ms-filter:grayscale(100%)!important;-o-filter:grayscale(100%)!important;filter:gray!important;}
.img-grey:hover { filter:initial !important; }
.img-shadow {background-color:#fff;/* padding:20px; */border-radius:5px;transition: all .15s ease;box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);}
.img-shadow:hover {color: #e2ffe2; transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.15); }
/* Misc Support Classes */
.overflow-hidden { overflow: hidden; }
/* Typography */
.fa-lg,.fa-2x,.fa-2-5x,.fa-3x,.fa-4x,.fa-5x,.fa-6x,.fa-7x,.fa-8x,.fa-9x,.fa-10x{line-height:1.25em!important;} .fa-lg{font-size:1.33333333em!important;} .fa-1x{font-size:1.5em!important;} .fa-2x{font-size:2em!important;} .fa-2-5x {font-size:2.5em!important;} .fa-3x{font-size:3em!important;}.fa-4x{font-size:4em!important;}.fa-5x{font-size:5em!important;}.fa-6x{font-size:6em!important;}.fa-7x{font-size:7em!important;}.fa-8x{font-size:8em!important;}.fa-9x{font-size:9em!important;}.fa-10x{font-size:10em!important;}
.display-5 {font-size: 2rem;font-weight: 300;line-height: 1.2;}
.text-spacing{letter-spacing: .025em;}
.font-weight-light {font-weight:300 !important;}
.text-orange {color:#f1b570 ;}
.text-maroon {color:#87212E;}
.text-blue {color:#06acf1;}
.text-dblue {color:#3b62b0;}
.text-green {color:#33aa99;}
.text-white a {color:#f1b570; font-weight:500;}
.text-wbr-blue { color: #3b62b0 !important;}
.ff-open-sans {font-family: var(--ff-open-sans);}
.ff-heading {font-family: var(--ff-heading);}
.fw-boldest {font-weight: 900;}
/* Buttons*/
.btn {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); transition: all .15s ease; letter-spacing: .025em;}
.btn:hover {transform: translateY(-1px);box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);}
.btn-xl{padding: .35em .85em!important;font-size: 1.45rem;}
@media (max-width: 575.98px) {
.btn-responsive {font-size: 1.7vh;}
}
.btn-wbr {background: rgba(245,158,88, .85);color: #fff;}
.btn-wbr:hover {color: #ffecea; background: rgba(245,158,88, 1);}
.btn-insights {background:rgba(3, 174, 239, .85); color:#fff; }
.btn-insights:hover {background-color:rgba(3, 174, 239, 1); color: #d9f4ff;}
.btn-connect {background: rgba(51, 170, 153, .85);color:#fff;}
.btn-connect:hover {background: rgba(51, 170, 153, 1); color: #ccf7e1;}
.hero-section .btn-wbr, .hero-section .btn-insights, .hero-section .btn-connect {font-size: 1.1rem;padding: 10px; }
/* Headroom Static to Fixed. Used on Insights Pages - CSS */
.header--static { position: inherit; top: 0; width: 100%; z-index:99999;}
.header--static.top { transition: none; transform: translateY(0);}
.header--static.not-top { position: fixed; transform: translateY(-100%);}
/* Headroom Fixed Used on Homepage and every other page besides insights Pages - CSS */
.header--fixed { position: fixed; z-index: 10; right: 0; left: 0; top: 0px;}
.header--fixed.top { transition: none; transform: translateY(20px);}
.header--fixed.not-top { position: fixed; transform: translateY(-100%); -webkit-linear-gradient(180deg, #3563c5, #1c4cb4);background: linear-gradient(180deg, #3563c5, #1c4cb4);box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.header--fixed.top img {transition:all .1s ease-in-out}
.header--fixed.not-top img {width:55px; transition:all .1s ease-in-out}
/* Genereal Headroom Classes */
.header--fixed.slideDown.not-top, .header--static.slideDown.not-top {transition: transform 0.3s linear;transform: translateY(0);}
.header--fixed.slideDown.top, .header--static.slideDown.top {position: fixed;}
.header--fixed.slideUp.not-top, .header--static.slideUp.not-top {transition: transform 0.3s linear;transform: translateY(-100%);}
.header--fixed.slideUp.top, .header--static.slideUp.top {transform: translateY(-100%);position: absolute;}
/* General Nav styling */
a.nav-link {color:#fff;letter-spacing: .5px;}
a.nav-link:hover {color:#f7c996;}
.nav-link:hover, .nav-link:active { text-decoration:underline ;}
/* Social Nav Bar */
.topnav-social{padding:0 .5em;background: -webkit-linear-gradient(180deg, #3563c5, #1c4cb4);background: linear-gradient(180deg, #3563c5, #1c4cb4);box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.topnav-social .nav-item {padding:0 5px;}
@media (max-width: 575.98px) {
.topnav-social .nav-link {font-size:.75em; }
.topnav-social .nav-item {font-size:1.2em; }
}
/* Inner Main Nav */
.inner-main-nav{padding:0 .5em; background: -webkit-linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background: linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background-color:#23489a; box-shadow: 0 9px 38px rgba(0,0,0,0.30), 0 5px 12px rgba(0,0,0,0.22); background-color: #3563c5;}
.inner-main-nav img {width:60px;}
.footer-mobi-nav .list-group-item.active , .inner-main-nav .list-group-item.active {background-color:transparent; border:none; }
.footer-mobi-nav .list-group-item.active a , .inner-main-nav .list-group-item.active a {border-bottom:3px solid #07afef; }
/*Footer Desktop Nav */
.footer-desk-nav img{height:55px;margin-top:0px;transition:200ms linear;opacity:.7;}
.footer-desk-nav img:hover{opacity:1;}
.footer-desk-nav{height:65px;background:#3564c5;}
/*Footer Mobile Nav */
.footer-mobi-nav {background: -webkit-linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background: linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background-color:#23489a; bottom:53px; z-index:999999;}
.footer-mobi-nav img {width:50px;}
@media (max-width: 575.98px) {
.footer-mobi-nav img {width:20px;}
.footer-mobi-nav ul li a {margin: 0 0; padding: 5px 0; font-size:.8rem; text-align:center; }
}
/* Footer Legal Nav */
.footer-legal-nav {background: -webkit-linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background: linear-gradient(-180deg, rgb(35, 72, 154), rgb(31, 56, 109)); background-color:#23489a; box-shadow: 0 9px 38px rgba(0,0,0,0.30), 0 5px 12px rgba(0,0,0,0.22); background-color: #3563c5; z-index:9999;}
.footer-legal-nav a { margin:0 2px; font-size:1rem; padding:10px 5px;}
.footer-legal-nav small { color:#fff; }
@media (max-width: 575.98px) {
.footer-legal-nav small span {display:none;}
.footer-legal-nav a {font-size: .85rem; padding:10px 0px; }
.footer-legal-nav {position:fixed; bottom: 0; width:100%;}
.footer-legal-nav .mx-3 { margin-left:0 !important; }
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
.footer-legal-nav {position:fixed; bottom: 0; width:100%;}
}
@media only screen and (max-width: 767.98px){
.inner-main-nav, .footer-desk-nav, .topnav-desktop{display:none;}
footer {padding-top:170px !important;}
}
.nav-events, .nav-insights, .nav-connect { box-shadow: 0 5px 25px 0 #bfbfbf inset; background: none repeat scroll 0 0 #fffffd; }
/* Insights Page Nav */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgb(3, 174, 239); font-weight: bold; }
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active { color: #f7c996; font-weight: bold;}
/* Connect Page Nav */
.nav-connect .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgb(3, 174, 239); font-weight: bold; }
.nav-connect .navbar-nav .active>.nav-link, .navbar-nav .nav-link.active { color: #2eab99; font-weight: bold;}
/* Events Page Nav */
.nav-events .navbar-nav .active>.nav-link, .navbar-nav .nav-link.active {color: #e09e55;font-weight: bold;}
/* Hero Image Section */
.hero-section {background: url('https://shared.wbresearch.com/WBR/images/hero-slices.jpg') center top no-repeat scroll;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover; /* background-blend-mode: hard-light; */ background-color: #1a95ceb5;box-shadow: inset 10000px 0 0 rgba(66, 29, 214, 0.41);}
.hero-section h1{color:#fff;margin:0;padding: .8em 0 .7em 0;text-shadow:0 0 0.5em rgba(0,0,0,1);font-weight:500;}
.hero-section h1{float: left;background:transparent;}
.hero-section .btn span {text-transform: capitalize; letter-spacing: 1.5px; font-size:85%; }
/* Inner Hero Image Section */
.inner-hero-section {background: url('/WBR/images/bg-inner-hero.jpg') center center no-repeat scroll;/* -webkit-background-size: cover; */-moz-background-size: cover;background-size: cover;-o-background-size: cover;box-shadow: inset 10000px 0 0 rgba(20, 39, 82, 0.5);}
/* Inner Hero Image col-xs-* */
@media (max-width: 767.98px) { .inner-hero-section h1 {font-size: 3.2vh; } }
/* Insights Market Section Illustrations */
#market-illustrations { position: absolute; display: -ms-flexbox; display: flex; width: 1287px; left: 45%; margin-top:-100px; margin-left: -644px; transform: scale(.5) rotate(-12deg) translateX(50px); transform-origin: 50% 20%; overflow:hidden;}
#market-illustrations div { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 38px; background: #f3f3f3; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05);}
#market-illustrations div img { width:94%; height:94%; border-radius:15px;}
@media (min-width:670px) {
#market-illustrations { width: 512px; margin-left: 50px; top: 285px; transform: rotate(-12deg); transform-origin: 100% 0; }
#market-illustrations .whitepaper-1 { width: 512px; height: 412px; }
#market-illustrations .whitepaper-2 { display: none;}
}
@media (min-width:880px) {
#market-illustrations { width: 865px; margin-left: -10px; top: 50px; }
#market-illustrations .whitepaper-1 { -ms-flex-item-align: end; align-self: flex-end; margin-right: 50px;}
#market-illustrations .whitepaper-2 { display: -ms-flexbox; display: flex; width: 303px;height: 553px;}
}
@media only screen and (max-width:767px){
#market-illustrations { position: relative; height:220px; display:none; }
}
/* Insight Event Sections */
.grid-section .grid-section-text { padding: 3rem}
.grid-section .grid-section-img { min-height: 30rem; background-size: cover}
@media (min-width:767.98px) {
.grid-section .grid-section-text { padding: 7rem }
}
/* Solid Color 1/3 Content Section Styling */
.overlay {position: absolute;height: 100%;min-height: 35rem;width: 100%;background: url(https://plsadaptive.s3.amazonaws.com/gmedia/externalresizes/panopoly_image_original_2da5e9b4cb22de4816b83bc7e39b2ba7.jpg) center center scroll;background-size:cover;/* opacity: .75; */z-index: -1;}
.overlay-container {position: relative;overflow: hidden;padding-bottom: 3rem}
.overlay-container .overlay-container-bg {position: absolute;top: 0;bottom: 0;right: 0;left: 0;width: 100%;min-height: 35rem;height: 100%;background-color: rgba(8, 172, 241, 0.75);transform: skewY(4deg);transform-origin: bottom right}
@media (min-width:767.98px) {
.overlay-container { height: 100%; min-height: 0; width: 40.5rem; padding-bottom: 0}
.overlay-container .overlay-container-bg { min-height: 0; transform: skewX(-8deg); transform-origin: top right}
.overlay-container .overlay-container-content { padding-left: 3rem; padding-right: 10rem}
}
/* Reach Page Nav Styling */
.nav-tabs#reach-nav .nav-link, .nav-tabs#reach-nav .nav-link.active {border:none; }
.nav-tabs#reach-nav>li {background-color:rgba(3, 183, 241, .8); border-top-left-radius:5px; border-top-right-radius:5px; }
.nav-tabs#reach-nav>li:hover {background-color:rgb(3, 183, 241); }
.nav-tabs#reach-nav>li>a, .nav-tabs#reach-nav>li>a:hover, .nav-tabs#reach-nav>li>a:focus {color: #fff; }
.nav-tabs#reach-nav>li.dropdown .dropdown-menu { background-color: #f9fafb; border-color: #e8eaec;}
.nav-tabs#reach-nav .dropdown-item {color: #254a89;padding: 5px 10px;font-weight: 600;font-size:.95em;white-space: pre-wrap;}
.nav-tabs#reach-nav .dropdown-item i {margin-right: 3px;}
.nav-tabs#reach-nav .dropdown-item.active, .nav-tabs#reach-nav .dropdown-item:active, .nav-tabs#reach-nav .dropdown-item:hover { color: #fff; background-color: #101f43; }
.nav-tabs#reach-nav .nav-item.show .nav-link, .nav-tabs#reach-nav .nav-link.active {color: #f8f9fa;background-color: #21417e;}
@media (min-width: 575.98px) and (max-width: 767.98px) {
.nav-tabs#reach-nav .nav-item .nav-link {font-size:1.4em; font-weight:500; }
}
@media (max-width: 575.98px) {
.nav-tabs#reach-nav .nav-item .nav-link {font-size:1em; font-weight:400; }
.nav-tabs#reach-nav .dropdown-item {padding: 5px 10px; font-weight: 700; font-size:.8em; }
}
/* Reach Page Chart Legend Styling */
.chart-legend li span { display: inline-block; width: 13px; height: 13px; margin-right: 10px; }
.chart-legend ul {padding-left: 10px;}
.chart-legend ul li { display:block; margin-bottom:4px;}
/* Event Page Filter Section*/
#listings_filter, .dataTables_filter {display:none !important; }
.filter-section { box-shadow: 0 0 5px #ccc; padding: 1.5em;}
.filter-section .nav .nav-item { text-align: center;}
.filter-section .nav .nav-item .nav-link { color: #3466c5; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; font-size: .85em; }
.filter-section .nav .nav-item .active { background-color: #3366c5; margin: 5px; border-radius: 5px; color: #fff;}
/* Event Page Table Styling */
table#listings > thead > tr > th:nth-child(2){border-radius:10px 0px 0px 0px;}
table#listings > thead > tr > th:last-child {border-radius:0px 10px 0px 0px;}
table#listings > tbody > tr {outline: 1px solid #e9edf5;}
table#listings .odd {background-color:#f9fbfb;/* padding: 60px !important; */}
table#listings thead{color:#fff;background:#3b62b0; }
table#listings .eventname{font-weight:bold;}
table#listings > tbody > tr > td, #listings > tbody > tr > th {vertical-align:middle;}
table#listings p.venue {white-space: normal;}
table#listings img.eventlogo { max-width: 20vh; max-height:20vh; }
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {background:none; }
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {border:none; }
.ctacol,.logocol,.datecol {width:20%;}
.eventname { font-weight:700 !important; font-size:1em !important; letter-spacing:.5px !important; color:#446db8;}
p.venue, td.datecol {color: #227479;font-size:.85em;font-weight:600;}
.dataTables_empty {padding:20px !important; font-weight:700; letter-spacing:.5px; color:#25498e; font-size:1.2em; }
@media (max-width: 767.98px) and (min-width: 100px) {
#listings_filter {width:100%; display:block; position:relative; top:1.8em; padding:1em 0 1em 0; z-index:9999;}
.btn-reset{position:static;margin:0;width:100%;background:#253a63;border-radius:0;}
table#listings th{padding: 0 0;}
table#listings thead {visibility: hidden;}
table#listings thead th.datecol {display:none; }
table#listings .datecol {font-size:.9em;font-weight:bold;line-height:6px;/* padding-top:0px; */margin-bottom: 20px;}
.table td {border-top:none;padding: 0 0 12.5px 0;}
.table tbody tr {outline: 1px solid #d1d2d6 !important; }
.logocol, .infocol, .datecol{display:block; text-align:center; width:100%;}
table#listings > tbody > tr > td {padding: 0 0;}
table#listings.nowrap td { white-space:normal; }
.media{ display:block; }
}
/* Insights Tables */
table.wbr-table td { border: 10px #fff solid;}
table.wbr-table tr td:nth-child(1) {width: 50%;}
table.wbr-table tr td:nth-child(2) {
width: 10%;
}
table.wbr-table tr td:nth-child(3) {
width: 10%;
}
table.wbr-table tr td:nth-child(3) {
width: 10%;
}
table.wbr-table tr:nth-child(odd) td:nth-child(1) {
background: #2b5fac1a !important;
}
table.wbr-table tr td:nth-child(1) {
background: #f681321a !important;
}
table.wbr-table tr td:nth-child(1) {
display: table-cell;
margin: .45em !important;
}
table.wbr-table tr td:nth-child(1) p {
font-weight: bolder;
margin: .5em !important;
}
table.wbr-table th {
text-align: center;
}
table.wbr-table tr td:nth-child(2),
table.wbr-table tr td:nth-child(3) {
text-align: center;
color: #fff !important;
font-size: 2em;
}
table.wbr-table tr td:nth-child(2) {
background: #45abc6 !important;
}
table.wbr-table tr td:nth-child(3) {
background: #a6d4dd !important;
}
/* Inner Hero Pages */
/*Replace Jumbotron*/
.hero-inner:before { content: ""; offset: 0; position: absolute; background: url('https://eco-cdn.iqpc.com/eco/images/channel_content/images/i-p76fj6d-xlL4LCsAmGnKoYyaVH3l9X5LrC4GSdmoEeF2jclct6.jpg'); background-size: cover; height: 100%; width: 100%;}
.hero-inner .logo {filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
@media (min-width: 768px) {
.hero-inner { height: 80vh; }
}
.bg-intro:before { position: absolute; inset: 0; content: ''; width: 100%; height: 100%; background: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(180 180 180 / 82%) 30%, rgb(255 255 255 / 53%) 70%, rgba(255, 255, 255, 1) 100%); mix-blend-mode: screen;}
.bg-intro p { /*font-size: 1rem; */ line-height: 38px;}
.img__scroll-wrapper { height: 30rem; box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);}
.img__scroll-wrapper a { top: 0; left: 0; z-index: 1; cursor: pointer;}
.img__scroll-heading { padding: 1rem; transform: translate3d(0, -100%, 0); transition: transform 300ms; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);}
.img__scroll-heading svg { fill: #3b62b0; margin-left: 5px; width: 20px; font-weight: bold;}
.img__scroll-wrapper a:hover~.img__scroll-content,
.img__scroll-wrapper a:focus~.img__scroll-content { transform: translate3d(0, 0, 0); box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .7);}
.img__scroll-wrapper a:hover~.img__scroll-content .img__scroll-heading,
.img__scroll-wrapper a:focus~.img__scroll-content .img__scroll-heading { transform: translate3d(0, 0, 0); padding: 10px 1rem; color: #c3d7ff !important; background: none;}
.img__scroll-wrapper a:hover~.img__scroll-content .img__scroll-copy,
.img__scroll-wrapper a:focus~.img__scroll-content .img__scroll-copy {opacity: 1;}
.img__scroll-wrapper a:hover~.img__scroll-content .img__scroll-heading svg { transform: rotate(180deg); display: none;}
.img__scroll-wrapper img { object-fit: cover;}
.img__scroll-content {top: 0; transition: transform 500ms; transform: translate3d(0, 100%, 0);}
.img__scroll-copy { padding: 0rem 1rem; opacity: 0; transition: opacity 500ms 100ms;}
@media (min-width: 1200px) {
.img__scroll-heading { font-size: 2em;}
.img__scroll-copy p { font-size: 1.25em;}
}
/* Testimonial Section */
.testimonial { --border-width: 4px; display: block; border: var(--border-width) solid #f7eadc; border-radius: 6px; position: relative; background-color: #faf8f8; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .05); transition: all .2s ease-out;}
.testimonial:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);}
.testimonial:before,
.testimonial:after { display: block; content: ""; width: 9%; height: 17%; position: absolute; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.testimonial:before { bottom: calc(var(--border-width) * -1); right: calc(var(--border-width) * -1); border-bottom: var(--border-width) solid #54c4f5; border-right: var(--border-width) solid #54c4f5;}
.testimonial:after { top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); border-top: var(--border-width) solid #54c4f5; border-left: var(--border-width) solid #54c4f5;}
.testimonial:hover:before, .testimonial:hover:after { width: 95%; height: 90%;}
.quote {position: relative; line-height: clamp(30px, 3vw, 36px) !important;}
.quote:before { content: '\201c'; font-size: 10rem; color: #F1AD56; opacity: 0.15; font-family: serif; font-weight: bold; position: absolute; top: 2rem; left: -1rem; pointer-events: none;}
/* Cookie Consent */
.cookie-consent { background: #252525; bottom: 0; color: #FFF; font-size: 13px; padding: 10px 0; position: fixed; text-align: center; width: 100%; z-index: 999;}
.cookie-consent button { background: #595959; border: none; border-radius: 5px;}