/* Background Images and Footer */
/* Theme Roller */
/*

SITC Theme v1.1
Author: eConverse Social Media
URL: www.econversemedia.com

Lovingly created for SITC © 2016. Brought to you by coffee and nanaimo bars.

*/

/* image rendering */

img {
    /*image-rendering: -moz-crisp-edges;*/
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* fonts */

body {
    font-family: 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 16px;
    color: #30343f;
    overflow-x: hidden;
}

label {
    font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav,
.btn,
.Byline,
.date-block,
.event-list .date-block {
    font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
}

h1 {
    font-weight: 100;
    font-size: 48px;
}

h2 {
    font-weight: 100;
    font-size: 36px;
    letter-spacing: .01em;
    margin-bottom: 15px;
    margin-top: 5px;
}

h3,
.HLLandingControl h3 a {
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.HLLandingControl h3 a {
    color: #175394;
}

.HLLandingControl h3 a:hover {
    color: #6bb345;
    text-decoration: none;
}

h4 {
    font-weight: 100;
    font-size: 16px;
    letter-spacing: .7px;
    line-height: 1.2;
}

h5 {
    font-weight: 900;
    font-size: 14px;
}

h6 {
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#NAV .navbar-default {
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

a {
    color: #6bb345;
    text-decoration: none;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

a:hover {
    color: #175394;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.btn {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.btn:hover {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

/* logo */

#Logo {
    margin: 0;
    text-align: center;
    position: relative;
}

#Logo .col-md-12,
#NAV .col-md-12,
#MPOuterHeader>.col-md-12,
#HEADER>.col-md-12 {
    padding: 0;
}

/* NAV */

@media only screen and (min-width:1150px) {

    #NAV {
        width: 100%;
        padding: 0 !important;
        background: transparent;
        float: left;
        margin: 0px -7px;
        padding-left: 25% !important;
        background: #ffffff;
        position: absolute;
    }

    #NAV .navbar-default {
        background: transparent;
        padding: 0;
        border: 0;
    }

    #NAV .navbar-default ul.nav>li {
        width: 16.66666%;
        text-align: center;
        display: table;
    }

    #NAV .navbar-default ul.nav>li>a {
        height: 95px;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 5px solid #e3e9ec;
        color: #7e898e;
        font-weight: 900;
        background-color: #ffffff;
    }

    #NAV .navbar-default ul.nav>li>a:hover,
    #NAV .navbar-default ul.nav>li>a:focus {
        border-bottom-color: #c2ccd1;
        background-color: #e3e9ec;
        color: #175394;
    }

    #NAV .navbar-default ul.nav>li>a .caret {
        display: none;
    }

    #NAV .navbar-collapse {
        padding: 0;
        margin: 0;
    }

    #NAV .navbar-nav>li>.dropdown-menu {
        min-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-nav {
        float: none;
    }
}


/* HEADER */

#MPOuterHeader {
    /*margin-bottom: -67px;*/
    position: relative;
    z-index: 5;
}

#HEADER,
#MPOuterMost.full #MPButtonBar {
    max-width: 100% !important;
    margin: 0;
}

#HEADER .social-media {
    float: right;
}

#HEADER .social-media img {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#HEADER .social-media img:hover {
    opacity: 0.5;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.Welcome button.btn.btn-default {
    margin-bottom: 0;
    min-height: 40px;
    height: 40px;
    width: 40px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #30343f;
}

#BtnShowProfile.btn-default .caret {
    border-top-color: #ffffff;
}

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

/* backgrounds */

.bg-grey {
    background-color: #ecf2f5;
    padding: 5px;
    position: relative;
}

/*buttons*/

.make-buttons h3 a,
.make-buttons .HtmlContent h3 a,
.btn {
    display: inline-block;
    padding: 10px 20px;
    border: 0;
    border-bottom: 5px solid #63A70B;
    background: #63A70B;
    text-decoration: none;
    margin: 15px auto;
    letter-spacing: 0.19em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.make-buttons h3 a:hover,
.make-buttons .HtmlContent h3 a:hover,
.btn:hover {
    background-color: rgb(99,167,11, .85);
    color: #ffffff;
    border-bottom-color: rgb(99,167,11, .85);
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.make-buttons.red h3 a {
    border-bottom: 5px solid #b4344d;
    border-top: 0px solid #b4344d;
    background: #cd3f5b;
}

.make-buttons.red h3 a:hover {
    border-bottom: 0px solid #b4344d;
    border-top: 5px solid #b4344d;
    background: #b4344d;
}

.make-buttons.yellow h3 a {
    border-bottom: 5px solid #ca8f08;
    border-top: 0px solid #ca8f08;
    background: #eca400;
}

.make-buttons.yellow h3 a:hover {
    border-bottom: 0px solid #ca8f08;
    border-top: 5px solid #ca8f08;
    background: #ca8f08;
}

.make-buttons.blue h3 a {
    border-bottom: 5px solid #123964;
    background: #175394;
    border-top: 0px solid #123964;
}

.make-buttons.blue h3 a:hover {
    border-bottom: 0px solid #123964;
    border-top: 5px solid #123964;
    background: #123964;
}

.make-buttons.green h3 a {
    border-bottom: 5px solid #5d993d;
    background: #6bb345;
    border-top: 0px solid #5d993d;
}

.make-buttons.green h3 a:hover {
    border-bottom: 0px solid #5d993d;
    border-top: 5px solid #5d993d;
    background: #5d993d;
}

.home .HLLandingControl .btn {
    text-align: center;
    margin: 0 auto;
    position: relative;
    /*bottom: -50px;*/
}

.home .HLLandingControl div[id$="_BottomLink"] {
    text-align: center;
    position: relative;
    height: 0;
}

.home .section6 h2,
.home .section7 h2 {
    margin-left: 95px;
    color: #6bb345;
}

.home .HLLandingControl h2 {
    color: #6bb345;
}

.btn-sm,
.btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 4px;
}

/**** Search: dropdown search bar with toggle button *****/

#MPOuterHeader .search-btn-top {
    width: 40px;
    height: 40px;
    float: right;
    text-align: center;
    line-height: 40px;
    border: 0;
    color: #ffffff;
    background: #30343f;
    /*-webkit-border-radius: 100%;*/
    /*-moz-border-radius: 100%;*/
    /*border-radius: 100%;*/
    margin: 0px;
    cursor: pointer;
}

#MPOuterHeader .search-btn-top:hover,
#MPOuterHeader .search-btn-top:focus {
    color: #30343f;
    background: #c2ccd1;
}

#MPOuterHeader .search-bar-top {
    background: #eee;
    padding: 20px;
    padding-bottom: 35px;
}

#MPOuterHeader .search-bar-top .SearchInputs {
    max-width: 1200px;
    margin: 0 auto;
}

.search-bar-top input.form-control {
    height: 50px;
    font-size: 18px;
    font-weight: 200;
}

#MPOuterHeader .search-bar-top .SearchResults,
.search-bar-top button.btn.btn-default.dropdown-toggle {
    display: none;
}

#MPOuterHeader .search-bar-top button.btn,
.custom-search-form .input-group-btn a[id$="_btnSearch"] {
    padding: 0px 10px;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    background: #dddddd;
    color: #2f2f2f;
    height: 50px;
    border-left: none;
}

#MPOuterHeader .search-bar-top button.btn:hover,
.custom-search-form .input-group-btn a[id$="_btnSearch"]:hover {
    color: #6bb345;
}

/* Slider */

.slider .HtmlContent {
    max-width: 1200px;
    margin: 0 auto;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
    align-items: center;
}

.slider .main-slide h2 {
    /*max-width: 50%;*/
    /*float: left;*/
}

.slider .main-slide img {
    /*max-width: 50%;*/
    /*float: right;*/
}

.slider.slick-initialized.slick-slider {
    margin-bottom: 0;
}
.slider .slick-track {
    display: flex;
}

.slider .main-slide {
    height: auto;
    padding: 50px;
    display: flex;
}

.slider .slick-prev {
    left: 25px;
    width: 50px;
    height: 50px;
}

.slider .slick-next {
    right: 25px;
    width: 50px;
    height: 50px;
}

.slider .slick-prev,
.slider .slick-next {
    z-index: 2;
}

.slider .slick-prev:before,
.slider .slick-next:before {
    color: #000;
    font-size: 50px;
}

.slider .slick-dots {
    bottom: 20px;
}

.slider .slick-dots li button:before {
    font-size: 12px;
}

/*.slider.slick-dotted.slick-slider {*/
/*    padding-bottom: 110px;*/
/*}*/

.slick-prev:before,
.slick-next:before {
    font-family: 'FontAwesome' !important;
}

.slick-prev:before {
    content: '\f053' !important;
}

.slick-next:before {
    content: '\f054' !important;
}

/* Main Content Body */

/* user-groups section */

.user-groups .HtmlContent {
    height: 330px;
    position: relative;
}

.user-groups .HtmlContent img {
    height: 55px;
    padding-bottom: 10px;
}

.user-groups.make-buttons .HtmlContent h3 a {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    max-width: 60%;
}

#ProfileContainer img.welcome-profile-image-lg {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.HLLandingControl .Content img,
.HLLandingControl .Content img.Image {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

/*img[id$="_ImageControl_imgDisplay"] {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}*/

.imgButton {
    background-color: transparent !important;
}

.center-title-icon .HtmlContent {
    margin-top: -40px;
}

.ContentUserControl.horizontal ul {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.ContentUserControl.horizontal ul li {
    display: inline-block;
    border-right: 1px solid #f2f2f2;
    border-bottom: none;
    text-align: left;
    padding: 14px;
}

.home .ContentUserControl.horizontal ul li:hover {}

.home .HLLandingControl ul li {
    border-bottom: 0;
}

.horizontal.bg-grey {
    margin-bottom: 30px;
}

.home .connect-bg {
    background: transparent url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/backgrounds/connect-bg.png') no-repeat center top 170px;
    position: relative;
    background-size: cover;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 100px;
}



/* resources & publications */

.JITC h2 {
    background: #c2ccd1 url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/backgrounds/JITC-bg.png') no-repeat center;
    background-size: cover;
    padding: 80px 50px;
    color: #ffffff;
    font-weight: 900;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
    margin-bottom: 30px;
}

.JITC h2:before,
.resources:before {
    content: '';
    height: 82px;
    width: 82px;
    position: absolute;
    top: -30px;
    display: block;
}

.JITC h2:before {
    background: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/icons/icon-jitc.png') no-repeat center;
    left: -30px;
}

.resources {
    padding: 40px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.resources:before {
    background: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/icons/icon-resources.png') no-repeat center;
    right: -30px;
}

.HLLandingControl.HLMyDocuments ul li {
    border: 0;
}



/* events */

.home .HLLandingControl.HLEventList .form-group {
    display: block;
}

.date-block,
.event-list .date-block {
    background-color: #ffffff;
    border: 1px solid #c2ccd1;
    width: 100%;
    padding: 0;
}

.event-list .calendary-number {
    font-size: 50px;
    margin: 0;
}

.calendar-day {
    display: none;
}

.calendary-number {
    font-size: 42px;
    font-weight: 100;
    margin: -1px;
    color: #6bb345;
}

.calendar-month {
    text-transform: uppercase;
    background-color: #c2ccd1;
    font-weight: 900;
    padding: 5px 2px;
    border-top: 1px solid #c2ccd1;
    font-size: 14px;
    letter-spacing: .03em;
    color: #181f20;
}

.event-list .calendar-month {
    font-size: 115%;
}

.HLEventList .Content .col-md-2 {
    width: 30%;
}

.HLEventList .Content .col-md-10 {
    width: 70%;
}

.HLEventList .Content .col-md-10 .title-row {
    padding-left: 10px;
}

/* FOOTER */

#MPOuterFooter {
    color: #ffffff;
    background: #30343f;
    border-bottom: 10px solid #6bb345;
    font-size: 14px;
    padding-top: 5px;
}

#MPOuterFooter a {
    color: #ffffff;
}

#MPOuterFooter a:hover {
    color: #6bb345;
}

#FOOTER .social-media img {
    float: right;
    margin-top: -15px;
    margin-right: 5px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#FOOTER .social-media img:hover {
    opacity: 0.5;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

/* misc */

a.j-image,
.juicer-feed li.feed-item.j-video a.j-image,
h1.referral,
li.feed-item.juicer,
#MPFooterLink {
    display: none !important;
}

/* nav media queries for smaller screens */

@media only screen and (max-width: 1360px) {
    #NAV .navbar-default {
        font-size: 12px;
    }

    #NAV .navbar-default ul.nav>li>a {
        line-height: 14px;
        height: 75px;
        padding: 10px;
    }
}


/* change bootstrap mobile breakpoint */

@media (max-width: 1150px) {

    .navbar-header {
        float: none;
        /*text-align: center;*/
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
        padding: 10px 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
    }

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

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

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

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

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

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

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

    .navbar-toggle:before {
        content: 'Navigation';
        position: absolute;
        right: 130%;
        text-transform: uppercase;
        font-family: 'futura-pt', 'Futura', Helvetica, sans-serif;
        font-weight: 900;
        letter-spacing: .1em;
        font-size: 14px;
        top: 20%;
        color: #7e898e;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #7e898e;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #6bb345;
    }

    #NAV {
        padding: 0 !important;
    }

    nav.navbar.navbar-default {
        padding: 7px 0 0;
        border: 0;
        background-color: #e3e9ec;
    }

    #NAV .navbar-default ul.nav>li>a {
        line-height: normal;
        height: auto;
        padding: 10px;
    }

    #HEADER .HtmlFooter {
        padding: 0;
    }

    .slider .main-slide {
        padding: 20px 20px 50px 20px;
    }

    .slider .slick-prev,
    .slider .slick-next {
        display: none !important;
    }

    .MPheader .col-md-12 {
        padding: 0;
    }
}
#MPOuterMost {
	overflow-x: hidden;
	overflow-y: hidden;
}

body {
	font-family: 'Helvetica', sans-serif;
}

/**** Slick Slider Theme CSS ****/


/* Slider */

.slick-loading .slick-list {
	background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */

@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),
		url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: '←';
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: -25px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: '→';
}

[dir='rtl'] .slick-next:before {
	content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: 'slick';
	/*  font-size: 36px; */
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

/****** end slick slider theme css ******/

/* Three column break */

.break-word-all {
	word-break: keep-all;
}

/* Staff */

.staff .section5 {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.staff .title,
.audience .title {
	/* margin: 35px -100%; */
	width: auto;
	/* padding: 40px 100%; */
	/*background: #fff;*/
	padding: 20px 0px 5px;
	clear: both;
	border-bottom: 1px solid #ddd;
	margin: auto 15px;
}

.audience .title {
	margin-bottom: 15px;
}

.staff .col-md-4 {
	text-align: center;
	padding-top: 25px;
	display: inline-block;
	float: none;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.staff .title h2 {
	border-top: 1px solid #ddd;
	padding: 15px 25px 0px;
	border-bottom: none;
}

.audience .title h2 {
	padding: 0px 25px 0px;
	border-bottom: none;
}

.interior div[id$="CalendarDisplayPanel"] .event-list .event-list-item {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: none;
}

.interior div[id$="CalendarDisplayPanel"] .event-list h2 {
	border-bottom: 1px solid #ebece9;
	padding-bottom: 5px;
	background: #f1f1f1;
	/*padding: 10px 20px;*/
	padding: 10px 100%;
	margin: 0 -100%;
}

.event-list div[id*="pnlRight"] {
	padding: 15px;
}

/* interior audience landing pages */



.make-buttons.grid h3 {
	margin: 0;
	display: inline-block;
}

.make-buttons.grid h3 a {
	margin: 5px;
}

.make-buttons h3 a,
.make-buttons .HtmlContent h3 a,
.btn {
	border-bottom: none;
}

/*.interior .audience .section16.bg-blue a {*/

/*    color: #6bb345;*/

/*}*/

/**/

/*.interior .audience .section16.bg-blue a:hover {*/

/*    color: #ffffff;*/

/*    opacity: .7;*/

/*}*/



.interior .audience.patient .col-md-4 h2 {
	/*background: #6bb345;*/
	/*color: #ffffff;*/
	border-bottom: 5px solid #6bb345;
}




.interior .icon-film h2:before {
	content: '\f008';
	font-family: 'FontAwesome';
	display: block;
	margin: 8px;
}

.interior .audience .icon-discuss h2:before {
	content: '\f27b';
	font-family: 'FontAwesome';
	margin-right: 10px;
	float: left;
}

.interior .audience .icon-resource h2:before {
	content: '\f0f6';
	font-family: 'FontAwesome';
	margin-right: 10px;
	float: left;
}

.interior .audience .icon-events h2:before {
	content: '\f073';
	font-family: 'FontAwesome';
	margin-right: 10px;
	float: left;
}

.interior .audience .icon-compass h2:before {
	content: '\f14e';
	font-family: 'FontAwesome';
	margin-right: 10px;
	float: left;
}

.interior .audience .icon-bulb h2:before {
	content: '\f0eb';
	font-family: 'FontAwesome';
	margin-right: 10px;
	float: left;
}

.audience .col-md-4 .SearchResults .row-border-bottom.HeaderStatusBar {
	border-bottom: none;
	margin: 0;
}

/* ERS - HEADER & NAV Edits - Dec 2016 */

#Logo {
	background: #fff;
    z-index: 2;
    max-width: 30%;
}

#MPButtonBar {
	position: relative;
	z-index: 1;
	padding-left: 25%;
}

#MPOuterHeader {
	z-index: auto;
}

#MPOuterHeader .search-btn-top {
	width: 37px;
	height: 37px;
	line-height: 36px;
	margin: 2px;
	padding: 0px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

#HEADER .social-media img {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	max-width: 40px;
	padding: 2px;
}

#FOOTER .social-media img {
	padding: 4px 0 0;
	float: none;
	margin-top: 0;
	margin-right: 0;
}

.slider .main-slide img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.user-groups.make-buttons .HtmlContent h3 a {
	bottom: 60px;
}

#MPheader {
    display: flex;
    flex-direction: row-reverse;
    padding: 15px;
    justify-content: space-between;
}
#MPheader > div#Logo {
    flex-basis: 30%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
#MPheader > div.row:first-child {
    flex-basis: 70%;
    margin: auto 0;
    padding: 0;
}
#MPOuterMost #searchColumn {
    display: none;
}

.interior #MPOuterHeader #NAV {
    z-index: 10;
	margin-top: -4px;
}

#MPOuterHeader #NAV {
	width: calc(100% + 30px);
}

.header-content > .col-md-12 {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
#Logo .SloganText {
    display: none;
}
.join-renew,
.search-field-wrapper {
    margin: 0 15px 0 0;
}
.join-renew,
.join-renew a {
    font-weight: 700;
    color: #64a70b;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
}
.join-renew ul {
    padding: 0;
    margin: 0;
    display: flex;
}
.join-renew ul li {
    list-style-type: none;
    position: relative;
    font-size: 16px;
    line-height: 18px;
}
.join-renew ul li:not(:last-child) {
    padding-right: 10px;
}
.join-renew ul li:not(:last-child)::after {
    border-right: 2px solid #64a70b;
    content: '';
    position: absolute;
    right: 0;
    top: 1px;
    bottom: -1px;
}
.join-renew ul li:not(:first-child) {
    padding-left: 10px;
}

@media only screen and (min-width: 1150px) {
	#NAV .navbar-default ul.nav>li {
		/*width: 16.66666%;*/
		/*** for 6 nav items ***/
		width: 14.2857%;
		/*** for 7 nav items ***/
		/*width: 12.5%;*/
		/*** for 8 nav items ***/
	}

	#NAV {
		background: transparent;
		margin: 0px -13px;
        padding-left: 0 !important;
        width: calc(100% + 26px);
	}
}

@media only screen and (min-width: 768px) {
	.navbar-nav {
		padding-left: 0;
	}
}

@media (max-width: 1200px) {
    #DesktopLogoDiv {
        display: none;
    }
    #MPOuterMost #PhoneLogoDiv {
        display: block;
    }
    #MPheader {
		justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
	}
    #MPheader > div#Logo {
        max-width: 250px;
    }
    #MPheader > div.row:first-child {
        align-self: inherit;
        margin-top: 0;
    }
    
	#NAV {
		background: #e3e9ec;
	}

	#MPButtonBar {
		padding-left: 0;
	}

	#NAV .navbar-default .dropdown-menu {
		width: 100%;
	}

	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (max-width: 991px) {
	.section1 .ContentItemHtml .HtmlFooter {
		padding: 0px;
	}
    
}

@media (max-width: 768px) {
	#Logo {
		max-width: none;
		width: auto;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
	}

	.slider .main-slide h3 {
		margin-top: 0;
		text-align: center !important;
	}

	.slider .main-slide h2 {
		font-size: 21px;
		padding: 10px 0;
	}

	.slider .main-slide img {
		max-width: 100%;
		position: relative;
		max-height: 120px;
		text-align: center;
		margin: 10px auto;
	}

	.slider .main-slide {
		padding-top: 10px;
	}

	.HLLandingControl div.col-sm-2.col-md-2 {
		float: left;
		padding-right: 10px !important;
	}

	.HLEventList .Content .col-md-2,
	.HLEventList .Content .col-md-10 {
		float: left;
	}


	.resources {
		padding: 20px;
	}


	#MPOuterFooter {
		padding: 20px;
	}

	#MPOuterFooter img,
	#FOOTER .social-media a {
		float: none !important;
		text-align: center;
	}

	#FOOTER .social-media {
		margin-top: 35px;
	}
}

@media (max-width: 767px) {
    .slider .main-slide .HtmlContent {
        display: block;
    }
}

#NAV .navbar-collapse>.row {
	margin-left: 0;
}

#HEADER .social-media {
	margin-right: 5px;
}

#FOOTER .social-media {
	margin-top: 15px;
}

#HEADER .social-media img {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	max-width: none;
	padding: 2px;
}

#HEADER .social-media a,
#FOOTER .social-media a {
	background: #175394;
	width: 37px;
	height: 37px;
	display: inline-block;
	float: left;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	padding: 5px;
	text-align: center;
	margin: 2px;
}

#HEADER .social-media a:hover,
#FOOTER .social-media a:hover {
	opacity: .7;
}

.search-field-wrapper .input-group-btn .btn,
#searchColumn .input-group-btn .btn {
	margin: 0;
	background: #30343f;
	border: 0;
	height: 37px;
	width: 37px;
	padding: 10px;
	line-height: 15px;
}

.search-field-wrapper .input-group-btn .btn:hover,
.search-field-wrapper .input-group-btn .btn:focus,
#searchColumn .input-group-btn .btn:hover,
#searchColumn .input-group-btn .btn:focus {
	background: #c2ccd1;
}

.search-field-wrapper .input-group-btn .btn.dropdown-toggle,
#searchColumn .input-group-btn .btn.dropdown-toggle {
	display: none;
}

.search-field-wrapper {
	width: 275px;
}

.search-field-wrapper .input-group input[id$="SearchTerm"],
#searchColumn .input-group input[id$="SearchTerm"] {
	height: 37px;
	border: 0;
	border-bottom: 2px solid #30343f;
	border-radius: 0 !important;
	background: #f4f6f7;
	margin: 2px;
}

.faceted-search-main .search-bar input.form-control.tbSearch {
	height: 58px;
	font-size: 21px;
}

.interior #MPContentArea {
	padding-top: 70px;
}

#NAV .navbar-default ul.nav>li>a {
	border-right: none;
	color: #4a5459;
	font-weight: 900;
	background: #ffffff url(https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/backgrounds/nav-item-borderline.png) no-repeat bottom right;
	line-height: normal;
	transition-property: border;
	transition-duration: 1s;
}

#NAV .navbar-default ul.nav>li>a:hover,
#NAV .navbar-default ul.nav>li>a:focus {
	border-bottom-color: #c2ccd1;
	background: -moz-linear-gradient(101deg, #f8f9fa 0%, #e3e9ec 100%);
	/* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e9ec), color-stop(100%, #f8f9fa));
	/* safari4+,chrome */
	background: -webkit-linear-gradient(101deg, #f8f9fa 0%, #e3e9ec 100%);
	/* safari5.1+,chrome10+ */
	background: -o-linear-gradient(101deg, #f8f9fa 0%, #e3e9ec 100%);
	/* opera 11.10+ */
	background: -ms-linear-gradient(101deg, #f8f9fa 0%, #e3e9ec 100%);
	/* ie10+ */
	background: linear-gradient(349deg, #f8f9fa 0%, #e3e9ec 100%);
	/* w3c */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e3e9ec', endColorstr='#f8f9fa', GradientType=0);
	/* ie6-9 */
}

#NAV .navbar-default .dropdown-menu li a {
	text-transform: none;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 0px solid transparent;
	border-right: 25px solid transparent;
	padding: 5px 0px 5px 20px;
	letter-spacing: .01em;
}

#NAV .navbar-default .dropdown-menu {
	border-top: none;
	border-radius: 0 !important;
	border-color: #c2ccd1;
	border-width: 2px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: #6bb345;
	/*padding-left: 10px !important;*/
	border-left: 15px solid #5d993d !important;
}

/* other misc fine-tuning */

#PageTitleH1,
h2 {
	letter-spacing: -.01em;
}

#PageTitleH1 {
	font-weight: 900;
	font-size: 60px;
	border-bottom: 1px solid #ebece9;
	margin-bottom: 90px !important;
	padding-right: 10px;
	padding-top: 40px;
}

.nav-tabs,
.nav-tabs li {
	font-size: 18px;
	font-weight: 800;
}

.btn {
	margin: auto;
}

.text-muted-h2 h2 {
	color: #30343f;
}

.interior h2 {
	border-bottom: 1px solid #ebece9;
	padding-bottom: 5px;
}

#BreadCrumb.BreadCrumb {
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .03em;
}

/* dropdown menu - rightmost panel offscreen fix */

#NAV .navbar-default li.dropdown:last-child .dropdown-menu {
	left: auto;
	right: 0;
}

/* link color change */

a {
	color: #175394;
}

a:hover {
	color: #6bb345;
	text-decoration: underline;
}

.content-row h5 a {
	font-weight: 900;
	/* text-transform: uppercase; */
	letter-spacing: .02em;
}

/* twitter feed tweaks */

.home ul.juicer-feed {
	overflow: hidden;
}

.home ul.juicer-feed:before {
	content: '';
	height: 125px;
	width: 100%;
	background: #ffffff;
	position: absolute;
	bottom: -17px;
	z-index: 1;
	padding: 25px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

/* carousel backgrounds */

/* Orange: #FCB040
Pink: #EC7883
Purple: #9E74B4
Green Apple: #99B73D
Teal: #04A6B1
Dark Blue: #124F86
White: #000000
*/

.bg-orange {
	background-color: #fcb040;
	position: relative;
	color: #30343f;
}

.bg-pink {
	background-color: #ec7883;
	position: relative;
	color: #30343f;
}

.bg-purple {
	background-color: #9e74b4;
	position: relative;
	color: #ffffff;
}

.bg-teal {
	background-color: #04a6b1;
	position: relative;
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
	position: relative;
	color: #30343f;
}

.bg-green {
	background-color: #6bb345;
	position: relative;
	color: #ffffff;
}

.bg-black {
	background-color: #000000;
	position: relative;
	color: #ffffff;
}

.bg-image1,
.bg-image2,
.bg-image3,
.bg-image4,
.bg-image5,
.bg-image6 {
	position: relative;
	color: #ffffff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bg-green.make-buttons .HtmlContent h3 a {
	background-color: #175394;
	color: #ffffff;
	border-bottom-color: #123964;
}

.bg-green.make-buttons .HtmlContent h3 a:hover {
	background-color: #30343f;
	color: #ffffff;
	border-bottom-color: #1f1f1f;
}

.bg-green a:hover {
	color: #30343f;
}

.bg-image1 {}

.bg-image2 {}

.bg-image3 {}

.texture-connect-light,
.texture-connect-dark,
.texture-dna-light,
.texture-dna-dark {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.texture-connect-light {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/slide images/slide-bgs/connect-bg-light.png');
}

.texture-connect-dark {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/slide images/slide-bgs/connect-bg-dark.png');
}

.texture-dna-light {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/slide images/slide-bgs/bg-dna-light.png');
}

.texture-dna-dark {
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/slide images/slide-bgs/bg-dna-dark.png');
}

.btn-group.form-control.mycommnotif--on .dropdown-toggle {
	font-size: 85%;
	letter-spacing: normal;
	padding: 12px 15px;
}

.community-notifications .email-settings .btn-group .btn-default {
	color: #ffffff;
}

.community-notifications .email-settings .btn-group.open .dropdown-toggle.btn-default {
	color: #333333;
}

/* full width button class */

.btn-full a.btn,
.btn-full .btn {
	display: block;
	white-space: normal;
}

.center-title-icon .HtmlContent {
	margin-bottom: -40px;
	position: relative;
	margin-top: 0px;
	top: -40px;
	clear: both;
}

/* full width image banner pages */

.banner-page #PageTitleH1 {
	color: #ffffff;
	margin-top: 90px !important;
	border: none;
	text-align: center;
}

.banner {
	height: 380px;
	overflow: hidden;
	margin-top: -380px;
	margin-bottom: 25px;
	position: relative;
	z-index: -1;
	width: 100%;
}

.tall-banner {
	height: 650px;
}

.banner img {
	width: 100%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
}

.banner:after {
	content: '';
	height: 100%;
	width: 100%;
	display: block;
	background: #000000;
	opacity: 0.3;
}

@media only screen and (max-width: 1150px) {
	.banner img {
		width: auto;
		max-width: 200%;
		max-width: none;
		height: 100%;
	}

	.banner-page #PageTitleH1 {
		margin-top: 0px !important;
		font-size: 60px;
		margin-bottom: 10px !important;
		/*margin-top: 70px !important;
        font-size: 40px;
        margin-bottom: 50px !important;*/
	}

	.banner {
		margin-top: -300px;
	}
}

@media only screen and (max-width: 768px) {
	.banner-page #PageTitleH1 {
		font-size: 40px;
	}

	.tall-banner {
		height: 380px;
	}
}

/* white gradient background behind text for slides */

.white-gradient:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/backgrounds/white-gradient-v2.png) repeat-y top right;
}

.white-gradient .HtmlContent p span,
.white-gradient .HtmlContent h2 span,
.white-gradient .HtmlContent h3,
.white-gradient .HtmlContent h4 {
	color: #000000 !important;
}

/* ERS: hide sub 2nd level navigation from main menu */

#NAV ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu ul.dropdown-submenu {
	display: none;
}

/*** top text links - button styling ***/

#MPAuxNav ul.level1 li a {
	display: inline-block;
	padding: 7px 20px 5px;
	margin: 2px 5px;
	background: #64a70b;
	color: #ffffff;
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-decoration: none;
	border-right: none;
	border-bottom: 4px solid #5d993d;
}

#MPAuxNav ul.level1 li a:hover {
	background-color: #175394;
	color: #ffffff;
	border-bottom-color: #123964;
}

.bg-image8 {
	background-size: 100% 100%;
}

.announcement h1,
.announcement h2,
.announcement h3,
.announcement h4,
.announcement h5,
.announcement h6 {
	padding-top: 5px;
	margin: 0;
	text-align: center;
}

.announcement>* {
	margin: 0;
	color: white;
	padding: 0px 10px;
}

.announcement a {
	color: white;
	text-transform: none;
}

.announcement>.HtmlContent {
	background-color: #115091;
	display: flex;
	justify-content: center;
	min-height: 100px;
	padding: 25px;
}

.announcement h3 {
	padding: 0;
	font-size: 30px;
}

.announcement img {
	max-width: 75px;
	margin: auto 0;
}

blue.btn-full.container p {
	margin: 20px 0;
}

.wfh-statement {
	background: #175394;
	border-bottom: 5px solid #123964;
	background: #175394;
	border-bottom: 5px solid #123964;
	padding: 30px;
	text-transform: none;
	color: #fff;
	margin: 30px auto;
}

.wfh-statement h3 {
	color: #fff;
	text-transform: none;
}

.wfh-statement a {
	color: #fff;
	text-decoration: none;
}

/*** MCS - accordion  ***/
.accordion-heading h3 {
	font-family: helvetica;
	font-weight: 400;
	text-transform: none;
	font-size: 20px;
	color: #175394;
	/* link colour */
	background: #fff;
	padding: 15px 10px 10px 10px;
	margin: 0;
	cursor: pointer;
	transition: .3s;
}

.accordion-heading h3:hover,
.accordion-heading h3: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-text {
	display: none;
}

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

.accordion-wrap {
	margin-bottom: 10px;
}

/* Guidelines Page */

.boxshadow-banner .banner {
	box-shadow: 1px 5px 36px -10px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 1px 5px 36px -10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 5px 36px -10px rgba(0, 0, 0, 0.75);
}

.guideline-top-row {
	display: flex;
	background-color: rgb(240 131 64);
	border-top-left-radius: 35px;
}

.guideline-top-row .col-md-6:first-of-type {
	padding-right: 7px;
	padding-left: 0;
}

.guideline-top-row .col-md-6:last-of-type {
	padding-left: 8px;
	padding-right: 0;
}

.guideline-news-text {
	margin-left: 25px;
	padding-right: 25px;
	height: calc(100% - 70px);
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0;
}

.guideline-news-text .HLRecentBlogs,
.guideline-news-text .HLRecentBlogs .Content {
	padding: 0;
	border: 0;
	margin-bottom: 0;
}

.guideline-news-text .HLRecentBlogs .Content .sort-options-container {
	display: none;
}

.guideline-news-text .HLRecentBlogs .Content ul li {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.guideline-news-text .HLRecentBlogs .Content div[id*="BottomLink"] .col-md-12 {
	padding: 0;
	margin-top: 10px;
}

.guideline-news-text .HLRecentBlogs .Content ul li h3 a {
	color: black;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: initial;
	line-height: 1.428571429;
	font-family: 'Helvetica', sans-serif;
}

.guideline-news-text .HLRecentBlogs .Content ul li h3 a:hover,
.guideline-news-text .HLRecentBlogs .Content ul li h3 a:focus {
	text-decoration: underline;
}


.guideline-news-text .HLRecentBlogs .Content ul li .ByLine {
	font-size: 14px;
	color: #30343f;
	font-style: italic;
}

.guideline-news-text .HLRecentBlogs .Content ul li p {
	margin-bottom: 0;
}

.guideline-news-text::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	height: 100%;
	width: 15px;
	background-color: #fff;
}

.guideline-news-title h2 {
	color: #fff;
	font-weight: 600;
	border: 0;
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	padding-right: 12px;
	margin-bottom: 13px;

}

.guideline-title h2 {
	color: #2c5684;
	font-weight: 600;
	border: 0;
	margin-top: 35px;
	margin-bottom: 15px;
}

.guideline-news p {
	color: #2b5584;
}

.bottom-margin-50 {
	margin-bottom: 50px;
}

/* Concertina Colour Wrapper */

.concertina-wrap.green,
.concertina-wrap.blue {
	padding-top: 12px;
	padding-left: 25px;
	border-top-left-radius: 30px;
	position: relative;
}

.guideline-news-text .HLRecentBlogs .Content div[id*="BottomLink"] {
	margin-top: 35px;
}

.guideline-news-text a[id*="MoreLink"] {
	background-color: transparent;
	color: #30343f;
	padding: 0;
	border: 0;
	float: right;
}

.concertina-wrap.green:not(.open) .concertina-text,
.concertina-wrap.blue:not(.open) .concertina-text {
	display: block !important;
	height: 250px;
	overflow: hidden;
	transition: 0.3s !important;
	padding-bottom: 55px;
}


.concertina-wrap.blue:not(.open) .concertina-text {
	height: 193px;
	position: relative;
	z-index: 5;
}

.concertina-wrap.green:not(.open) .concertina-text {
	height: 215px;
	position: relative;
	z-index: 5;
	padding-bottom: 22px;
}

.concertina-wrap.blue.open .concertina-text {
	display: block !important;
	height: 441px;
	transition: 0.3s !important;
	position: relative;
	z-index: 5;
}

.concertina-wrap.blue.open .concertina-text .img-wrap {
	position: relative;
}

.concertina-wrap.blue .concertina-text,
.concertina-wrap.blue .concertina-text .HtmlContent {
	background-color: #dde6ed;
}

.concertina-wrap.green .concertina-text .HtmlContent,
.concertina-wrap.blue .concertina-text .HtmlContent {
	color: #30343f;
	padding: 10px;
	padding-right: 15px;
	height: 100%;
	overflow-y: hidden;
}

.concertina-wrap.green .concertina-text,
.concertina-wrap.green .concertina-text .HtmlContent {
	background-color: #dfeeda;
}

.concertina-wrap.green.open .concertina-text {
	display: block !important;
	height: 488px;
	transition: 0.3s !important;
	position: relative;
	z-index: 5;
}

.concertina-wrap.green button,
.concertina-wrap.blue button {
	font-size: 36px;
	font-weight: 600;
	width: 100%;
	background: transparent;
	border: transparent;
	color: white;
	text-align: left;
	position: relative;
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	padding: 0;
}


.concertina-wrap.green button,
.concertina-wrap.blue button {
	padding-bottom: 12px;
}

.concertina-wrap.green button::after,
.concertina-wrap.blue button::after {
	float: right;
	content: '\f012';
	color: white;
	font-family: 'SITC2018';
}

.concertina-wrap.green.open button::after,
.concertina-wrap.blue.open button::after {
	content: '\f013';
}

.concertina-wrap.blue {
    background-color: #0d528f;
    padding-bottom: 14px;
}

.concertina-wrap.blue .HtmlContent .text-wrap {
	padding-right: 0px;
}

.concertina-wrap.blue .HtmlContent img {
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}

.concertina-wrap.green .HtmlContent img {
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}

.concertina-wrap.blue .HtmlContent img,
.concertina-wrap.green .HtmlContent img {
	width: 188px;
}

.concertina-wrap.green {
	background: #6ab445;
	margin-top: -25px;
	margin-bottom: 0;
	position: relative;
	z-index: 7;
}


.concertina-wrap.green .concertina-text span,
.concertina-wrap.green .concertina-text p,
.concertina-wrap.green .concertina-text p a {
	color: black;
}

.concertina-wrap.green .concertina-text p a {
	padding-right: 5px;
}

.concertina-wrap.green .concertina-text h2 {
	font-size: 16px;
	color: white;
	text-decoration: underline;
	color: white;
	border: 0;
	margin-bottom: 0;
}

.concertina-wrap.green .concertina-text ul li {
	border: 0;
}

.concertina-wrap.green .concertina-text ul li .timeAgoFormat {
	font-weight: bold;
	text-transform: none;
	color: white;
}

.concertina-wrap.green .concertina-text ul li a {
	font-size: 16px;
	color: white;
	font-weight: normal;
	text-transform: none;
	line-height: 0;
}

.concertina-wrap.green .concertina-text ul li a:last-of-type {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.concertina-wrap.green .HLEventList br {
	display: none;
}

.guideline-tiles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	grid-template-rows: repeat(4, 150px);
}

.guideline-tiles a {
	background-color: #fafafa;
	border-radius: 15px;
	margin: 5px;
	transition: 0.3s;
	box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
}

.guideline-tiles .guideline-tile {
	padding: 0px 20px 0px 15px;
	position: relative;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.guideline-tiles a:hover,
.guideline-tiles a:focus {
	margin-top: 0;
	margin-bottom: 10px;
	transition: 0.3s;
	text-decoration: none;
}

.guideline-tiles a .alg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Acute_Leukemia_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .alg span {
	color: #f4743a;
}

.guideline-tiles a .bcg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Breast_Cancer_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .bcg span {
	color: #F56287;
}

.guideline-tiles a .cmg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Cutaneous_Melanoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .cmg span {
	color: #F4D301;
}

.guideline-tiles a .hcg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Hepatocellular_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .hcg span {
	color: #075e4a;
}

.guideline-tiles a .hnscg span {
	color: #75053f;
}

.guideline-tiles a .hnscg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Head_and_Neck_Squamous_Cell_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 101%;
	width: 59px;
	background-size: cover;
}


.guideline-tiles a .ici::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/ICI-related_Adverse_Events_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .ici span {
	color: #691662;
}

.guideline-tiles a .pcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/prostate_carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .pcg span {
	color: #228bb3;
}

.guideline-tiles a .iec::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/IEC-related_Adverse_Events_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .iec span {
	color: #db95cc;
}

.guideline-tiles a .lg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/lymphoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .lg span {
	color: #a02012;
}

.guideline-tiles a .mmg span {
	color: #cb4b65;
}

.guideline-tiles a .mmg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/multiple_myeloma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .nclcg span {
	color: #64A70B;
}

.guideline-tiles a .nclcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Non-Small_Cell_Lung_Cancer_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .pcg span {
	color: #238cb4;
}

.guideline-tiles a .pcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/prostate_carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .rccg span {
	color: #fba61c;
}

.guideline-tiles a .rccg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Renal_Cell_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .ucg span {
	color: #121870;
}

.guideline-tiles a .ucg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/urothelial_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .gic span {
	color: #98a0d0;
}

.guideline-tiles a .gic::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/GI_Cancer_Guideline_-_2.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .gcg span {
	color: #420a82;
}

.guideline-tiles a .gcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Gynecologic_Cancer_Guideline__1_.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .nmsc span {
	color: #9d9da1;
}

.guideline-tiles a .nmsc::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/NMSC_Guideline_-_2.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a span {
	font-weight: 600;
	font-size: 16px;
	position: relative;
	z-index: 5;
}

.guideline-tiles a .ContentItemHtml::after {
	height: calc(100% + 1px);
	right: -1px;
}

/* CEA Nav Redo July/21 */

/* for admins: move nav down 30px to compensate for admin bar */

#admin-toolbar ~ #MPOuterMost form > #MPOuterHeader {
	top: 30px;
}

/* header top */

.welcome-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.welcome-links a {
	width: 48%;
	margin: 5px auto;
}

#MPheader>.row:first-child {
	z-index: 20;
}

.social-media ul {
	list-style: none;
	padding: 0;
	display: flex;
	margin-top: 5px;
}

#HEADER .social-media a {
	background-color: transparent;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 10px 4px;
}

#HEADER .social-media a i {
	color: #175394;
}

#HEADER .social-media a:hover {
	opacity: 1;
	color: #66c924;
}

.SloganText {
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: #115495;
	float: right;
}

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

#MPheader>.row:first-child .pull-right>.inline {
	display: flex;
	flex-wrap: wrap;
}

#MPheader>.row:first-child .nav-top {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	padding-bottom: 12px;
}

#MPheader>.row:first-child .nav-bottom {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.HLWelcome.HLWelcomeHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#BtnShowProfile {
    display: none;
}

a.btn#Welcome_LoginLink,
.header-content a[href*="subscribe-btn"] {
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	font-weight: 450;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #4A5459;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	position: relative;
	background-color: transparent;
    letter-spacing: normal;
    border: none;
}

.header-content a[href*="subscribe-btn"] {
    margin-right: 10px;
}

a.btn#Welcome_LoginLink:hover {
    background-color: transparent;
    text-decoration: underline;
}


.make-a-gift.mobile {
	display: none;
}

.make-a-gift a {
	background: #60A845;
	border-radius: 100px;
	padding: 12px 12px;
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0 10px 0 0;
	padding-right: 50px;
	position: relative;
}

.make-a-gift a:hover {
	opacity: .9;
}

.make-a-gift a::before {
	position: absolute;
	content: '';
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	height: 35px;
	width: 35px;
	background: #fff;
	border-radius: 50%;
	z-index: 0;
}

.make-a-gift a::after {
	position: absolute;
	content: '';
	background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/0ebc7d79-6d3f-4948-8cc7-692a921d0059/UploadedImages/CSS/star.png");
	top: 50%;
	transform: translateY(-50%);
	height: 26px;
	width: 26px;
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
	right: 7px;
	top: 25px;
}

.make-a-gift a:hover {
	text-decoration: none;
}

.header-content .nav-toggle {
	display: none;
}

/* nav bar */

#MPButtonBar {
	padding-left: 0;
}

#NAV .navbar-default ul.nav>li>a .caret {
	display: none;
}

#MPButtonBar .navbar.navbar-default {
	background: #fff;
	border-radius: 0;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 2%);
	border: 1px solid #F5F5F5;
}

#MPheader #NAV {
	margin: 0;
	background: #fff;
}

#MPheader #NAV .navbar-default .col-md-12,
#MPButtonBar .nav.navbar-nav {
	display: flex;
	padding: 0 calc(50% - 630px);
}

#MPheader #NAV .navbar-default ul.nav>li {
	width: unset;
	max-width: 206px;
	height: 100%;
}

#NAV #Logo {
	float: left;
	padding: 20px 0 !important;
	padding-bottom: 0 !important;
	max-width: 449px;
	border: none;
	width: 100%;
	margin-top: 0;
	margin-left: calc(50% - 600px);
}

#NAV .navbar-default ul.nav>li>a {
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;
	text-align: left;
	color: #4A5459;
	background: #fff;
	border: none;
	transition: .3s;
	height: unset;
	padding: 14px 18px;
	position: relative;
	text-align: center;
}

#NAV .navbar-default ul.nav>li>a:hover,
#NAV .navbar-default ul.nav>li>a:focus {
	background: transparent;
}

#NAV .navbar-default ul.nav>li:last-child>a::before {
	display: none;
}

#NAV .navbar-default ul.nav>li>a::before {
	position: absolute;
	content: '';
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: calc(100% - 40px);
	width: 1px;
	background: #f5f5f5;
}

#NAV .navbar-default ul.nav>li.open>a::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6.5px 11.3px 6.5px;
	border-color: transparent transparent #f5f5f5 transparent;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu {
	background: #FFFFFF;
	border: 1px solid #F5F5F5;
	border-top: 0;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.02), 0px 4px 10px rgba(0, 0, 0, 0.06);
	margin-top: 80px;
	padding: 0;
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu>li:first-child {
	padding: 30px;
	padding-left: calc(50% - 605px);
	padding-right: 0;
	background: #FCFCFC;
	width: 50%;
	border-right: 1px solid #f5f5f5;
	/* height: 100vh; */
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu>li.col-sm-12 {
	width: 33%;
}

#NAV .navbar-default .dropdown-menu li a,
#NAV .navbar-default .dropdown-menu li h6 {
	text-transform: none;
	padding: 5px 0px;
	padding-right: 0;
	text-align: left;
	border: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #4A5459;
}

#NAV .navbar-default .dropdown-menu li h6 {
	font-weight: 600;
	padding: 0;
	margin: 0;
	margin-bottom: 13px;
	color: #35363A;
}

/* dropdown-header>child */
#NAV .megamenu ul>li.child a {
	padding: 3px 20px;
}

#NAV .megamenu .dropdown-header ul.children {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	height: 0;
	transition: .3s;
	position: absolute;
	left: 100%;
	top: 15px;
	bottom: 0;
	padding: 0;
	padding-left: 20px;
	min-width: 100%;
	text-align: left;
}

#NAV .megamenu .dropdown-header.open a+ul.children {
	visibility: visible;
	opacity: 1;
	height: 100%;
	transition: .3s;
}

#NAV .megamenu .dropdown-header ul.children li {
	text-align: left;
	list-style: none;
	margin: 5px 0;
}

/* hover and pseudos */

#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header a {
	position: relative;
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header>a {
	pointer-events: none;
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header.active>a::after,
#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header>a::after {
	font-family: 'SITC2018';
	content: '\f011';
	color: #66c924;
	transition: .3s;
	position: absolute;
	right: 30px;
}

#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li:not(.child) a:hover::after {
	color: #fff;
}

#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header.active a::after {
	color: #fff;
}

#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li:not(.child):hover {
	margin-left: -10px;
}

#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li:not(.child)>a:hover,
#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li.dropdown-header.open>a {
	background-color: #115091;
	color: #fff;
	margin-left: -10px;
	padding-left: 10px;
}

#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li.dropdown-header.open>a::after {
	color: #fff;
}

#NAV .megamenu .dropdown-header:hover a+ul.children .child a:hover {
	background-color: transparent;
	color: #175394;
}

#NAV #MPButtonBar ul.nav li.dropdown ul.megamenu li[id*="megamenu"] ul>li:not(.child)>a:hover
/* search */

.search-field-wrapper .input-group input[id$="SearchTerm"] {
	background: linear-gradient(0deg, #f4f6f8, #f4f6f8), #f7f7f7;
	border-radius: 2px;
	height: 37px;
	border: 0;
}

.search-field-wrapper .input-group-btn .btn {
	margin: 0;
	background: #FCFCFC;
	border: 0;
	height: 37px;
	width: 37px;
	padding: 10px;
	line-height: 15px;
	color: #4A5459;
	border: 1px solid #F5F5F5;
}

.search-field-wrapper .input-group input[id$="SearchTerm"] {
	height: 37px;
	border: 0;
	border-radius: 0 !important;
	background: transparent;
	margin: 2px;
	border: 1px solid #F5F5F5;
	background-color: #fff;
}

.search-field-wrapper .form-control::placeholder {
	font-style: normal;
	color: #C8C8C8;
}

@media (max-width: 1150px) {

    
    .search-field-wrapper {
        display: none;
    }
    #MPOuterMost #searchColumn {
        display: block;
        max-width: 100%;
        float: none !important;
        padding: 0 15px;
    }

	#MPheader #NAV .navbar-default .col-md-12,
	#MPButtonBar .nav.navbar-nav {
		display: block;
	}

	#NAV #MPButtonBar ul.nav ul.dropdown-menu>li:first-child {
		padding: 30px;
		height: auto;
		width: 100%;
	}

	#NAV .megamenu .dropdown-header ul.children {
		opacity: 1;
		transition: .3s;
		position: relative;
		padding: 0;
		min-width: 100%;
		text-align: left;
		visibility: visible;
		height: 100%;
		transition: .3s;
		left: unset;
		top: unset;
		bottom: unset;
		padding-left: 25px;
	}

	#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header.active>a::after,
	#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header>a::after {
		transform: rotate(90deg);
	}

	#NAV .megamenu .dropdown-header ul.children li:first-child a {
		display: none;
	}

	#NAV #MPButtonBar ul.nav ul.dropdown-menu ul li.dropdown-header>a {
		font-weight: 700;
	}
}

@media (max-width: 1024px) {
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #4A5459;
	}

	.navbar-toggle:before {
		color: #4A5459;
	}

	#MPButtonBar .nav.navbar-nav {
		position: unset;
	}

	#NAV #MPButtonBar ul.nav ul.dropdown-menu {
		margin: 0;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: none;
	}

	#NAV .megamenu ul>li.child a {
		padding: 0;
	}
}

@media (max-width: 992px) {

	.concertina-wrap.blue::after,
	.concertina-wrap.green::after {
		width: calc(100% - 30px);
		left: 15px;
	}
}

@media (max-width: 768px) {
	#NAV #Logo {
		max-width: 200px;
		position: absolute;
		z-index: 10;
		padding-bottom: 0 !important;
	}
}

@media (max-width: 600px) {
	#NAV #MPButtonBar ul.nav ul.dropdown-menu li {
		padding: 0 10px;
	}
}

@media (max-width: 425px) {
	#MPheader>.row:first-child {
		position: unset;
	}

	.SloganText {
		display: none !important;
	}
}

@media (max-width: 380px) {
	#MPheader>.row:first-child {
		float: none;
	}

	#NAV #Logo {
		max-width: none;
	}
}

/****** responsive ******/

@media (max-width: 1167px) {
	.concertina-wrap.green.open .concertina-text {
		height: 540px;
	}
}

@media (max-width: 1150px) {
	#NAV .megamenu .dropdown-header ul.children li:first-child a {
		display: block;
	}

	.interior:not(.banner-page) #MPContentArea {
	padding-top: 0;
}
}

@media (max-width: 1048px) {
	.guideline-top-row {
		flex-direction: column;
	}

	.guideline-top-row .col-md-6 {
		width: 100%;
	}

	#MPheader #NAV .navbar-default ul.nav>li {
		max-width: 100%;
	}

	#NAV .navbar-default ul.nav>li>a {
		text-align: left;
	}

	#NAV .navbar-default .dropdown-menu li h6 {
		display: none;
	}

	#NAV .megamenu>li>ul>li:not(.dropdown-header) a {
		font-weight: 700;
	}
}

@media (max-width: 992px) {
	.interior .row-wide div[class*="section"]>* {
		padding-left: 15px;
		padding-right: 15px;
	}
	.interior .row-wide div[class*="section"]>.concertina-wrap {
		padding-left: 25px;
		padding-right: 0;
	}

	#PageTitleH1 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px) {
	.ContentItemHtml .HtmlFooter {
		padding: 0;
    }
}

@media (max-width: 900px) {
	.guideline-tiles {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(6, 150px);
	}
}

@media (max-width: 768px) {

	#MPOuter {
		padding-top: 0 !important;
	}

	#Logo {
		margin-top: 40px;
	}

	#MPheader > .row > .col-md-12 {
		position: static;
	}

	.header-content {
		position: absolute;
		left: 0;
		background-color: #1D4F91;
		width: 100%;
		height: 40px;
		top: 0;
		z-index: 10;
		padding: 3px 15px;
		overflow: hidden;
		margin-bottom: 30px;
		transition: .3s
	}
	
	.header-content.open {
		height: calc(100% + 100px);
		transition: .3s
	}
	
	.join-renew, .join-renew a {
		color: #fff;
    }
    #MPOuterHeader .header-content a {
        font-family: 'Helvetica', sans-serif;
        background: transparent;
        padding: 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        color: #fff;
        text-transform: none;
        margin: 0;
    }
    .make-a-gift a::before,
    .make-a-gift a::after {
        display: none;
    }
    .header-content.row-wide > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

	.header-content .nav-toggle {
        display: block;
		margin-bottom: 30px;
		background: transparent;
		color: #fff;
		border: none;
		font-size: 24px
    }
    .HLWelcome {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    #MPOuterMost #Welcome_LoginLink {
        color: #fff;
        margin-top: 10px;
        margin-right: 15px;
    }

	.header-content .col-md-12 {
		flex-wrap: wrap;
	}

	.header-content .col-md-12 > * {
		width: 100%;
	}

	.make-a-gift a {
		display: inline-block
	}

	.header-content a[href*="subscribe-btn"] {
		justify-content: left;
		color: #fff;
	} 

	.join-renew ul {
		display: block;
	}
	
    .join-renew ul li:not(:first-child),
    .make-a-gift {
		padding: 0;
		margin-top: 10px
	}
	.make-a-gift {
        margin-bottom: 10px;
    }
	.join-renew ul li:not(:last-child)::after {
		display: none
    }
    #MPheader {
        display: block;
    }
    #MPheader > div#Logo {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
	.announcement .HtmlContent {
		min-height: 0;
	}

	.announcement h3 {
		font-size: 18px;
	}
}


@media (max-width: 550px) {
	.guideline-tiles {
		grid-template-columns: repeat(2, calc(50% - 15px));
		grid-template-rows: repeat(8, 150px);
		grid-gap: 15px;
	}

	.bottom-margin-50,
	.guideline-title {
		margin-left: 15px;
		margin-right: 15px;
	}

	.concertina-wrap.green.open .concertina-text {
		height: auto;
	}

	.concertina-wrap.green button,
	.concertina-wrap.blue button,
	.guideline-news-title h2,
	.guideline-title h2 {
		font-size: 24px;
	}

	.guideline-news-text .HLRecentBlogs .Content ul li h3 a {
		font-size: 14px;
	}

	.concertina-wrap.green .concertina-text p,
	.concertina-wrap.blue .concertina-text p,
	.concertina-wrap.green .concertina-text ul li,
	.concertina-wrap.blue .concertina-text ul li,
	.guideline-news-text .Content ul li p,
	.bottom-margin-50 p,
	.guideline-news-text .Content ul li .ByLine {
		font-size: 14px;
	}

	.concertina-wrap.blue::after {
		bottom: 1px;
	}

	.concertina-wrap.green::after {
		height: 25px;
	}

	.concertina-wrap.green:not(.open) .concertina-text {
		height: 205px;
	}

	.concertina-wrap.blue:not(.open) .concertina-text {
		height: 210px;
	}
}

@media (max-width: 500px) {

	.nav-bottom .search-field-wrapper {
		width: 100%;
	}

	.nav-bottom .SearchInputs {
		width: 275px;
		margin-left: auto;
		margin-bottom: 10px;

    }

	#PageTitleH1 {
		font-size: 40px;
	}

	.header-content.open {
		height: calc(100% + 30px);
		transition: .3s;
	}
}

@media (max-width: 425px) {
	#DesktopLogoDiv>a::after {
		left: unset;
		right: -80px;
		top: -10px;
	}
}

@media (max-width: 390px) {
	.concertina-wrap.blue.open .concertina-text {
		height: 615px;
	}
}

@media (max-width: 380px) {
	#MPheader>.row:first-child {
		padding-top: 10px;
	}

	#DesktopLogoDiv>a::after {
		right: unset;
		left: 0;
		top: -20px;
	}
}

/* remove carousel overlay left and right */
.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}

/* end remove overlay */

/************ NSH 08.04.2022 ************/

/*** removing blog comments label ***/

.cpg-news .blogs-block .label.label-default {
	display: none;
}

.blog-viewer .blogs-block span.TitleHeading,
.blog-viewer .blogs-block span.TitleHeading+a {
	display: none;
}

/* cpg popup */

.cpg-app .cpg.popup {
	display: none;
}

.popup {
	position: fixed;
	left: 50%;
	z-index: 100;
	transform: translateX(-50%);
	bottom: 30px;
	animation: slideUp 1.5s;
}

.popup.slide-out {
	bottom: -300px;
	animation: slideDown 1.5s;
}

@keyframes slideUp {
	from {
		bottom: -300px
	}

	to {
		bottom: 30px
	}
}

@keyframes slideDown {
	from {
		bottom: 30px
	}

	to {
		bottom: -300px
	}
}

.popup .HtmlContent {
	padding: 20px;
	background: #1D4F91;
	position: relative;
	box-shadow: 0px 9px 10px 2px rgba(0, 0, 0, 0.03), 0px 4px 4px rgba(4, 21, 81, 0.03), 0px 6px 10px rgba(4, 21, 81, 0.04);
	z-index: 1;
}

.popup .HtmlContent * {
	font-weight: bold;
	color: #fff;
}

.popup .HtmlContent button {
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	font-size: 16px;
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	background: #fff;
	color: #FAA61C;
	border-radius: 30px;
	padding: 4px 12px;
}

.popup .HtmlContent a {
	font-style: italic;
	display: inline-block;
	color: #fff;
}

.popup .HtmlContent p {
	font-size: 15px;
}

.popup .HtmlContent a::before {
	font-family: 'Font Awesome 5 Pro';
	margin-left: 8px;
	margin-top: 1px;
	font-weight: 300;
	float: right;
	color: inherit;
	content: '\f101';
}

.cpg.popup .HtmlContent {
	padding: 20px 120px;
	padding-right: 200px;
}

.cpg.popup .HtmlContent::before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	height: 75px;
	width: 75px;
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/CPG/cpg-app-logo.png');
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1
}

.cpg.popup .HtmlContent::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/CPG/cpg-image.png');
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1
}

@media (min-width: 992px) and (max-width: 1200px) {
	.cpg.popup .HtmlContent::after {
		background-size: cover;
		width: 190px;
	}
}

@media (max-width: 991px) {
	.popup {
		display: none;
	}
}

/************ sticky nav styling - NSH 27.01.23 ************/

#MPOuterHeader {
    position: fixed;
    background: #fff;
    z-index: 20;
    top: 0;
    width: 100%;
}

#NAV {
    position: relative;
}

@media (max-width: 768px) {
    #MPOuterHeader {
        position: relative;
    }
}/* Color Picker */
/* VERSION 33 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/

.cookie-notification-bar {
  background-color: #DDDDDD;  
}  


.cookie-notification-bar span {
  color: #000000;  
}  


/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  /*
  --hl-bs--primary-opposite: ;
  */
  
  /*
  --hl-bs--link: ;
  */

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-primary-bg: ;
  */
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */
  
  /*
  --hl-bs--btn-success-bg: ;
  */
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */
  
  /*
  --hl-bs--btn-danger-bg: ;
  */
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-link-text: ;
  --hl-bs--btn-link-outline: 7f;
  */

  /*
  --hl-bs--btn-link-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    /* 
    color: ;
    */    
    /* 
    color: ;
    */
}

/************************ Anchors ***********************/
body.ribbit a{
    /* 
    color: ;
    */
}
body.ribbit a:hover{
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
    /* 
    color: ;
    */
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

    /* 
    color: ;
    */
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border: ;
    */
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    /*
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

    /* 
    color: ;
    */
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .primary-button-background-color {

    /* 
    background-color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-border-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-text-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

    /* 
    background-color:  !important;
    */
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .success-button-background-color {

    /* 
    background-color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-border-color {

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
    /* 
    background-color:  !important;
    */
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
    /* 
    fill: ;
    */
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
    /* 
    color:  !important;
    */
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
    /* 
    color: ;
    */ 
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
    /* 
    border-bottom-color: ;
    */ 
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    /*
    color: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
    /* 
    color: ;
    */
    /* 
    color: ;
    */
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
    /* 
    background-color: ;
    */
}

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
    /* 
    color: ;
    */     
    /* 
    background-color: ;
    border-color: ;
    */ 
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
    /* 
    color: ;
    */
    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    color: ;
    */
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  

/*
.link-color {
  color:  !important;
}
*/
  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  

/*
.primary-heading-text-color {
  color:  !important;
}
*/
  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  

/*
.footer-background-color {
  background-color:  !important;
}
*/
  

/*
.footer-text-color {
  color:  !important;
}
*/
  

/*
.primary-color {
  color:  !important;
}
*/
  

/*
.text-on-primary {
  color:  !important;
}
*/
  

/*
.table-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-link-color {
  color:  !important;
}
*/
  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-title-text-color {
  color:  !important;
}
*/
  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  

/*
.selected-tab-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-hover-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  

/*
.slogan-text-color {
  color:  !important;
}
*/
  

/*
.table-header-background-color {
  background-color:  !important;
}
*/
  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  

/*
.footer-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  

/*
.selected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  


.cookie-notification-background-color {
  background-color: #DDDDDD !important;
}

  


.cookie-notification-text-color {
  color: #000000 !important;
}

  
/* CSS Overrides */
/* hero images */
.spring-banner-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Spring_Scientific/2024_Spring_Scientific_Web_Header_2.jpg");    
  background-size: cover;
  background-position: center;
}

.scion-banner-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/2022_Scion_Banner3.jpg");    
  background-size: cover;
  background-position: center;
}

.compio-banner-bg {
  background: linear-gradient(to left, rgba(29, 79, 145, .75), rgba(29, 79, 145, .8)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Policy/Comp_IO/629666970-abstract-communication-blue-orange-adj-1903x910.jpg");    
  background-size: cover;
  background-position: center;
}

.targetio-banner-bg {
  background: linear-gradient(to left, rgba(29, 79, 145, .75), rgba(29, 79, 145, .8)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Webinar.jpg");    
  background-size: cover;
  background-position: center;
}

.deiroundtable-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/DEI/2024_Virtual_Roundtable_on_Diversity_Blue_2.jpg");    
  background-size: cover;
  background-position: center;
}

.winterschool-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Winter_School/Web_Headers/Winter_School_Web_Header_1920x1080_Cropped.jpg");    
  background-size: cover;
  background-position: center;
}

.immune-exclusion-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Webinars___Online_Education/2023_Mechanisms_of_Immune_Exclusion_Hero.jpg");    
  background-size: cover;
  background-position: center;
}

.jitc-bg {
  background: linear-gradient(to left, transparent, 20%, #2B2E73), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/JITC/JITC_Web_Header.png");    
  background-size: cover;
  background-position: center;
}

.cpg-bg {
  background: linear-gradient(to left, rgb(29, 79, 145, .3) 10%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Scientific/CIGs/CIG_back_3.jpg");    
  background-size: cover;
  background-position: center;
}

.committee-bg {
  background: linear-gradient(rgb(29, 79, 145, .7), rgb(29, 79, 145, .7)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Membership/SITC_2018_Stock_LRG-77.jpg");    
  background-size: cover;
  background-position: center;
}

.sparkathon-bg {
  background-image: url(https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Sparkathon/2023_Sparkathon_Web_Header__1800___600_px_.gif);   
  background-size: cover;
  background-position: center;
}



.banner-container {
  padding-top: 100px ;
  padding-bottom: 80px ;
 color: white;
align-items: center;
display: flex;

}

@media (max-width: 993px) {
    .banner-container {
           flex-direction: column;
    }
}



/* funder statement/announcement bar */
.funder-statement {
  background-color: #F1F1F1; 
  padding: 10px 30px;
  position: relative;


}

.funder-statement-grn {
  background-color: #64A70B; 
  padding: 10px 30px;
  position: relative;
color: white;
margin-bottom: 25px;

}

.funder-statement-grn a {
    color: white;
    text-decoration: underline;

}

.funder-statement-grn a:hover {
    color: #1D4F91;
    text-decoration: underline;
}

.funder-statement h5 {
  text-align: center; 
  max-width: 1200px; 
  margin: auto; 
  padding: 10px;
}

/* backgrounds */

.bg-gradient {
    background: linear-gradient(#c0d9a3, #bbd8e7);
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

.bg-gray {
    background-color: #f7f7f7;
    position: relative;
padding: 20px;
}

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

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

.bg-lightblue-shadow h5 {
  text-align: center; 
  max-width: 1000px; 
  padding: 10px;
    margin-left: auto;
    margin-right: auto;
}


.bg-lightblue-shadow h2 {
border-bottom: none;
}

.bg-lightblue-shadow p {
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
}

@media (max-width: 992px) {
.bg-lightblue-shadow {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
}

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

}

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

}

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

}

.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-outline-borderblue {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
border: 2px solid #1D4F91;
    margin-top: 25px;
border-top: 15px solid #1D4F91; 
min-height: 555px;
}

.bg-white-outline-borderblue-hauto {
    background-color: white;
    position: relative;
    padding: 10px;
    border-radius: 5px;
border: 2px solid #1D4F91;
    margin-top: 25px;
border-top: 15px solid #1D4F91; 
height: auto;
}

.gray-card {
    background-color: #f7f7f7;
    position: relative;
padding: 10px;
    border-radius: 5px;
    margin-top: 15px;
}

@media (max-width: 992px) {
    .bg-white-shadow, .bg-white-card-borderblue, .bg-white-outline-borderblue, .bg-white-outline-borderblue-hauto, .bg-white-shadow-border, .gray-card {
           margin-left: 15px;
           margin-right: 15px;
min-height: auto;
    }
}

.overlap-white-bg {
    position: relative;
    background-color: #ffffff;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    padding: 2px 20px 20px 20px;
    z-index: 1;
    margin-top: -45px;
    border-radius: 3px;
}

@media (max-width: 996px) {
    .overlap-white-bg {
           margin-left: 15px;
           margin-right: 15px;
z-index: 1;
margin-top: -55px;
padding-left: 5px;
    padding-right: 5px;
    }
}

/*cards*/

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

}

@media (max-width: 996px) {
    .whitebg-card {
           margin-left: 10px;
           margin-right: 10px;
    }
}


/*buttons */

 .spark-button {
        border-radius: 3px;
        background-color: #F4D301;
        color: black;
        padding: 8px 20px;
        text-align: center;
        text-decoration: none;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: inline-block;
        font-size: 14px;
        margin: 2px 2px;
        transition-duration: 0.4s;
        cursor: pointer;
        transition: 0.3;
      }
      
      
      .spark-button:hover {
        color:  white;
        background-color: #F4D301;
        opacity: 0.9;
        box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
      }

.button-gray {
  border: none;
  color: black;
  padding: 10px 32px;
  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: 0px;
  float: left;
}

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

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

/* design elements */

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

@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;

    }
}

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

.overlap-container {
display: flex;
margin: auto;
max-width: 1200px;
justify-content: center;
align-items: center;
}

.row-reverse-container {
display: flex;
margin: auto;
max-width: 1200px;
justify-content: center;
align-items: center;
}

@media (max-width: 993px) {
.row-reverse-container {
  flex-direction: column-reverse;
margin-bottom: -80px;
align-items: inherit;
}
}


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

.overlap-pic img {
width: 100%;
height: 335px;
}
}

.organizer-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 20px;
background-color: #E3F4FF:
}

.organizer-card {
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      border-radius: 5px;
      background-color: white;
      margin: 10px;
max-width: 250px;
height: 315px;
padding: 0px !important;
    }

.organizer-card img {
    border-radius: 5px 5px 0 0;
    object-fit: cover;
width: 100%;
    height: 175px;
    position: relative;
}


.organizer-card:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.organizer-card h4,
.organizer-card h5,
.organizer-card h6 {
      word-wrap: break-word;
margin-left: 10px;
margin-right: 10px;

    }


   @media (max-width: 996px) {
        .organizer-card img {
        width: 250px;
      }
    }
    

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

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

.responsive-2column {
    columns: 2 500px;
    column-gap: 2em;
    text-align: center;
}

.responsive-2column em {
font-size: .95em;
}

.responsive-3column {
    columns: 3 300px;
    column-gap: 2em;
    text-align: center;
}

.responsive-3column-left {
    columns: 3 300px;
    column-gap: 2em;
    text-align: left;
}

.responsive-3column em {
font-size: .95em;
}

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


/*mini navigation */
.mini-navbar {
  background-color: #64A70B;
  display: grid;
overflow-x: scroll;
overflow-y: hidden;  
white-space: nowrap;
  align-items: center;
  justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.mini-navbar a {
  color: #f2f2f2;
  padding: 14px;
  text-decoration: none;
font-weight: 700;
font-size: 14px;
text-transform: uppercase; 
margin: 0px 10px;
}

.mini-navbar p {
margin-bottom: 0px;
} 

.mini-navbar a:hover {
  color: #1D4F91;
}

.mini-navbar::-webkit-scrollbar {
    display: none;
}

@media (max-width: 994px) {
  .mini-navbar {
justify-content: space-between;
  }

}

.mini-navbar-black {
  background-color: black;
  display: grid;
overflow-x: scroll;
overflow-y: hidden;  
white-space: nowrap;
  align-items: center;
  justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.mini-navbar-black a {
  color: #F4D301;
  padding: 14px;
  text-decoration: none;
font-weight: 700;
font-size: 14px;
text-transform: uppercase; 
margin: 0px 10px;
}

.mini-navbar-black p {
margin-bottom: 0px;
} 

.mini-navbar-black a:hover {
  color: rgb(244, 211, 1, .8);
}

.mini-navbar-black::-webkit-scrollbar {
    display: none;
}

@media (max-width: 994px) {
.mini-navbar-black {
justify-content: space-between;
  }
}

/* drop down selector */

  .dropdown-sitc {
    position: relative;
    display: inline-block;
    border-bottom: 5px solid #63A70B;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 0px 20px;
    padding-right: 25px;
    padding-left: 15px;
margin: 10px;
    }

    .dropdown-sitc-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 330px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition: 0.3s;
    overflow-y: scroll;
    height: 400px;
    }

    .dropdown-sitc-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }

    .dropdown-sitc-content a:hover {background-color: #ddd;}

    .dropdown-sitc:hover .dropdown-sitc-content {display: block;}

    .dropdown-sitc:hover .dropbtn-sitc {background-color: #f1f1f1;}


/* tabbed schedule */

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

.tab-links li {
    list-style: none;
    width: 35%;
    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: 1em;
    letter-spacing: 0.5px;
    color: #1D4F91;
    background: #fff;
    padding: 15px 5px;
    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: #1D4F91;
height: 100%;
}

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

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

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



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

@media (max-width: 768px)
.tab-links ul {
    flex-wrap: wrap;
}

/*** default table style ***/

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

}

table tr:nth-child(2n) {
    background: #fafafa;
}

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