@import url("https://use.typekit.net/tqq5uwu.css");
.WABranding {
  display: none;
}
  BODY, html, span, p, a, h1, h2, h3, h4, h5 {
      font-family: 'sofia-pro', sans-serif; 
      text-transform: none;
      line-height: 1.7em;
  }
  .conferenceBoxes .gadgetStyle002 .gadgetStyleBody {
    background: #00000042;
  }
.justifyText {
  text-align: justify;
}
.staggeredImg {
  margin-top: -150px;
}
.infoOuterContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background-color: #f3f3f3;
}
/* BLOG - Events*/
.postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before {
  display: none;
}
.WaGadgetBlogStateList ul.boxesList  .boxBaseView {
    padding: 20px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
    border-top: 5px solid #cb3346;
}
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a {
    visibility: visible;
    background: #f1f1f1;
    padding: 10px 20px;
}
.WaGadgetBlog .blogEntryOuterContainer .boxHeaderOuterContainer h4 {
  display: none;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer {
  display: none;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
  text-transform: none;
  font-weight: 100;
  color: #b32d00;
}
.registrationInfo {
  display: none;
}
/* END BLOG - EVENTS*/
/* DIVIDER */
.WaContentDivider.dividerStyle001 {
    height: 25px;
    margin: 0 auto;
    background: url(/resources/Theme/divider.png);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    text-align: center;
    align-content: center;
    background-position: center;
    padding: 40px 0;
}
/* END DIVIDER */

/* CONFERENCE HEADER */
.conferenceHero .WaLayoutItem {
  position: relative;
  vertical-align: top; 
}
.conferenceHero .WaLayoutItem:first-of-type .placeHolderContainer {
  max-width: 500px;
  margin: 0 auto;
padding-bottom: 30px;
}
/* .conferenceHero .WaLayoutItem:first-of-type .placeHolderContainer div
{
  max-width: 600px;
} */
.conferenceHero .WaLayoutItem:last-of-type .placeHolderContainer div{
  position: relative;
height: 600px;
}
 .conferenceHero .WaLayoutItem:last-of-type .placeHolderContainer img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
} 

/* .conferenceHero td:nth-child(3) > div div div{
    position: relative;
    height: 500px;
    width: 100%;
    overflow: hidden;
}
.conferenceHero img {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
} */
.conferenceBoxes {
    margin: -100px auto 100px;
}
.conferenceBoxes a {
  width: 100%;
  display: block;
  bottom: 0px;
  padding: 60px 0 20px;
  position: absolute;
}
.conferenceBoxes td::after {
  content: '';
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 80px;
  height: 80px;
  background: #b6242c;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

/* END CONFERENCE BOXES */
.logoContainer {
  display: flex;
  align-items: center;
  height: 100px; 
      justify-content: center;
}



/* BUTTON STYLES */
a.buttonStyle001, a:link.buttonStyle001 {
font-size: 18px;
white-space: pre-wrap;
border-radius: 10px;
}
a.buttonStyle002, a:link.buttonStyle002 {
  font-size: 18px;
white-space: pre-wrap;
border-radius: 10px;
}
a.buttonStyle003, a:link.buttonStyle003 {
  font-size: 18px;
white-space: pre-wrap;
border-radius: 10px;
}
a.buttonStyle004, a:link.buttonStyle004 {
  font-size: 18px;
white-space: pre-wrap;
border-radius: 10px;
}
a.buttonStyle005, a:link.buttonStyle005 {
  font-size: 18px;
white-space: pre-wrap;
border-radius: 10px;
}
/* END BUTTON STYLES  */
/* conferenceMenu */

#conferenceMenu {
  position: relative;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px;
  transform: scale(1);
  transition: transform 0.3s ease, padding 0.3s ease, width 0.3s ease;
  font-size: 21px;
}
.fixed-conference-menu {
  position: fixed !important;
  top: 40px;
  left: 0px;
/* right: 100px; */
   transform: scale(0.9);
    padding: 0px 10px !important;
  border-radius: 0 0 12px 12px;
  box-sizing: border-box;
    font-size: 18px!important;
    width: 100%;
}



/* conferenceMenu */

/* SLIDER */
.camera_wrap {
  background: transparent;
}
.camera_thumbs {
  display: none;
}
.camera_commands, .camera_next, .camera_prev {
  background: transparent;
}
.camera_next:hover, .camera_prev:hover {
  background: rgba(0,0,0,.1)
}

.cameraContents {
  background: #0F143C;
background: -webkit-linear-gradient(136deg, rgba(15, 20, 60, 1) 0%, rgba(255, 255, 255, 0) 61%);
background: -moz-linear-gradient(136deg, rgba(15, 20, 60, 1) 0%, rgba(255, 255, 255, 0) 61%);
background: linear-gradient(136deg, rgba(15, 20, 60, 1) 0%, rgba(255, 255, 255, 0) 61%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F143C", endColorstr="#FFFFFF", GradientType=0);
}
/* END SLIDER */


/* GADGETS */
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .title a, .WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .title a {
    font-size: 18px;
}
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .author, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .author, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .author, .WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .author, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .author, .WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .author {
  display: none;
}
.WaGadgetRecentBlogPosts.recentBlogPostsStyle001 ul li .date:after, .WaGadgetRecentBlogPosts.recentBlogPostsStyle002 ul li .date:after, .WaGadgetRecentBlogPosts.recentBlogPostsStyle003 ul li .date:after, .WaGadgetRecentBlogPosts.recentBlogPostsStyle004 ul li .date:after, .WaGadgetRecentBlogPosts.recentBlogPostsStyle005 ul li .date:after, .WaGadgetRecentBlogPosts.recentBlogPostsStyle006 ul li .date:after {
  display: none;
}
/* END GADGETS */

/* Footer CTA */
#id_xr9gswU {
   border-left: 8px solid #356ed5; 
}
/* END FOOTER CTA */

/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
  color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: #b32d00;
  color: white;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #9c2700;
}
.WaGadgetMobilePanel .mobilePanel .loginInner, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #2f4b72;
    border-top: 1px solid #9c2700;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
  background: #2f4b72;
}
/* END MOBILE PANEL */







/* MAIN MENU */
/* .WaGadgetMenuHorizontal.HorizontalMenuStyle001  div.menuInner:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > a:nth-child(1){
  display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active div.menuInner:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > a:nth-child(1) {
  display: block;
} */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
  font: normal 18px / 23px 'sofia-pro', sans-serif;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
  float: right;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
    left: 0;
    z-index: 1000;
    width: 100%;
    background: white;
    border-bottom: 1px solid #c1c1c1;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li.dir>.item>a span:after {
  display: none;
}
/* END MAIN MENU */



/* Quotes */
.quotedText {
    border-left: 0px solid #0f948f;
    font-family: 'Montserrat','Arial',sans-serif;
}
.quotedText::after, .gadgetStyle002 .quotedText::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 70px;
  color: #3c5276;
font-size: 8em;
font-family: open;
}
.quotedText:before, .gadgetStyle002 .quotedText:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 45px;
  color: #3c5276;
font-size: 8em;
font-family: open;
}
/* END QUOTES */


/* TYPOGRAPHY */
[class*='EditableArea'] ul {
  margin: 1em 0 1em 30px;
}

p {
  font-family: 'sofia-pro', sans-serif;
} 
.emphasis {
  font-size: 24px;
  font-weight: 100;
  margin-top: 0px;
    margin-bottom: 0px;
}
.conferenceHero
H1:not(.promo):not(.header):not(.h1Alt),.conferenceHero .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt) {
  padding: 60px 0 0;
}
H1:not(.promo):not(.header):not(.h1Alt)::before, .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt)::before {
    height: 5px;
    background: #b32d00;
    content: '';
    display: block;
    max-width: 100px;
}
/* === Desktop (default) === */
.promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 50px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 46px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 46px;
  line-height: 1.2;
   text-transform: none;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 35px;
  line-height: 1.3;
   text-transform: none;
}
.h2, h2, .gadgetStyle002 h2 {
      font-size: 36px;
  line-height: 1.3;
   text-transform: none;
}
.h3, h3, .gadgetStyle002 h3 {
       font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
   margin: 1em 0 1em;
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
         font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
}
.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
           font-size: 30px;
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
         font-size: 24px;
  line-height: 1.3;
   text-transform: none; 
}
h5, .gadgetStyle002 h5 {
         font-size: 24px;
  line-height: 1.3;
   text-transform: none; 
}
/* Small Desktop */
@media (max-width: 980px) {
  .promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 50px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 40px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 40px;
  line-height: 1.2;
   text-transform: none;
}
}
/* === Tablet (≤768px) === */
@media (max-width: 768px) {
  .fixed-conference-menu {
  position: fixed !important;
  top: 20px;
left: 0px;
   transform: scale(0.9);
    padding: 0px 10px !important;
  border-radius: 12px;
  box-sizing: border-box;
    font-size: 18px!important;
    width: 100%;
}
  .emphasis {
    font-size: 24px;
  }
  .promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 36px;
  line-height: 1.2;
   text-transform: none;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 30px;
  line-height: 1.3;
   text-transform: none;
}
.h2, h2, .gadgetStyle002 h2 {
      font-size: 30px;
  line-height: 1.3;
   text-transform: none;
}
.h3, h3, .gadgetStyle002 h3 {
       font-size: 30px;
  line-height: 1.3;
   text-transform: none; 
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
         font-size: 30px;
  line-height: 1.3;
   text-transform: none; 
}
.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
  font-size: 26px;
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
         font-size: 24px;
  line-height: 1.3;
   text-transform: none; 
}
h5, .gadgetStyle002 h5 {
         font-size: 24px;
  line-height: 1.3;
   text-transform: none; 
}
}

/* === Mobile (≤480px) === */
@media (max-width: 480px) {
.fixed-conference-menu {
  display: none;
}
  .conferenceHero .WaLayoutItem:last-of-type .placeHolderContainer div {
    height: 250px;
  }
    .emphasis {
    font-size: 21px;
  }
  .promo, h1.promo, .gadgetStyle002 h1.promo {
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}
.h1, h1, .gadgetStyle002 h1:not(.promo):not(.header):not(.h1Alt) {
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}

.header, h1.header,  .gadgetStyle002 h1.header{
  font-size: 30px;
  line-height: 1.2;
   text-transform: none;
}
.h1Alt, h1.h1Alt, .gadgetStyle002 h1.h1Alt {
    font-size: 26px;
  line-height: 1.3;
   text-transform: none;
}
.h2, h2, .gadgetStyle002 h2 {
      font-size: 26px;
  line-height: 1.3;
   text-transform: none;
}
.h3, h3, .gadgetStyle002 h3 {
       font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
}
.h4, h4, .gadgetStyle002 h4, .gadgetStyle002 h4:not(.gadgetTitleH4):not(.h4Alt){
         font-size: 26px;
  line-height: 1.3;
   text-transform: none; 
}
.h4Alt, h4.h4Alt, .gadgetStyle002 h4.h4Alt {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
}
h5, .gadgetStyle002 h5 {
         font-size: 21px;
  line-height: 1.3;
   text-transform: none; 
}
}
/* END TYPOGRAPHY */
/* Page title edit */
.pageTitle {

    padding-bottom: 30px;


}

.pageTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.pageTitle.borul li+li:before {
display: none;
}
.pageTitle li:not(:last-child) {
display: none;
}
.pageTitle li 
{
Font-size: 50px;
color: #000;
font-weight: 800;
text-transform: capitalize;
border-bottom: 0px solid #cc9933; 
font-style: none;
padding-top: 20px;
}
.pageTitle ul li+li:before {
    display: none;
}
.pageTitle ul {
  padding-top: 20px;
}
.pageTitle::before {
    height: 5px;
    background: #b32d00;
    content: '';
    display: block;
    max-width: 100px;
}
/* End Page Title */




/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle001 .alignRight, .WaGadgetLoginForm.LoginFormStyle002 .alignRight, .WaGadgetLoginForm.LoginFormStyle001 .authenticated.alignRight .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .authenticated.alignRight .loginPanel {
    text-align: center;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginPanel, .WaGadgetLoginForm.LoginFormStyle002 .loginPanel {
background: #fff;
border: 1px solid #a41c1f;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {

    position: relative;
    display: inline-block;
    width: 145px;
    height: 55px;
    overflow: hidden;
    background: #a41c1f;
    color: white;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;

}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: normal 18px/55px 'sofia pro', sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'Login';
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: normal 18px/55px 'sofia pro', sans-serif;
    text-align: center;
    text-indent: 0;
    content: 'My Account';

}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
  background: #356ed5;
}
/* END LOGIN */


/* SYSTEM BUTTONS */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton, .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"] {
    background: #a41c1f;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover {
background: #be2225;
}
/* END SYSTEM BUTTONS */




/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #a41c1f;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #1aa7e4;
}
#back-to-top.show {
    opacity: 1;
}

/* FADEIN TEXT */

.fade-in-text {
  animation: fadeIn linear 2s;
  -webkit-animation: fadeIn linear 2s;
  -moz-animation: fadeIn linear 2s;
  -o-animation: fadeIn linear 2s;
  -ms-animation: fadeIn linear 2s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}





/* Mobile View */
@media screen and (max-width: 766px) {
  .staggeredImg {
    display: none;
  }
  H1:not(.promo):not(.header):not(.h1Alt)::before, .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt)::before {
    margin: 0 auto;
  }
  .pageTitle li 
{
Font-size: 30px;
}
  .conferenceBoxes {
    margin: auto;
}
.non-mobile {
  display: none;
}
.mobileText {
  text-align: center;
}
}



/* === QUOTE SLIDER CONTAINER === */
#quote-container {
  position: relative;
  min-height: 400px;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  color: #000;
  font-family: 'sofia pro', sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;

}
/* Custom scrollbar */
.quote::-webkit-scrollbar {
  width: 8px;
}
.quote::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}
.quote::-webkit-scrollbar-thumb {
  background: #3c5276;
  border-radius: 10px;
}
.quote::-webkit-scrollbar-thumb:hover {
  background: #2c3f5f;
}

/* For Firefox */
.quote {
  scrollbar-width: thin;
  scrollbar-color: #3c5276 #f0f0f0;
}
/* === INDIVIDUAL QUOTES === */
.quote {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 100%;
  overflow-y: overlay; /* Enable vertical scroll */
  scroll-behavior: smooth;
  padding: 30px 60px 80px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 1s ease;
  white-space: normal;
}

/* Make active quote visible */
.quote.visible {
  opacity: 1;
  z-index: 1;
}

/* === LARGE QUOTATION MARKS IN CORNERS === */
.quote::before,
.quote::after {
  position: absolute;
  font-size: 8rem;
  color: #3c5276;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
  font-family: open;
}

.quote::before {
  content: '“';
  top: 0px;
  left: 0;
}

.quote::after {
  content: '”';
  bottom: 0;
  right: 0;
}

/* === QUOTE TEXT === */
.quote-text {
  position: relative;
  font-style: italic;
  z-index: 1;
  font-weight: 300;

}

/* === FOOTER SECTION === */
.quote-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 20px;
  z-index: 1;
  position: relative;
}

.quote-headshot img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}

.quote-meta {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  color: #000;
}


/* RESPONSIVE TABLE */
@media (max-width: 768px) {
  .responsiveTable table,
  .responsiveTable thead,
  .responsiveTable tbody,
  .responsiveTable th,
  .responsiveTable td,
  .responsiveTable tr {
    display: block;
    width: 97%;
  }

  .responsiveTable thead {
    display: none;
  }

  .responsiveTable tr {
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.5rem;
    background: #fff;
  }

  .responsiveTable td {
    text-align: left;
    padding: 0.5rem 0;
    position: relative;
    word-break: break-word;
  }

  .responsiveTable td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    margin-bottom: 0.3rem;
    white-space: normal;
    word-break: break-word;
  }
}


/* END RESPONSIVE TABLE */

/* === RESPONSIVE DESIGN === */
@media screen and (max-width: 768px) {
  #quote-container {
    font-size: 1rem;
    padding: 0px;
    min-height: auto;
    position: relative;
    overflow: visible;
  }

  .quote {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    max-height: none !important;
    overflow: visible !important;
    display: none;
    opacity: 0;
    padding: 40px 0px 60px;
    box-sizing: border-box;
  }

  .quote.visible {
    display: block;
    opacity: 1;
  }

  .quote::before,
  .quote::after {
    font-size: 3rem;
    opacity: 1;
  }

  .quote-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .quote-meta {
    font-size: 0.95rem;
    text-align: center;
  }
}