/* Background Images and Footer */

/* CSS Overrides */
/* eConverse Media
Developer: Cailee Averill
Date: March 24st 2022 */

/*** default table style ***/

table th {
    padding: 10px 15px;
    vertical-align: middle;
    color: inherit;

}

table tr:nth-child(2n) {
    border-bottom: 2px solid #ededed;
    background: #fafafa;
}

table tr td {
    padding: 8px;
    vertical-align: middle;
}

/*  stop the content overflowing to the sides, especially with negative margins on .row */

#MPOuterMost {
    overflow-x: hidden;
    overflow-y: hidden;
}

/* hide .HtmlFooter and .MPBottomMenu, both of which add extra padding/whitespace */

#MPCopyright,
#MPFooterLinkContent,
#MPFooterLink,
#MPFooter,
#FOOTER>.row:last-child,
.HtmlFooter,
.MPBottomMenu {
    display: none;
}

/* remove bottom margin from empty paragraphs (eg. in widgets) to avoid whitespace */

p:empty {
    margin-bottom: 0;
}

/* this one's not HL-specific */

/* centres all background images created using the bg image JS/ajax calls for images */

#PageTitleH1,
.bg-hero,
.bg-image,
.img-container {
    background-size: cover;
    background-position: center;
}

/* avoids 1px tall sections, especially when they hold JS but no content */

/* can be less specific, but might break other HL functionality */

.home .col-md-12[class*="section"] {
    min-height: 0;
}

/* allows for word breaking for emails and profile inbox messages */

body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* overrides the above word breaking for yes/no toggle buttons in create event */

#event-additional-details-container {
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}

/* resets the padding on col-md-12 full-width sections */

.row-full .col-md-12[class*="section"] {
    padding: 0;
}

.row-full .col-md-6[class*="section"],
.row-full .col-md-8[class*="section"],
.row-full .col-md-4[class*="section"],
.row-full .col-md-3[class*="section"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* reset alerts to neutral colours */

.alert-warning,
.alert-success,
.ideation-home .alert.alert-success,
.ideation-detail .alert.alert-success {
    color: inherit;
    background-color: #f7f7f7;
    border-color: #ccc;
    color: #333;
}

/*** fix Add Event button styling ***/

.HLEventList .Content>div[id*="ContentPanel"]>.col-md-12.no-pad>.pull-right {
    float: none !important;
    text-align: right;
}

.HLEventList .Content>div[id*="ContentPanel"]>.col-md-12.no-pad>.pull-right+br {
    display: none;
}

@media (max-width: 768px) {

    .btn-group>.btn,
    .btn-group-vertical>.btn {
        float: left;
    }
}

/*** fixing non-responsive images ***/

img {
    max-width: 100%;
}

/* Adding in an acception for Executive Committee */

.media-left img {
    max-width: initial;
}

/*** fixing lack of wrapping on community settings dropdown buttons ***/

.CommunityManagementGearStatusPaddingL {
    white-space: normal;
}

/****** fix missing left-hand profile page content on my contacts page ******/

.text-muted-h2.my-contacts .col-md-3.section1 {
    display: block !important;
}

/* Increasing the left offset for skip to content to be moved off the page */

.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
    left: -250000%;
}

.skiplinkholder a:focus,
.skiplinkholder a:active {
    left: 0;
}

/* Stops logo from bleeding out on IE */

.LogoImg {
    width: 100%;
}

/* Hide welcome button */

#BtnShowProfile {
    display: none;
}

/* Hide HL search */

#searchColumn {
    display: none;
}

/* Circular Profile Picture Reset */

.Welcome .imgButton.btn,
a[id*="ProfileImage"]:not([id*="NameLink"]):not([id*="ManageDropDown"]),
a[id*="UserImageDisplay"],
a[id*="Contacts_PictureLink"],
a[id*="lnkDisplay"],
a[id*="Welcome_Details_ProfileLink"],
.list-group-item-image,
a[title="User Name Image"],
a[oldtitle="User Name Image"],
.member-dashboard-img a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

.welcome-profile-image-lg {
    max-height: 45px !important;
    width: auto !important;
    max-width: 45px !important;
}

.text-muted-h2 a[id*="lnkDisplay"],
.text-muted-h2 [id$="_ImageControl_imgDisplay"] {
    height: 120px;
    width: 120px;
}

.text-muted-h2 .inbox-list a[id*="lnkDisplay"],
.text-muted-h2 .inbox-list a[id*="lnkDisplay"]>img {
    height: 60px;
    width: 60px;
}

.text-muted-h2 .ItemContent.search-results.row a[id*="lnkDisplay"] {
    height: 80px;
    width: 80px;
}

.welcome-profile-image {
    max-height: 26px !important;
}

.Welcome .imgButton.btn {
    background-color: #fff;
}

.list-group-item-image {
    width: 40px;
    height: 40px;
}

.list-group-item-nochild .list-group-item-image {
    width: 20px;
    height: 20px;
}

.Welcome button.btn-default.btn.imgButton {
    width: 26px;
    height: 26px;
    min-height: 26px;
    border: none;
    border-radius: 50px;
}

.profile div[id*="pnlImage"] [id$="_ImageControl_imgDisplay"],
.profile div[id*="pnlImage"] a[id*="lnkDisplay"] {
    width: 120px;
    height: 120px;
}

.profile-img-sm {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

#MessageListContainer .col-sm-2 .form-group a img {
    width: 45px;
    height: 45px;
}

/* Links */

a {
    color: #323734;
    text-decoration: underline;
}

a:hover {
    color: #64a70b;
    text-decoration: none;
}

/* Transitions */

a,
a:hover,
a:focus,
i,
i:hover,
i:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
span,
span:hover,
span:focus {
    transition: 0.3s;
}

a i {
    transition: none;
}

/****** basics ******/

.home .no-pageTitle-padding {
    padding-top: 0;
}

#MPOuter {
    margin-top: -5px;
}

.interior #MainCopy_ContentWrapper {
 /*   padding-top: 25px;*/
    padding-bottom: 60px;
}

/*** fonts ***/

#MPOuterMost *:not(i) {
    /*font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;*/
font-family: 'Calibri', Helvetica Neue, Helvetica, sans-serif;
}


body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.text-muted-h2 h2 {
    font-family: */"futura-pt", "Futura",*/ 'Calibri', Helvetica Neue, Helvetica, sans-serif;
    color: #323734;
}

h1 {
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
    color: #1D4F91;
}

h2,
.text-muted-h2 h2 {
    font-weight: 500;
    font-size: 38px;
    line-height: 47px;
    color: #1D4F91;
    border-bottom: 1px solid lightgray;
}

h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #1D4F91;
}

h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
}

h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #64A70B;
}

p,
#MainCopy_ContentWrapper .ContentItemHtml>.HtmlContent ul li,
#MainCopy_ContentWrapper .ContentItemHtml>.HtmlContent ul li,
#FOOTER .ContentItemHtml>.HtmlContent ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #323734;
}

.p-small p {
    font-size: 14px;
    line-height: 15px;
}

/* buttons */

.home .make-buttons em {
    display: inline-block;
    margin: 0px;
}

a#Welcome_LoginLink,
.make-buttons em a,
a[id*="MoreLink"],
a[id*="hypMore"],
a[id*="lnkMore"],
a[id*="LinkToCalendar"],
a[id*="LinkToCommunityCalendar"],
h2 input[type="submit"] {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    /*text-transform: uppercase;*/
    color: #ffffff;
    border: none;
    background: #64a70b;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    font-style: normal;
    text-decoration: none;
    padding: 8px 15px;
    position: relative;
    z-index: 1;
    transition: 0.3s;
}

a#Welcome_LoginLink::before,
.make-buttons em a::before,
a[id*="MoreLink"]::before,
a[id*="hypMore"]::before,
a[id*="lnkMore"]::before,
a[id*="LinkToCalendar"]::before,
a[id*="LinkToCommunityCalendar"]::before,
h2 input[type="submit"]::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition: 0.3s;
}

a#Welcome_LoginLink:hover:before,
a#Welcome_LoginLink:focus:before,
.make-buttons em a:hover::before,
.make-buttons em a:focus::before,
a[id*="MoreLink"]:hover::before,
a[id*="MoreLink"]:focus::before,
a[id*="hypMore"]:hover::before,
a[id*="hypMore"]:focus::before,
a[id*="lnkMore"]:hover::before,
a[id*="lnkMore"]:focus::before,
a[id*="LinkToCalendar"]:hover::before,
a[id*="LinkToCalendar"]:focus::before,
a[id*="LinkToCommunityCalendar"]:hover::before,
a[id*="LinkToCommunityCalendar"]:focus::before,
h2 input[type="submit"]:hover::before,
h2 input[type="submit"]:focus::before {
    opacity: 1;
}

a#Welcome_LoginLink {
    padding: 8px 15px;
    margin-top: -4px;
}

.HLWelcome.HLWelcomeHeader {
    margin-top: 18px;
}

.make-buttons.outline em a {
    border: 1px solid #64a70b;
    box-sizing: border-box;
    background: #fff;
    color: #64a70b;
    box-shadow: none;
}

.make-buttons.outline em a:hover {
    background: #64a70b;
    color: #fff;
}

.button-gray {
  border: none;
  color: black;
  padding: 5px 10px;
  text-align: center;
  font-family: calibri, arial, sans-serif;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform:none;
  display: inline-block;
  font-size: 12px;
  /*margin: 4px 2px;*/
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
  /*float: left;*/
}

.button-gray {
  background-color: #F1F1F1; 
  color: black; 
  border: 2px solid #cfcfcf;
}

.button-gray:hover {
  background-color: #fff;
  color: black;
  border: 2px solid black;
}

/*** Homepage card borders ***/

.homepage-stakeholders .col-md-3[class*="section9"], 
.homepage-stakeholders .col-md-3[class*="section10"],
.homepage-stakeholders .col-md-3[class*="section11"] {
border-right: 1px solid lightgrey;
}

@media (max-width: 991px) {
.homepage-stakeholders .col-md-3[class*="section9"], 
.homepage-stakeholders .col-md-3[class*="section10"],
.homepage-stakeholders .col-md-3[class*="section11"] {
border-right: none;
}

.homepage-stakeholders .col-md-3[class*="section9"], 
.homepage-stakeholders .col-md-3[class*="section10"],
.homepage-stakeholders .col-md-3[class*="section11"] {
margin-top: 25px;
}

}

/*** Exhibitor Pics  ***/


@keyframes reveal {
	from {
		opacity: 0;
		clip-path: inset(45% 20% 45% 20%);
	}
	to {
		opacity: 1;
		clip-path: inset(0% 0% 0% 0%);
	}
}

.homepage-exhibit .col-md-4[class*="section34"] img, 
.homepage-exhibit .col-md-4[class*="section35"] img,
.homepage-exhibit .col-md-4[class*="section36"] img {

    
        /* Create View Timeline */
        view-timeline-name: --revealing-image;
        view-timeline-axis: block;
    
        /* Attach animation, linked to the  View Timeline */
        animation: linear reveal both;
        animation-timeline: --revealing-image;
    
        /* Tweak range when effect should run*/
        animation-range: entry 25% cover 50%;
    }



/*** MCS - accordion  ***/
.accordion-heading h3 {
    font-family: Calibri;
    font-weight: 520;
    text-transform: none;
    font-size: 1.2em;
    color: #175394;
    /* link colour */
    background: #fff;
    padding: 0px;
    margin: 0;
    cursor: pointer;
    transition: .3s;
}

.accordion-heading h5 {
    font-family: Calibri;
    font-weight: 550;
    text-transform: uppercase;
    font-size: 14px;
    color: #175394;
    /* link colour */
    background: #fff;
    padding: 5px;
    margin: 0;
    cursor: pointer;
    transition: .3s;
    letter-spacing: .1em;
    margin-left: -20px;
}

.accordion-heading h3:hover,
.accordion-heading h3:focus {
    color: #333;
    /* link hover colour */
    transition: .3s;
}

.accordion-heading h5:hover,
.accordion-heading h5:focus {
    color: #333;
    /* link hover colour */
    transition: .3s;
}

.accordion-heading h3::before {
    font-family: SITC2018;
    /* change to appropriate kit/unicode */
    content: '\f00f';
    margin-right: 10px;
}

.open .accordion-heading h3::before {
    font-family: SITC2018;
    /* change to appropriate kit/unicode */
    content: '\f010';
}

.accordion-heading h5::before {
    font-family: SITC2018;
    /* change to appropriate kit/unicode */
    content: '\f00f';
    margin-right: 10px;
}

.open .accordion-heading h5::before {
    font-family: SITC2018;
    /* change to appropriate kit/unicode */
    content: '\f010';
}

.accordion-text {
    display: none;
    padding-left: 10px;
    padding-bottom: 10px;
}

.accordion-wrap .ContentItemHtml,
.accordion-wrap .ContentItemHtml:hover {
    transition: none !important;
}

.accordion-wrap {
    margin-bottom: 8px;
    background-color: white;
}

/* Moving Navigation inline with the Logo and TTL and Welcome Content */

#MPheader>div.row {
    position: absolute;
    right: calc(50% - 615px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#MPAuxNav ul.level1 li a {
    padding: 0;
    border: none;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

#NAV {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(50% - 585px);
    margin-top: 5px;
    z-index: 10;
}

body:not(.logged-in) #NAV {
    right: calc(50% - 550px);
}

#MPheader #Logo {
    left: calc(50% - 585px);
    float: left;
    position: relative;
    z-index: 5;
    top: 60px;
    background-color: #fff;
    border-radius: 0px 0px 3px 3px;
    height: 91px;
}

#DesktopLogoDiv {
    display: block;
}

/*
  #Logo {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.06);
  }*/

#Logo::after {
    position: absolute;
    left: -14px;
    right: -14px;
    top: -5px;
    bottom: 16px;
    border-left: 14px solid #fff;
    border-right: 14px solid #fff;
    display: block;
    border-top: 5px solid #fff;
}

#Logo>* {
    position: relative;
    z-index: 10;
}

/* Main Nav */

#MPOuterMost.full #HEADER {
    max-width: 100%;
    background: #ffffff;
    height: 115px;
    position: relative;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.06);
}

#HEADER>.col-md-12,
#MPOuterHeader>.col-md-12 {
    padding: 0;
    position: relative;
    height: 135px;
}

#MPOuterHeader.stickyNav-full {
    height: 90px;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.disabled>a {
    position: relative;
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #323734;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>.dropdown>a .caret,
.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border: none;
    height: unset;
}

ul.navbar-nav li a .caret::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0d7";
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    color: #5da744;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nav.navbar-nav .dropdown-submenu>ul.dropdown-submenu {
    margin-left: 30px;
}

ul.nav.navbar-nav>li>ul.dropdown-menu {
    border: none;
    border-radius: 0;
    background: #ffffff;
}

.dropdown-menu>li>a,
.dropdown-submenu {
    padding-right: 10px;
}

@media (min-width: 992px) {
    .dropdown-menu li a {
        white-space: nowrap;
    }

    ul.nav.navbar-nav>li>ul.dropdown-menu {
        box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
        border-top: 5px solid #5da744;
    }
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .dropdown-menu>.active>a:hover,
.navbar-nav .dropdown-menu>.active>a:focus,
.navbar-nav .dropdown-menu>li>a:hover,
.navbar-nav .dropdown-menu>li>a:focus {
    background: #f4f7f8;
    color: #35363a;
}

.dropdown-submenu li a:hover,
.dropdown-submenu li a:focus,
.dropdown-submenu li.active a,
.dropdown-submenu li.current-page a,
.dropdown-submenu li a:active {
    color: #64a70b;
}

/* Search */

#searchColumn {
    display: none;
    background: #1D4F91;
    padding: 10px 15px;
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.search-bar-top {
    height: 0;
    background: #1D4F91;
    padding: 0 calc(50% - 600px);
    transition: 0.3s;
    overflow: hidden;
}

#searchColumn #MPSearchBlock,
.search-bar-top #MPSearchBlock {
    margin-top: 0;
}

.search-bar-top.open {
    height: 100px;
    padding: 20px calc(50% - 600px);
}

#searchColumn .SearchInputs,
.search-bar-top .SearchInputs {
    box-shadow: 0 2px 2px 0 rgba(9, 69, 85, 0.05);
    background: #fff;
}

.search-bar-top .form-control,
#searchColumn .form-control {
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    padding: 15px 20px;
    border-radius: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    color: #30343f;
}

.search-bar-top .form-control::placeholder,
#searchColumn .form-control::placeholder {
    font-style: normal;
}

.search-btn-top>.HtmlContent {
    display: none;
}

.search-bar-top button[id*="SearchButton"],
.search-btn-top button,
#searchColumn button[id*="SearchButton"] {
    background: #175394;
    text-align: center;
    padding: 0;
    border-radius: 50px;
    border: none;
/*display: none;*/
}

.search-btn-top button {
    font-size: 14px;
    line-height: 36px;
    height: 30px;
    width: 30px;
    margin-top: 10px;
    margin-left: 10px;
}

.search-bar-top button[id*="SearchButton"],
#searchColumn button[id*="SearchButton"] {
    height: 52px;
    width: 52px;
    margin: 3px;
}

.search-bar-top button[id*="SearchButton"] .glyphicon-search,
#searchColumn button[id*="SearchButton"] .glyphicon-search {
    width: auto;
    vertical-align: unset !important;
    top: 0;
    line-height: 52px;
}

.search-bar-top button[id*="SearchButton"]:hover,
.search-bar-top button[id*="SearchButton"]:focus,
#searchColumn button[id*="SearchButton"]:hover,
#searchColumn button[id*="SearchButton"]:focus,
.search-btn-top button:hover,
.search-btn-top button:focus {
    opacity: 0.7;
}

.search-btn-top i {
    display: flex;
    justify-content: center;
}

.search-btn-top i,
.search-bar-top .glyphicon-search::before {
    color: #fff;
}

.search-bar-top .glyphicon-search:empty {
    width: auto;
}

.search-bar-top .glyphicon-search::before {
    font-family: "Font Awesome 5 Pro";
    font-size: 24px;
    content: "\f002";
    font-weight: 400;
}

.input-group-btn button:first-child {
    margin-right: 10px;
    border: none;
    border-radius: 50px;
    background-color: #115091;
    color: #fff;
}

.input-group-btn button.dropdown-toggle {
    display: none;
}

/* bgs */

.news-banner {
    background-color: #E3F4FF;
    padding: 10px 30px;
    position: relative;
}

.news-banner h5 {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding: 10px;
}


.bg-blue {
    background-color: #039BE5;
    position: relative;
}

.bg-light {
    background-color: #E7F0F5;
    position: relative;
}


.bg-blue p, .bg-blue h2  {
   color: white;
}

.bg-blue:not(.resources):before {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/wave-bottom-1.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 0;
}

/* .bg-blue:not(.resources)::after {
    content: '';
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/mid_section_dots.png');
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 183.58px;
    height: 172.9px;
    left: -139px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    filter: invert(1);
    opacity: 0.2;
  } */



.bg-grey {
    /* background: #FAFAFC; */
    position: relative;
}

.bg-grey.bottom {
    margin-bottom: 30px;
    /* background: #FAFAFC; */
}

.bg-grey.bottom::before {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/wave-bottom-2.png");
    position: absolute;
    left: 0;
    bottom: -70px;
    height: 1440px;
    width: 4000px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
}

.bg-grey.bottom::after {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/wave-bottom-2.png");
    position: absolute;
    left: 0;
    bottom: -70px;
    height: 1100px;
    width: 4000px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
}

.bg-blue.bottom {
    margin-bottom: 30px;
    /* background: #039be5; */
}

.bg-blue.bottom::before {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/wave-bottom-2.png");
    position: absolute;
    left: 0;
    bottom: -70px;
    height: 1440px;
    width: 4000px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
}

.bg-blue.bottom::after {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/wave-bottom-2.png");
    position: absolute;
    left: 0;
    bottom: -70px;
    height: 1100px;
    width: 4000px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -2;
}

.overlap-card-blue {
background-color: #039be5;
    width: 100%;
    position: relative;
    z-index: 2;
    height: auto;
    padding: 20px;
clip-path: polygon(0% 0, 105% 0, 100% 95%, 0 100%);
    border-top: 6px solid #FBA61C;

}

.overlap-card-blue-shadow {
    filter: drop-shadow(1px 2px 0.75rem grey);
width: 100%;
}

.overlap-card-blue-shadow > .col-md-12 {
padding: 0px;
}

.overlap-card-blue-shadow h4, .overlap-card-blue-shadow h5, .overlap-card-blue-shadow p {
color: white;
}

.card-white {
    background-color: white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 150px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin: 10px;
}

.dates-card-white {
    background-color: white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px 10px 10px 15px;
    height: 150px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin: 10px;
    /*border-left: solid #FBA61C 5px;*/
}

.dates-card-white h4 {
    color: #1D4F91;
    font-weight: 600;
}

.card-lightblue {
    background-color: #E3F4FF;
    position: relative;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    margin-top: 25px;
min-height: 225px;
width: 100%;
align-items: center;
    display: flex;

}

.abstract-lba .card-lightblue {
min-height: 304px;
}

.sitc24-housing .card-lightblue {
min-height: 389px;
}

.sponsored-symposia .card-lightblue {
min-height: 245px;
}

.bg-white {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
}

.bg-white-shadow {
    background-color: white;
    position: relative;
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;

}

.bg-white-shadow-org {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
max-width: 1285px;

}

.bg-white-shadow-home {
background-color: rgb(255,255,255, .9); 
position: relative;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
    margin-bottom: 25px;

}

.home-form-bg {
    background: linear-gradient(to top left, rgba(3,155,229, .3), 55%, #051D40), url(https://higherlogicdownload.s3.amazonaws.com/SITCANCER/e16ea3ed-ca86-452e-b5e9-18d717c3857f/UploadedImages/AMPCP_2024/Houston_Background_2.jpg);
    background-size: cover;
    background-position: center;    
position: relative;
    padding: 30px;
min-height: 715px;
}

.home-form-exhibitor {
    background: linear-gradient(to top left, rgba(255, 255, 255, .5), 55%, #1D4F91), url(//higherlogicdownload.s3.amazonaws.com/SITCANCER/e16ea3ed-ca86-452e-b5e9-18d717c3857f/UploadedImages/AMPCP_2024/Exhibitor_Background.jpg);
    background-size: cover;
    background-position: center;    
position: relative;
    padding: 30px;
}

.bg-white-card-bordergrn {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
border-top: 15px solid #63A70B; 
min-height: 318px;
}

.bg-white-card-borderblue {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
border-top: 15px solid #1D4F91; 
min-height: 318px;
}

.bg-white-card-borderorng {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
border-top: 15px solid #FBA61C; 
min-height: 318px;
}

.bg-white-card {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;
    height: 200px;

}

.bg-card-symposia {
    background-color: #ffffff;
    position: relative;
    padding: 15px 30px 30px 30px;
    border-radius: 5px;
    margin: 25px 0px 0px 0px;
    height: auto;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.bg-card-symposia:hover {
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
}

@media (max-width: 993px) {

    .bg-white-shadow,
    .bg-white-card {
        margin-left: 15px;
        margin-right: 15px;
    }
.bg-white-card-bordergrn, .bg-white-card-borderblue, .bg-white-card-borderorng {
height: auto;
min-height: auto;
}
}



.bg-gray-shadow {
    background-color: #E3F4FF;
    position: relative;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    margin-top: 25px;

}

.bg-gray {
    background-color: #f4f4f4;
    position: relative;
}

.bg-sitcblue {
    background-color: #1D4F91;
    position: relative;
}

.bg-sitcblue p, .bg-sitcblue h2 {
  color: white; 
}

.bg-lightblue {
    background-color: #E3F4FF;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (max-width: 993px) {
    .bg-lightblue {
        padding-bottom: 60px;
    }
}

.bg-border-top {
    position: relative;
    padding: 10px;
    border-top: 2px solid #1D4F91;
    margin: 15px;

}

/* hero */

.home-hero {
    background: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/_brighter_version_SITC23_Web_Header_Composite.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 100px;
    text-align: center;
    color: white;
    letter-spacing: .09em;
}

.attendee-hero {
    background: linear-gradient(to top left, rgba(3, 155, 229, .5), 15%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/Hero_Images/Attendee_Resources.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    letter-spacing: .09em;
top: -18px;


}

.schedule-hero {
    background: linear-gradient(to top left, rgba(3, 155, 229, .5), 15%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/Hero_Images/Schedule_Hero_Final2.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    letter-spacing: .09em;
top: -18px;

}

.abstracts-hero {
    background: linear-gradient(to top left, rgba(3, 155, 229, .5), 15%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/SITC_23_Abstracts__1_.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 68px;
    text-align: center;
    position: relative;
    letter-spacing: .09em;
top: -18px;
}

.support-hero {
    background: linear-gradient(to top left, rgba(3, 155, 229, .5), 15%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/Hero_Images/Exhibit___Support.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    letter-spacing: .09em;
top: -18px;


}

.press-hero {
    background: linear-gradient(to top left, rgba(3, 155, 229, .5), 15%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/3b9155b5-4c6e-43c7-9fc8-4f6e830e8e45/UploadedImages/AMPCP_2023/Hero_Images/PressHero.jpg");
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    letter-spacing: .09em;
top: -18px;


}

@media (max-width: 993px) {

    .attendee-hero,
    .schedule-hero,
    .abstracts-hero,
    .support-hero,
    .press-hero {
        top: 0px;
    }
}

.hero-text h1,
.hero-text h2,
.hero-text h3,
.hero-text h4,
.hero-text h5,
.hero-text p {
    color: white;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    max-width: 1200px;
    margin: auto;
}

.hero-btn {
    border-radius: 5px;
    background-color: #64A70B;
    color: white;
    padding: 6px 10px;
    text-align: center;
    font-family: calibri, arial, sans-serif;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    font-size: 15px;
    margin: 10px 10px;
    transition-duration: 0.4s;
    cursor: pointer;
    transition: 0.3;
    display: inline-block;
}

.hero-btn:hover {
color: white;    
background-color: rgb(99,167,11, .85);
    transition: 0.3s;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
}

.hero img {
    display: none;
}

.hero .HtmlContent {
    padding: 138px calc(50% - 585px);
    position: relative;
    z-index: 1;
}

.hero .HtmlContent::before {
    content: "";
    background: linear-gradient(269.95deg,
            rgba(39, 44, 106, 0) 12.26%,
            #272c6a 79.91%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.hero .HtmlContent::after {
    content: "";
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/mid_section_dots.png");
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 183.58px;
    height: 172.9px;
    left: -139px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    filter: invert(1);
    opacity: 0.2;
}

.hero .HtmlContent * {
    margin: 0;
    color: #fff;
}

.hero .HtmlContent h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.hero .HtmlContent p>i {
    margin-right: 5px;
}

.hero.make-buttons .HtmlContent em {
    margin-top: 30px;
}



  

/* headline */

.headline-wrapper {
    background-color: #1D4F91;
}

.headline-wrapper>div {
    display: flex;
    align-items: center;
    max-width: 1190px;
    margin: auto;
}

.headline {
    width: 120px;
    margin-right: 30px;
}

.headlines {
    width: calc(100% - 150px);
}

.headline-wrapper *,
.headline-slider .HtmlContent a:hover {
    color: #fff;
}

.headline-slider.slick-dotted.slick-slider,
.headline-slider .HtmlContent * {
    margin-bottom: 0;
}

.headlines {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.02);
    border-radius: 20px;
    padding: 8px 20px;
    margin: 12px 0;
}

.headline-slider button {
    border: none;
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.headline-slider .prev-arrow {
    right: 10px;
}

.headline-slider .next-arrow {
    right: -10px;
}

/* tiles */

.tiles {
    padding: 0 calc(50% - 600px);
}

.tiles>div {
    padding: 30px 0 30px !important;
}

.tile .HtmlContent>a {
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    display: block;
    margin: 10px 5px;
    padding: 30px 25px;
    padding-top: 80px;
    text-decoration: none;
    position: relative;
    font-size: 21px;
    line-height: 27px;
    color: #323734;
}

.tile.icon .HtmlContent>a::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #64a70b;
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(112, 187, 85, 0.15);
    border: 1px solid #ffffff;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    content: "\f007";
}

/* icons */

.tile.icon.register .HtmlContent>a::before {
    content: "\f044";
}

.tile.icon.abstracts .HtmlContent>a::before {
    content: "\f478";
}

.tile.icon.schedule .HtmlContent>a::before {
    content: "\f073";
}

.tile.icon.question .HtmlContent>a::before {
    content: "\f059";
}

.tile.icon.clipboard .HtmlContent>a::before {
    content: "\f46d";
}

.tile.icon.awards .HtmlContent>a::before {
    content: "\f559";
}

.tile.icon.resources .HtmlContent>a::before {
    content: "\f085";
}

.tile.icon.resources .HtmlContent>a::before {
    content: "\f085";
}

.tile.icon.building .HtmlContent>a::before {
    content: "\f1ad";
}

.tile.icon.orange .HtmlContent>a::before {
    content: "\f478";
    color: #FBA61C;
}

/* hover */

.tile .HtmlContent:hover>a::before {
    background: #64a70b;
    color: #fff;
    transition: 0.3s;
}

/* keynote speakers */

.keynote-speakers {
    padding: 0 calc(50% - 595px);
}

.widget-title h2 {
    margin: 0 -15px 20px;
}

#MPOuter .keynote-speakers .row-full>div {
    padding: 0;
}

#MPOuter .keynote-speakers .row-full>.col-md-8 {
    width: calc(100% - 340px);
    margin-left: -15px;
}

#MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:first-of-type .keynote-speaker {
    margin-left: 0;
}

#MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:last-of-type .keynote-speaker {
    margin-right: 0;
}

#MPOuter .keynote-speakers .row-full>.col-md-4 {
    width: 370px;
    margin-right: -15px;
}

.keynote-speaker {
    margin: 5px;
}

.keynote-speaker img {
    display: none;
}

.keynote-speaker .HtmlContainer {
    position: relative;
}

.keynote-speaker .img-container {
    height: 130px;
    border-radius: 3px 3px 0px 0px;
}

.keynote-speaker .text-container {
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.06);
    border-radius: 0px 0px 3px 3px;
    padding: 20px 12px 10px;
    min-height: 120px;
}

.keynote-speaker .text-container p {
    margin: 0;
}

.keynote-speaker .text-container p strong {
    font-size: 12px;
    font-weight: 500;
}

.keynote-speaker .text-container p:first-of-type {
    font-weight: 400;
    color: #323734;
    margin-bottom: 2px;
}

.keynote-speaker:not(.large) .text-container p:first-of-type {
    font-weight: 500;
}

.keynote-speaker .text-container p:last-of-type {
    font-size: 14px;
}

.keynote-speaker.large .text-container {
    padding: 27px 30px;
}

.keynote-speaker.large.horizontal .img-container {
    border-radius: 3px 0px 0px 3px;
    position: absolute;
    left: 0;
    width: 295px;
    height: 100%;
}

.keynote-speaker.large.vertical .img-container {
    border-radius: 3px 3px 0px 0px;
    position: absolute;
    height: 219px;
}

.keynote-speaker.large.vertical {
    margin-left: 10px;
    margin-right: 0;
}

.keynote-speaker.large .img-container {
    width: 100%;
}

.keynote-speaker.large.horizontal .text-container {
    padding-left: 330px;
}

.keynote-speaker.large.vertical .text-container {
    padding-top: 267px;
    padding-bottom: 55px;
}

.keynote-speaker.large .text-container * {
    margin: 0;
}

.keynote-speaker.large .text-container h6 {
    letter-spacing: 1px;
}

.keynote-speaker.large .text-container h3 {
    margin-top: 5px;
    margin-bottom: 1px;
}

.keynote-speaker.large .text-container h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #323734;
    opacity: 0.7;
}

.keynote-speaker.large.vertical .text-container h5 {
    margin-bottom: 15px;
}

.keynote-speaker.large .text-container p:not(:last-child) {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    color: #323734;
    opacity: 0.7;
}

/* tabbed schedule */

.tab-links ul {
    margin: 0 -15px 20px;
    padding: 0;
    display: flex;
    justify-content: center;
}

.tab-links li {
    list-style: none;
    width: 20%;
    margin: 10px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07);
}

.tab-links li a {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #1D4F91;
    background: #fff;
    padding: 15px 15px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 550;


}

.tab-links li a strong {
    margin-bottom: 8px;
    display: block;
    color: #FBA61C;
}

.tab-links li:hover a {
    background: #E3F4FF;
}

.tab-links li.active a {
    background: #039BE5;
}


.tab-links li.active a,
.tab-links li.active strong {
    color: #fff;
}

.tab-links ul li:first-of-type a {
    border-radius: 3px 0px 0px 3px;
}

.tab-links ul li:last-of-type a {
    border-radius: 0px 3px 3px 0px;
}

.tab-content h3 a,
h2 a {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

/* schedule */

.tab-content-wrap h4 {
    font-weight: 450;
    font-size: 18px;
    line-height: 23px;
    color: #64a70b;
    text-transform: none;
}

.tab-content-wrap .make-buttons h4:first-of-type {
    display: none;
}

.tab-content-wrap {
    margin-bottom: 80px;
    margin: 0 -15px 80px;
}

.tab-content-wrap .ContentItemHtml .HtmlContent {
    padding: 5px;
    position: relative;
}

.interior .tab-content-wrap .ContentItemHtml .HtmlContent {
    padding: 5px;
    margin-top: 5px;
    /*box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);*/
}

/*.home .tab-content-wrap .ContentItemHtml .HtmlContent em {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}*/

/* .tab-content-wrap .col-md-9 .HtmlContent h4:first-of-type,
  .tab-content-wrap .col-md-9 .HtmlContent p:first-of-type {
    display: none;
  } */

.home .tab-content-wrap .col-md-3>div {
    height: 125px;
}

.home .tab-content-wrap .page-1 .col-md-3>div:first-of-type {
    height: 125px;
}

.tab-content-wrap .col-md-9 .HtmlContent p:last-of-type {
    margin: 0;
}

/* resource panel */

.bg-blue.resources {
    padding: 73px calc(50% - 600px) 50px;
}

.resource-wrapper {
    display: flex;
}

.resource-menu {
    width: calc(100% - 280px);
}

.resource-menu h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(33, 37, 90, 0.5);
}

.resource-panel .HtmlContent *,
.resource-menu * {
    color: #ffff;
}

.resource-panel img {
    display: none;
}

.resource-panel .HtmlContent {
    display: flex;
    align-items: center;
}

.resource-panel .HtmlContent .img-container {
    width: 270px;
    height: 240px;
    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.06));
    border-radius: 3px;
}

.resource-panel .HtmlContent .text-container {
    width: calc(100% - 270px);
    padding-left: 40px;
}

.resource-panel .HtmlContent .text-container * {
    margin: 0;
}

.resource-panel .HtmlContent .text-container p {
    color: rgba(255, 255, 255, 0.8);
}

.resource-panel .HtmlContent .text-container h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.resource-panel .HtmlContent .text-container em {
    margin-top: 25px;
}

.resource-menu ul {
    list-style: none;
    padding: 0;
}

.resource-menu ul li {
    margin-bottom: 20px;
    transition: 0.3s;
}

.resource-menu ul li.active {
    padding-left: 15px;
    position: relative;
}

.resource-menu ul li.active::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    color: #5da744;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}

.resource-menu ul li.active button {
    font-weight: 500;
    color: #fff;
}

.resource-menu button {
    background-color: transparent;
    border: none;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
}

.resource-menu button:hover,
.resource-menu button.active {
    color: rgba(255, 255, 255, 1);
}

.resource-panel {
    display: none;
}

.resource-panel:nth-child(2) {
    display: block;
}

.resource-menu ul li:first-of-type button {
    display: block;
}

/* ctas */

.large-cta {
    margin: 80px -10px 30px;
    position: relative;
    z-index: 1;
}

.bg-blue .large-cta {
    margin-top: 0;
}

.keynote-speaker.large.vertical {
    position: relative;
}

.large-cta::before,
.keynote-speaker.large.vertical::before {
    content: "";
    display: block;
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/mid_section_dots.png");
    position: absolute;
    left: -20px;
    top: -42px;
    height: 200px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.2;
    z-index: 0;
}

.keynote-speaker.large.vertical::before {
    left: unset;
    right: -20px;
}

.bg-blue .large-cta::before {
    display: none;
}

.large-cta .HtmlContent {
    display: flex;
    align-items: center;
    border: 1px solid #fafafc;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 6%);
    border-radius: 0px 3px 3px 0px;
    position: relative;
    background: #fff;
}

.large-cta .HtmlContent::after {
    content: "";
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/b4133eb1-990b-40ff-b51e-def6e5968513/UploadedImages/Dev_Files_2022/cta-graphic.png");
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 0;
}

.large-cta .HtmlContent .img-container {
    width: 495px;
    margin: 30px;
    height: 353px;
    z-index: 1;
}

.large-cta .HtmlContent .text-container {
    width: calc(100% - 495px);
    padding-left: 50px;
    padding-right: 80px;
}

.large-cta img {
    display: none;
}

.bg-blue .large-cta .HtmlContent {
    background: #144484;
    max-width: 1200px;
    margin: 49px auto 70px;
    margin-top: 0;
    padding: 0;
    border: none;
}

.bg-blue .large-cta .HtmlContent::after {
    display: none;
}

.large-cta .HtmlContent .text-container * {
    margin: 0;
}

.large-cta .HtmlContent .text-container h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.large-cta .HtmlContent .text-container em {
    margin-top: 30px;
}

.bg-blue .large-cta .HtmlContent * {
    color: #fff;
}

.bg-blue .large-cta .HtmlContent p {
    color: rgba(255, 255, 255, 0.9);
}

.bg-blue .large-cta .text-container {
    padding: 66px 50px;
}

.bg-blue .large-cta .img-container {
    height: 370px;
    border-radius: 3px;
}

/* Register Button Nav Styling */

.navbar-nav .register-button {
    display: inline-block;
}

.navbar-nav .register-button em a {
    padding: 8px 6px;
    margin: 10px 0 0 10px;
}

/* featured card */

.bootstrap-4 .card-title.font-size-md {
    font-size: 18px !important;
}

/* footer */

#MPOuterMost.full #FOOTER {
    max-width: 100%;
background-color: #1D4F91;
border-top: 10px solid #039be5;
}

#FOOTER .row-full>div {
    padding: 0;
}

#FOOTER h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #5da744;
    margin: 0;
    margin-bottom: 10px;
padding-left: 60px;
}

.footer-logo img {
    width: 100%;
}

.footer-contact p,
.footer-links p {
line-height: .8em;
font-size: 14px;
color: white;
padding-left: 60px;

}

.footer-contact a,
.footer-links a {
    text-decoration: none;
    color: white;
}

#FOOTER a:hover {
    text-decoration: underline;
}

.footer-social ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

.footer-social ul li {
    margin-left: 20px;
}

.footer-social img {
    width: 235px;
    margin-bottom: 10px;
    margin-left: auto;
}

.footer-social ul li a i {
    font-size: 20px;
    color: #8e8e8e;
    padding: 10px 11px;
    background: #ffffff;
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
    border-radius: 50%;
    transition: 0.3s;
}

.footer-social ul li a:hover i {
    color: #59953a;
}

#FOOTER .footer-top {

    padding: 40px;
    border-bottom: 1px solid #fafafc;
}

#FOOTER .footer-bottom {
    padding: 10px;
}

#FOOTER .footer-bottom p {
    margin: 0;
    font-size: 14px;
color: white;
}

#FOOTER .attribution p {
    text-align: right;
}

.attribution a {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #64a70b;
    text-decoration: none;
}

@media (max-width: 991px) {
.footer-contact p, .footer-links p {
padding-left: 0px;
}

#FOOTER h4 {
padding-left: 0px;
}

}


/****** interior page titles ******/

.page-heading {
    margin-top: -5px;
    background-size: cover;
    background-position: center;
}

#PageTitleH1 {
    /* background: linear-gradient(269.95deg, rgba(39, 44, 106, 0) 12.26%, #272C6A 79.91%); */
    max-width: 100%;
    color: #fff;
    padding: 75px calc(50% - 585px);
    font-size: 38px;
    position: relative;
    z-index: -1;
}

#PageTitleH1::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(269.95deg,
            rgba(39, 44, 106, 0) 12.26%,
            #1D4F91 79.91%);
    z-index: -1;
}

#backToTop {
    transition: .3s;
    opacity: 0;
    position: fixed;
    bottom: 30px;
    left: 30px;
    background-color: #64a70b;
    color: #fff;
    border-color: #64a70b;
    border-style: solid;
    z-index: 1000;
    padding: 30px 10px 10px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 600;
}

#backToTop.display {
    transition: .3s;
    opacity: 1;
}

#backToTop i {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
}


.responsive-column {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    text-align: center;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.responsive-column-left-li {
    columns: 2 200px;
    column-gap: 1em;
    text-align: left;
}

.responsive-column-left-li li {
break-inside: avoid;
}

.responsive-column-left {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    text-align: left;
    -webkit-column-break-inside: avoid;

}

.responsive-column-left p {
break-inside: avoid;
}

/************ responsiveness ***********/

@media (max-width: 1200px) {
    #PageTitleH1 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1170px) {

    .hero .HtmlContent,
    .tiles,
    .keynote-speakers,
    .large-cta .HtmlContent,
    .tab-links,
    .tab-content-wrap,
    .bg-blue.resources,
    .bg-blue .large-cta .HtmlContent,
    .headline .HtmlContent,
    .search-bar-top.open {
        padding-left: 15px;
        padding-right: 15px;
    }

    #MPheader #Logo {
        left: 15px;
    }

    #MPheader>div.row {
        right: 0;
    }

    #NAV {
        right: 15px;
        margin: 0;
    }

    .headline-slider button.prev-arrow {
        right: 40px;
    }

    .headline-slider button.next-arrow {
        right: 20px;
    }
}

@media (max-width: 1170px) {
    #MPheader #Logo {
        max-width: 250px;
        height: 70px;
    }

    .interior .row-wide div[class*="section"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        z-index: 10;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        /* Set this to the appropriate colour */
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    #NAV {
        position: unset;
        top: unset;
        transform: none;
        background: #fff;
        z-index: 100;
    }

    .large-cta .HtmlContent,
    .keynote-speaker.large.horizontal .HtmlContent {
        flex-wrap: wrap;
    }

    .large-cta .HtmlContent .text-container,
    .large-cta .HtmlContent .img-container {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        z-index: 1;
    }

    .resource-panel .HtmlContent {
        margin-left: 40px;
    }

    .tiles>div {
        padding: 0 !important;
    }

    .widget-title h2 {
        margin-top: 40px;
    }

    .keynote-speaker.large.horizontal .HtmlContent {
        position: relative;
        display: flex;
    }

    .keynote-speaker.large.horizontal .img-container {
        position: unset;
        height: 300px;
        flex-basis: 300px;
    }

    .ecs-container {
        width: 40%;
        height: 200px;
        border: 5px solid gold;
    }

    .ecs-container img {
        object-fit: cover;

    }

    .keynote-speaker.large.horizontal .text-container {
        flex-basis: calc(100% - 300px);
        padding-left: 30px;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-8 {
        width: 100%;
        margin: 0;
    }

    .tab-content-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-social img {
    margin-left: auto;
    margin-right: auto;    
margin-top: 45px;
}

    .footer-social ul {
        justify-content: flex-start;
    }

    #FOOTER .attribution p {
        text-align: left;
    }

    .keynote-speaker .img-container {
        height: 300px;
    }

    #MPOuter .keynote-speakers .col-md-3 {
        width: 40%;
        display: inline-block;
    }

    .keynote-speakers .col-md-12 .row-full .col-md-8>div:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap;
    }

    .keynote-speakers .col-md-12 .row-full .col-md-8>div:nth-of-type(2) .col-md-3 {
        flex-basis: 50%;
    }

    .keynote-speaker:not(.large) .img-container,
    .keynote-speaker:not(.large) .text-container {
        width: 100%;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:first-of-type .keynote-speaker {
        margin-left: 5px;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:last-of-type .keynote-speaker {
        margin-right: 5px;
    }
}

@media (max-width: 768px) {

    .resource-wrapper,
    .tab-links ul,
    .headline .HtmlContent {
        flex-wrap: wrap;
    }

    .headline .HtmlContent p {
        margin-top: 10px;
    }

    .resource-menu {
        width: 100%;
    }

    .resource-panel .HtmlContent {
        margin-left: 0;
    }

    #MPOuterMost.full #FOOTER {
        padding: 0 15px;
    }

    .widget-title h2 {
        margin-left: 0;
        margin-right: 0;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-8 {
        margin: auto;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-4 {
        width: 100%;
    }

    .tab-links li {
        width: 100%;
        margin-bottom: 0;
    }

    .tab-content-wrap .col-md-3 {
        display: none;
    }

    .tab-content-wrap .col-md-9 .HtmlContent h4:first-of-type,
    .tab-content-wrap .col-md-9 .HtmlContent p:first-of-type {
        display: block;
    }

    .tab-content-wrap .col-md-9 .HtmlContent p:first-of-type {
        margin-bottom: 30px;
    }

    .large-cta::before,
    .keynote-speaker.large.vertical::before {
        display: none;
    }

    .keynote-speaker.large.vertical .img-container {
        width: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        right: initial;
        height: unset;
    }

    .keynote-speaker.large.vertical .text-container {
        padding: 27px 30px 27px 330px;
    }
}



@media (max-width: 620px) {
    .keynote-speaker.large.horizontal .HtmlContent {
        flex-direction: column;
    }

    .keynote-speakers .col-md-12 .row-full .col-md-8>div:nth-of-type(2) {
        justify-content: center;
    }

    .keynote-speakers .col-md-12 .row-full .col-md-8>div:nth-of-type(2) .col-md-3 {
        flex-basis: 75%;
    }

    #MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:last-of-type .keynote-speaker,
    #MPOuter .keynote-speakers .row-full>.col-md-8 .row-full>div:first-of-type .keynote-speaker {
        margin-right: 5px;
        margin-left: 5px;
    }
}

@media (max-width: 600px) {

    .keynote-speaker.large.horizontal .img-container,
    .keynote-speaker.large.horizontal .text-container,
    #MPOuter .keynote-speakers .col-md-3,
    .keynote-speaker:not(.large) .img-container,
    .keynote-speaker:not(.large) .text-container {
        width: 100%;
    }

    .keynote-speaker .img-container {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
    }

    .keynote-speaker .text-container {
        box-shadow: none;
    }

    .keynote-speaker.large.vertical .img-container {
        bottom: initial;
        right: 0;
        height: 300px;
    }

    .keynote-speaker.large.vertical .text-container {
        padding: 330px 27px 30px;
    }

    .keynote-speakers .col-md-12 .row-full .col-md-8>div:nth-of-type(2) .col-md-3 {
        flex-basis: 100%;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }
}

.spacer-15px {
    padding-top: 15px;
}

.spacer-25px {
    padding-top: 25px;
}

.spacer-35px {
    padding-top: 25px;
}

.spacer-45px {
    padding-top: 25px;
}

.spacer-55px {
    padding-top: 55px;
}

@media (max-width: 500px) {
    .headlines {
        margin: 10px;
    }

    .resource-panel .HtmlContent {
        flex-wrap: wrap;
    }

    .resource-panel .HtmlContent .img-container,
    .resource-panel .HtmlContent .text-container {
        width: 100%;
    }

    .resource-panel .HtmlContent .text-container {
        padding: 5px;
        padding-top: 20px;
    }

    .home .tab-content-wrap .ContentItemHtml .HtmlContent em {
        position: unset;
        transform: none;
        margin-top: 10px;
    }
}


.overlap-text {
    transform: translate(-20%, 15%);
    background: white;
    padding: 20px;
    text-align: left;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
}

@media (max-width: 993px) {
    .overlap-text {
        justify-content: center;
        text-align: center;
        transform: translate(0%, -40%);
        box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
        display: flex;
        width: 90%;
        margin: auto;
        background: white;

    }
}

.overlap-text-left {
    transform: translate(20%, 15%);
    background: white;
    padding: 20px;
    text-align: left;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    z-index: 1;
    position: relative;
}

.overlap-pic img {
    object-fit: cover;
    width: 570px;
    height: 380px;
}

@media (max-width: 993px) {
    .overlap-text-left {
        justify-content: center;
        text-align: center;
        transform: translate(0%, -40%);
        box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
        display: flex;
        width: 90%;
        margin: auto;
        background: white;
        flex-direction: column-reverse;

    }
}


@media (max-width: 993px) {
    .row-reverse-container {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: -145px;
    }
}


@media (max-width: 993px) {
    .overlap-container {
        margin-bottom: -110px;
    }
}

.border-top {
    border-top: 4px solid #1D4F91;
}

.bio-card img {
    border-radius: 5px;
    object-fit: cover;
    width: 100px;
    height: 120px;
    margin-right: 10px;
}

.li-margin-bottom li {
margin-bottom: .4em;
}

.sitc24-annualmeeting, .sitc24-preconference {
  background-color: #f8f8f8;
}

.session-sponsor {
    background-color: #039BE5;
padding: 0px 10px 5px 10px;
color: white;
border-radius: 5px;
}

.session-sponsor h5 {
color: white;
}

/* anchor fix */
.anchor-fix {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

@media (max-width: 996px) {
    .anchor-fix {
        top: -210px;
    }
}