@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------------------------------------------------
*/
html {
  scroll-behavior: smooth;
}
#contentsection .page.container {
  width: 100% !important;
  padding: 0;
  font-size: 16px
}
h1 {
  font-size: 3em !important;
}
.font-bold {
  font-family: 'interstatebold';
}
.block-title {
  font-family: 'interstatebold';
  font-size: 1.7em;
  line-height: normal;
  padding-bottom: 30px;
}
.section-title {
  font-family: 'interstatebold';
  font-size: 2em;
  line-height: normal;
  padding-bottom: 30px;
}
p {
  font-size: 16px !important;
}
#missionstatement {
  margin-top: 0 !important;
}
.linkButton, .linkButtonArrow, .btn {
  background-color: #ae1022 !important;
}
.linkButton:hover, .linkButtonArrow:hover, .btn:hover {
  background-color: #be404e !important;
}
.text-centered {
  text-align: center;
}
.spacer {
  padding-bottom: 60px;
}
.bbox {
  border-radius: 8px;
  border: #dadce0 solid 1px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #333;
  background-color: #fff;
}
.bbox-asso {
  border-radius: 8px;
  border: #dadce0 solid 1px;
  color: #333;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0 3px 6px 0 #e6e6e6;
  box-shadow: 0 3px 6px 0 #e6e6e6;
}
.section-row {
  padding-top: 30px;
  padding-bottom: 30px
}
.down-arrow {
  position: absolute !important;
  bottom: -45px;
  width: 100%;
}
/* strategic plan */
.sp-bg-img-flex {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/the-esc/strategic-plan/bg-strategic-plan-grey.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #FFF;
  padding: 2em;
  min-height: 50vh;
}
.banner-members-content.with-visual .linkButton {
  background-color: #fff !important;
  color: #ae1022 !important;
}
.row-3-cols .highlight-item div.image {
  height: auto !important;
}
/**/
@media (max-width: 370px) {
  .nav-visual img {
    width: 100%;
  }
}
.sub-nav {
  height: 380px;
}
.hfa20 .sub-nav {
  height: 390px;
}
@media (max-width:1199px) {
  .bbox {
    margin-bottom: 60px;
  }
}
.sub-nav-link, .sub-nav-link:hover {
  color: #333;
}
.sub-nav-link:hover {
  -webkit-box-shadow: 0 0 30px 0 #DBDBDB;
  box-shadow: 0 0 30px 0 #DBDBDB;
}
.sub-nav-link, .sub-nav-link span {
  display: block;
}
.sub-nav-link {
  transition: all 0.5s ease;
}
.dark-grey-bg {
  background-color: #333333;
  color: #fff;
}
.light-grey-bg {
  background-color: #e6e6e6;
}
.esc-red {
  color: #ae1022;
}
.benefits p {
  padding-bottom: 5px;
}
.benefits p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dark-grey-bg .bbox {
  min-height: 525px
}
.offset-button {
  margin-top: -18px;
}
@media(max-width: 1199px) {
  .offset-button {
    margin-top: -78px;
    margin-bottom: 30px;
  }
  .esc-professional-membership .section-intro, .association-membership .section-intro, .section-intro {
    padding-bottom: 30px;
    text-align: center;
  }
  .dark-grey-bg .bbox {
    min-height: 503px;
  }
}
.block-asso-logo {
  margin-right: 15px;
  float: left;
}
.asso-offset-button {
  margin-top: -20px
}
.asso-inverted-button {
  border: 2px solid #ae1022 !important;
  border-radius: 8px;
  background-color: #fff !important;
  color: #ae1022 !important;
  font-weight: bold !important;
  -webkit-box-shadow: 0 2px 3px 0 #cccccc;
  box-shadow: 0 2px 3px 0 #cccccc;
  transition: all 0.5s ease !important;
  margin-bottom: 30px !important;
}
.asso-inverted-button:hover {
  background-color: #f7e7e9 !important;
}
@media(min-width: 1200px) {
  .combinedOffers .row {
    width: 66.66666667%;
    left: 16.66666667%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*
@media(min-width: 768px) and (max-width: 1199px ){
    .combinedOffers{
    width: 83.33333333%;
    left: 8.33333333%;
    position: relative;
}
}
*/
@media screen and (max-width: 1024px) {
  .combinedOffers .row {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.combinedOffers .bg-ltgrey {
  border-radius: 24px;
}
.video-thumbnail {
  -webkit-box-shadow: 0 4px 14px 0 #e6e6e6;
  box-shadow: 0 4px 14px 0 #e6e6e6;
  border-radius: 8px;
}
.h-stroke {
  border-top: 1px solid #dadce0;
}
.valign-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1199px) {
  .valign-middle {
    display: inherit;
  }
  .img-point {
    display: none;
  }
}
@media (max-width: 768px) {
  .bbox-asso {
    border-radius: 8px !important;
  }
}
@media (max-width: 640px) {
  .video-thumbnail {
    width: 100%;
  }
}
.bg-orange .image-right {
  padding-bottom: 0;
}
.bg-orange h2 {
  padding-bottom: 0 !important;
}
/*  
=============================================================
FOCUS
=============================================================  
*/
.bg-white.col-md-10 .highlight {
  background: #FFF;
}
.bg-white.col-md-10 .highlight-item {
  background: #f8fafd !important;
  border-radius: 24px;
}
.bg-white.col-md-10 .highlight-item .image img {
  border-radius: 24px;
}
.bg-white.col-md-10 .highlight .highlight-item .title {
  font-size: 1.4em;
  padding: 0 24px;
  font-family: "interstateregular";
}
.bg-white.col-md-10 .highlight .highlight-item .description {
  padding: 0 24px;
  margin-bottom: 0 !important;
}
.bg-white.col-md-10 .highlight-item div:last-child {
  float: none;
  text-align: left;
}
.bg-white.col-md-10 .highlight-item p {
  font-size: 15px !important;
}
.bg-white.col-md-10 .highlight-item p:last-child {
  margin-bottom: 20px;
}
/* new tab */
.membership-offer-tabs .gradient.tabs-style-logobox nav {
  background: #fff !important;
}
.membership-offer-tabs .gradient p.logo {
  display: none;
}
.membership-offer-tabs .gradient.tabs nav ul {
  border-radius: 50px;
  height: 80px;
  background: #f5f0f0;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li.active {
  height: 100%;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li.active a {
  height: 100%;
  background: #ffdad9 !important;
  border-radius: 50px;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li.active a:hover {
  background: #eecbca !important;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li a:hover {
  background: linear-gradient(0deg, rgba(83, 67, 67, .08), rgba(83, 67, 67, .08)) !important;
  border-radius: 50px;
  height: 100% !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li a {
  height: 100% !important;
  border-top: 0 !important;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li:first-child::before, .membership-offer-tabs .gradient.tabs-style-logobox nav ul li:first-child::after, .membership-offer-tabs .gradient.tabs-style-logobox nav ul li::after, .membership-offer-tabs .gradient.tabs-style-logobox nav ul li.active a::after, .membership-offer-tabs .gradient.tabs-style-logobox nav ul li a:hover::after {
  display: none !important;
}
.membership-offer-tabs .gradient.tabs-style-logobox nav ul li a span {
  line-height: 40px;
  font-family: 'interstateregular' !important;
  font-size: 16px !important;
}
@media (max-width: 768px) {
  .membership-offer-tabs .gradient.tabs nav ul, .membership-offer-tabs .gradient.tabs-style-logobox nav ul li.active a {
    border-radius: 20px;
  }
  .membership-offer-tabs .gradient.tabs-style-logobox nav ul li a {
    padding: 7px 0 !important;
  }
  .membership-offer-tabs .gradient.tabs-style-logobox nav ul li a span {
    line-height: 20px;
  }
}
.tab-pane p {
  padding: 0 24px;
}
.membership-offer-tabs {
  padding-top: 25px !important;
}
.membership-offer-tabs .gradient.tabs nav {
  background: transparent !important;
}
.membership-offer-tabs .gradient.tabs nav ul {
  margin-bottom: 0 !important;
}
.tab-content {
  margin-top: 1rem !important;
  margin-bottom: 50px;
}
.tab-content .container.tab-pane {
  border: 2px solid rgba(83, 67, 67, .1);
  border-top: 0;
  margin-top: -40px;
  padding-top: 60px;
  border-radius: 24px;
  padding-bottom: 24px
}
@media (min-width: 1200px) {
  .tab-content .container.tab-pane {
    width: 1200px;
  }
}
.ToM-title {
  color: #FFF;
  font-size: 2.2em !important;
  margin-bottom: 0;
}
.black-rounded-title-banner {
  background-color: #000;
  border-radius: 40px;
  padding: 50px;
}
/*.intro {
  background: transparent !important;
}*/
h2 {
  font-size: 2.6em !important;
}
.highlight-item [class^="icon-"]:before, .highlight-item [class*=" icon-"]:before, .tab-content [class^="icon-"]:before, .tab-content [class*=" icon-"]:before {
  color: #ae1022;
}
/* banner news col-md-8 update*/
.col-md-8.col-md-push-2 .highlight-item {
  background: #f1f1f1 !important;
  border: 0;
  border-radius: 40px;
  padding: 1em;
}
.col-md-8.col-md-push-2 .highlight-item:hover {
  bottom: 0 !important;
  box-shadow: inherit !important;
}
.col-md-8 .highlight-item .enews .content-header {
  float: left;
}
@media (min-width: 1024px) {
  .col-md-8 .highlight-item .enews .content-body {
    max-width: 60%;
  }
}
.col-md-8 .highlight-item .enews .content-body {
  float: left;
  text-align: left;
  clear: both;
  padding: 0 15px;
}
.col-md-8 .highlight-item div:last-child {
  float: right;
}
.col-md-8 .highlight-item .title div, .col-md-8 .highlight-item .description, .col-md-8 .highlight-item .description div {
  float: inherit !important;
}
.col-md-8 .highlight-item .image img {
  border-radius: 28px;
}
.col-md-8.col-md-push-2 iframe {
  height: 75px !important;
  margin-top: -25px;
}
@media (max-width: 768px) {
  .col-md-8.col-md-push-2 iframe {
    margin-top: 0 !important;
  }
  .col-md-8 .highlight-item div:last-child {
    float: none;
  }
  .col-md-8 .highlight-item .enews .content-body {
    text-align: center;
    float: none;
  }
}
/*  
=============================================================
ESC 365 YOUNG TRACK
=============================================================  
*/
.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
  margin-left: -15px;
  padding-top: 0;
}
.MultiCarousel .pad15 img {
  max-width: 100%;
  border-radius: 14px;
  border: 1px solid #e5e5e5;
}
.MultiCarousel .pad15 p {
  font-size: 15px !important;
  padding: 0 1em;
}
.MultiCarousel .pad15 p:first-of-type {
  padding-top: 1em;
}
.MultiCarousel .pad15 p:last-child {
  padding-bottom: 2em;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
  text-align: left;
  padding: 0;
  min-height: 356px;
  margin: 10px;
  margin-bottom: 0;
  border: 0;
  border-radius: 14px;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
  position: absolute;
  color: #ae1022 !important;
  font-size: 1.6em;
  height: 100%;
  top: -20px;
  width: 6rem;
  border-radius: 0;
}
.MultiCarousel .leftLst {
  left: -16px;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)) !important;
  text-align: left;
}
.MultiCarousel .rightLst {
  right: -18px;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff) !important;
  text-align: right;
}
.MultiCarousel .rightLst:after {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ae1022;
}
.MultiCarousel .btn-primary:focus {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0;
}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
  display: none;
}
.MultiCarousel .btn:active {
  box-shadow: none;
}
#MultiCarousel5 button {
  display: none;
}
@media (min-width: 1200px) {
  #MultiCarousel2 button, #MultiCarousel3 button, #MultiCarousel5 button, #MultiCarousel13 button {
    display: none;
  }
}
@media (min-width: 1024px) {
  #MultiCarousel12 button {
    display: none;
  }
}
/*  
=============================================================
NEW MEMBERSHIP PAGE
=============================================================  
*/
.border-radius {
  border-radius: 24px;
}
.col-md-10 .teaser .col-lg-12 {
  display: none;
}
@media (min-width: 1200px) {
  .col-md-10 .image-right .teaserContainer .col-lg-4 {
    padding-right: 0;
    padding-left: 30px;
  }
}
/* EACVI*/
.bg-pink {
  background-color: #a70078;
}
.bg-pink.col-md-10 {
  border-radius: 24px;
}
.bg-pink .linkButton {
  background-color: #FFF !important;
  color: #a70078 !important;
}
.bg-pink h2, .bg-pink p {
  color: #fff !important;
}
.bg-ltgrey.col-md-10, .bg-ltgrey.col-md-8 {
  background-color: #f1f1f1 !important;
  border-radius: 24px;
  box-shadow: none;
}
.bg-ltgrey.col-md-10 .teaser.image-left, .bg-ltgrey.col-md-8 .teaser.image-left {
  padding: 0;
}
.bg-ltgrey.col-md-10 .teaser.image-left .col-lg-7, .bg-ltgrey.col-md-8 .teaser.image-left .col-lg-7 {
  padding: 0;
}
.bg-ltgrey.col-md-10 .teaser .image img, .bg-ltgrey.col-md-8 .teaser .image img, .bg-stgrey.col-md-10 .teaser .image img, .bg-stgrey.col-md-8 .teaser .image img {
  border-radius: 24px;
}
.bg-stgrey.col-md-10, .bg-stgrey.col-md-8 {
  border-radius: 24px;
}
.teaser.image-right {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.teaser.image-right .col-lg-7 {
  padding: 0;
}
/* MEMBERSHIP OFFER */
/*--------------------------------------------------------------------------------------------------------------------
*/
#membership-renew-upgrade .container-fluid {
  background: #eeeeee;
}
#membership-renew-upgrade header {
  margin: 40px auto;
}
#membership-renew-upgrade h1 img {
  border-right: 1px solid #d0d0d0;
  padding-right: 20px;
  height: 80px;
}
#membership-renew-upgrade h1 .title-asso {
  font-size: 26px;
}
#membership-renew-upgrade .membership-level {
  font-size: 16px;
  font-weight: bold;
}
#membership-renew-upgrade .membership-cell-grey {
  background-color: #F5F5F5;
}
#membership-renew-upgrade .membership-cell-light-green {
  background-color: #F5F5F5;
}
#membership-renew-upgrade .membership-cell-dark-green {
  background-color: #F5F5F5;
}
#membership-renew-upgrade .membership-cell-light-red {
  background-color: #F5F5F5;
}
#membership-renew-upgrade .membership-cell-dark-green {
  background-color: #F5F5F5;
}
#membership-renew-upgrade .table-box {
  background: #fff;
  border: 1px solid #f1f1f1;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.02);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 30px 0;
  margin-bottom: 100px;
}
#membership-renew-upgrade #main-table .row {
  min-height: 50px;
}
#membership-renew-upgrade .cell {
  border: 1px #cfd4cd solid;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#membership-renew-upgrade .cell-top {
  border-bottom: none;
}
#membership-renew-upgrade .cell-top-middle {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
#benefits3 #membership-renew-upgrade .cell-top-left {
  border-bottom: none;
  border-right: none;
}
#benefits3 #membership-renew-upgrade .cell-left {
  border-bottom: none;
  border-right: none;
  border-top: none;
}
#membership-renew-upgrade .cell-ordinary {
  border-top: none;
  border-bottom: none;
}
#membership-renew-upgrade .cell-middle {
  border: none;
}
#membership-renew-upgrade .cell-bottom {
  border-top: none;
}
#membership-renew-upgrade .cell-bottom-middle {
  border-top: none;
  border-left: none;
  border-right: none;
}
#benefits3 #membership-renew-upgrade .cell-bottom-left {
  border-top: none;
  border-right: none
}
#membership-renew-upgrade .cell-nothing {
  border: none;
}
#membership-renew-upgrade .linkButton {
  font-size: 16px;
  min-width: 103px;
  margin-bottom: 0;
}
#membership-renew-upgrade .membership-level .cell {
  border: none;
}
#membership-renew-upgrade .opt {
  font-size: 22px;
  font-weight: bold;
}
#membership-renew-upgrade .opt-in {
  background-color: #d9eecf;
  color: #41ab0f;
}
#membership-renew-upgrade .membership-cell-grey .opt-in {
  background-color: #bde2ac;
  color: #41ab0f;
}
#membership-renew-upgrade .opt-out {
  background-color: #fae4e6;
  color: #cb0000;
}
#membership-renew-upgrade .membership-cell-grey .opt-out {
  background-color: #f5cbcc;
  color: #cb0000;
}
#membership-renew-upgrade .secondary-action {
  background: white !important;
  color: #ae1022;
  -webkit-box-shadow: inset 0 0 0 2px #ae1022;
  box-shadow: inset 0 0 0 2px #ae1022;
}
#membership-renew-upgrade .secondary-action:hover {
  color: #d78891;
  -webkit-box-shadow: inset 0 0 0 2px #d78891;
  box-shadow: inset 0 0 0 2px #d78891;
}
@media (max-width: 1372px) {
  #membership-renew-upgrade .membership-level span {
    display: table;
    margin: auto;
  }
}
@media (min-width: 768px) {
  #membership-renew-upgrade #fees {
    display: none
  }
}
@media (max-width: 767px) {
  #membership-renew-upgrade h1 img {
    border-bottom: 1px solid #d0d0d0;
    border-right: none;
    padding-bottom: 20px;
    height: 80px;
  }
  #membership-renew-upgrade h1 .title-asso {
    display: table;
    margin: 20px auto 0;
  }
  #membership-renew-upgrade .membership-level span {
    display: none;
  }
  #membership-renew-upgrade .action-buttons {
    display: none
  }
  #membership-renew-upgrade .membership-level img {
    max-width: 30px;
  }
  #membership-renew-upgrade .cell {
    border-right: none;
  }
  #membership-renew-upgrade .cell-middle, .cell-top-middle, .cell-bottom-middle {
    border-left: 1px #cfd4cd solid !important;
  }
  #membership-renew-upgrade .benefit-row {
    border-right: none;
  }
  #membership-renew-upgrade .benefit-benefit {
    -webkit-order: 1;
    order: 1;
    text-align: left;
    justify-content: flex-start;
  }
  #membership-renew-upgrade .benefit-regular {
    -webkit-order: 2;
    order: 2;
  }
  #benefits3 #membership-renew-upgrade .benefit-silver {
    -webkit-order: 3;
    order: 3;
  }
  #benefits3 #membership-renew-upgrade .benefit-gold {
    -webkit-order: 4;
    order: 4;
  }
  #membership-renew-upgrade .benefit-ivory {
    -webkit-order: 3;
    order: 3;
  }
  #benefits4 #membership-renew-upgrade .benefit-silver {
    -webkit-order: 4;
    order: 4;
  }
  #benefits4 #membership-renew-upgrade .benefit-gold {
    -webkit-order: 5;
    order: 5;
  }
}
@media (max-width: 400px) {
  #membership-renew-upgrade #fees .row {
    display: inherit;
  }
  #membership-renew-upgrade #fees .fee-level {
    width: 50%;
  }
  #membership-renew-upgrade #fees .fee-action {
    width: 50%;
  }
  #membership-renew-upgrade #fees .fee-price {
    width: 100%;
  }
}
#membership-renew-upgrade #fees img {
  max-width: 30px;
  min-width: 30px;
  padding-right: 3px;
}
#membership-renew-upgrade #fee-title {
  font-weight: bold;
  font-size: 20px;
  padding: 30px 0 20px;
}
#membership-renew-upgrade #fees .row {
  border-bottom: 1px #e6e6e6 solid;
  align-items: center;
  padding: 10px 0;
}
#membership-renew-upgrade #fees .row:nth-last-child(1) {
  border-bottom: none;
}
#membership-renew-upgrade #fees .row div:first-child {
  align-items: center;
}
#membership-renew-upgrade #fees .linkButton {
  font-size: 14px;
}
#membership-renew-upgrade .price {
  font-weight: bold;
}
#membership-renew-upgrade .vat {
  font-size: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  #membership-renew-upgrade .cell {
    display: block !important;
  }
}
.cell-top {
  margin-top: 10px;
}
.cell-bottom {
  margin-bottom: 10px;
}
.opt-in.benefit-ivory {
  background: #d9eecf; /* Old browsers */
  background: -moz-linear-gradient(left, #d9eecf 86%, #98a791 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #d9eecf 86%, #98a791 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d9eecf 86%, #98a791 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9eecf', endColorstr='#98a791', GradientType=1); /* IE6-9 */
}
.membership-cell-grey .opt-in.benefit-ivory {
  background: #bde2ac; /* Old browsers */
  background: -moz-linear-gradient(left, #bde2ac 86%, #859f79 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #bde2ac 86%, #859f79 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #bde2ac 86%, #859f79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bde2ac', endColorstr='#859f79', GradientType=1); /* IE6-9 */
}
.opt-in.benefit-gold {
  background: #98a791; /* Old browsers */
  background: -moz-linear-gradient(left, #98a791 0%, #d9eecf 15%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #98a791 0%, #d9eecf 15%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #98a791 0%, #d9eecf 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98a791', endColorstr='#d9eecf', GradientType=1); /* IE6-9 */
}
.membership-cell-grey .opt-in.benefit-gold {
  background: #859f79; /* Old browsers */
  background: -moz-linear-gradient(left, #859f79 0%, #bde2ac 15%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #859f79 0%, #bde2ac 15%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #859f79 0%, #bde2ac 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#859f79', endColorstr='#bde2ac', GradientType=1); /* IE6-9 */
}
.opt-out.benefit-ivory {
  background: #fae4e6; /* Old browsers */
  background: -moz-linear-gradient(left, #fae4e6 85%, #afa0a1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fae4e6 85%, #afa0a1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fae4e6 85%, #afa0a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4e6', endColorstr='#afa0a1', GradientType=1); /* IE6-9 */
}
.membership-cell-grey .opt-out.benefit-ivory {
  background: #f5cbcc; /* Old browsers */
  background: -moz-linear-gradient(left, #f5cbcc 85%, #afa0a1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f5cbcc 85%, #afa0a1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f5cbcc 85%, #afa0a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5cbcc', endColorstr='#afa0a1', GradientType=1); /* IE6-9 */
}
@media (max-width: 767px) {
  #membership-renew-upgrade .cell.opt-in.benefit-gold {
    border-right: 1px #cfd4cd solid;
  }
  .opt-in.benefit-regular.no-ivory {
    background: #d9eecf; /* Old browsers */
    background: -moz-linear-gradient(left, #d9eecf 86%, #98a791 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d9eecf 86%, #98a791 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d9eecf 86%, #98a791 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9eecf', endColorstr='#98a791', GradientType=1); /* IE6-9 */
  }
  .membership-cell-grey .opt-in.benefit-regular.no-ivory {
    background: #bde2ac; /* Old browsers */
    background: -moz-linear-gradient(left, #bde2ac 86%, #859f79 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #bde2ac 86%, #859f79 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #bde2ac 86%, #859f79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bde2ac', endColorstr='#859f79', GradientType=1); /* IE6-9 */
  }
  .opt-out.benefit-regular.no-ivory {
    background: #fae4e6; /* Old browsers */
    background: -moz-linear-gradient(left, #fae4e6 85%, #afa0a1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fae4e6 85%, #afa0a1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fae4e6 85%, #afa0a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4e6', endColorstr='#afa0a1', GradientType=1); /* IE6-9 */
  }
  .membership-cell-grey .opt-out.benefit-regular.no-ivory {
    background: #f5cbcc; /* Old browsers */
    background: -moz-linear-gradient(left, #f5cbcc 85%, #afa0a1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f5cbcc 85%, #afa0a1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f5cbcc 85%, #afa0a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5cbcc', endColorstr='#afa0a1', GradientType=1); /* IE6-9 */
  }
  .benefit-shadow {
    background: #ffffff !important;
  }
  .membership-cell-grey .benefit-shadow {
    background: #f5f5f5 !important;
  }
}
.benefit-shadow {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 95%, #b3b3b3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 95%, #b3b3b3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 95%, #b3b3b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3b3b3', GradientType=1); /* IE6-9 */
}
.membership-cell-grey .benefit-shadow {
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(left, #f5f5f5 95%, #acacac 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f5f5f5 95%, #acacac 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f5f5f5 95%, #acacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#acacac', GradientType=1); /* IE6-9 */
}
.first-benefit-row .benefit-benefit {
  margin-top: 10px
}
.last-benefit-row .benefit-benefit {
  margin-bottom: 10px
}
.action-buttons p {
  font-weight: bold;
  color: #ae1022;
}
/*
----------------------------------------------------------------------------------------------------------------------
HFA 20 YEARS
----------------------------------------------------------------------------------------------------------------------
*/
.hfa-20-bg-img-flex {
  background-image: url(https://www.escardio.org/static-file//Escardio/Medias/associations/heart-failure-association/hfa-20-years/hfa-20-years-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 600px;
  color: #FFF;
  padding-top: 50px;
  display: flex;
  align-items: center;
}
.hfa-20-bg-img-flex .subtitle {
  font-size: 1.6em !important;
}
.hfa-banner-gradient {
  background: linear-gradient(90deg, rgba(253, 188, 18, 1) 0%, rgba(247, 147, 30, 1) 100%);
  border-radius: 1rem;
  color: #fff;
}
.hfa-banner-gradient .linkText {
  color: #fff;
  text-decoration: underline;
}
.hfa-banner-border-gradient {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, gold, orange) border-box;
  border-radius: 1em;
  border: 4px solid transparent;
}
h2.gradient {
  background: -webkit-linear-gradient(rgba(253, 188, 18, 1), rgba(247, 147, 30, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h3.noBorder {
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 0;
}
h3.noBorder:after {
  display: none;
}
.hfa_steps {
  padding: 15px 1em;
}
.hfa20 .sub-nav-link .text-justify {
  text-align: justify;
  font-size: 1em;
  padding: 0 2rem;
}
.hfa20 p, .hfa20 div {
  font-size: 16px !important;
}
.hfWall .iframe::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.hfWall .iframe {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}
/*
----------------------------------------------------------------------------------------------------------------------
LONDON SOCIAL
----------------------------------------------------------------------------------------------------------------------
*/
.redText {
  color: #ae1022;
}
.bgFlex {
  display: flex;
  background-color: #EEE;
  padding: 2em;
  justify-content: center;
  align-items: center;
}
.congress-bg-img-flex {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2024/london-social/London-Social-Header-Image.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #FFF;
  height: 400px;
}
.congress-bg-img-flex.holaMadrid {
    background-image: url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2025/hola-madrid/hola-madrid-banner-lg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    display: flex;
    align-items: center;
    color: #FFF;
    height: 460px;
  }
@media (max-width: 768px) {
  .congress-bg-img-flex.holaMadrid {
    background-image: url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2025/hola-madrid/hola-madrid-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    color: #FFF;
    height: 400px;
  }
}
.congress-bg-img-flex-bottom {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url(https://www.escardio.org/static-file/Escardio/Medias/congresses/esc-congress/2024/london-social/london-social-cta.jpg);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  color: #FFF;
  height: 482px;
  background-size: cover;
}
.congress-bg-img-flex .linkButton, .congress-bg-img-flex-bottom .linkButton {
  background: #FFF !important;
  color: #DF4630 !important;
}
.congress-bg-img-flex h1 {
  font-size: 5em;
  margin: 0;
}
.congress-bg-img-flex p:first-child {
  font-size: 2em;
  margin-bottom: 0;
}
.congress-bg-img-flex h1 + p {
  font-size: 1.2em;
  text-transform: uppercase;
}
.congress-gradient {
  background: linear-gradient(90deg, rgba(129, 27, 130, 1) 0%, rgba(255, 12, 88, 1) 50%, rgba(255, 33, 5, 1) 100%);
  position: relative;
  color: #FFF;
  border-radius: 5em 5em 0 0;
  padding: 3em;
}
.congress-gradient .linkButton {
  background: #FFF !important;
  color: #FF0C58 !important;
}
.ehra-gradient {
  background: linear-gradient(90deg, rgba(0, 70, 103, 1) 0%, rgba(174, 16, 34, 1) 100%);
  position: relative;
  color: #FFF;
  border-radius: 5em 5em 0 0;
  padding: 3em;
}
.ehra-gradient .linkButton {
  background: #FFF !important;
  color: #ae1022 !important;
}
#congress-footer-nav {
  display: flex;
  align-items: center;
}
#congress-footer-nav a {
  color: #000;
}
#congress-footer-nav a:hover {
  color: #DF4630;
  background-color: transparent;
}
@media screen and (min-width:1024px) {
  .teaserFlexCenter {
    display: flex;
    align-items: center;
  }
  .teaserFlexCenter .col-md-6 {
    padding-left: 3%;
  }
  .underlinedPen {
    padding-bottom: 25px;
    background-size: contain;
    background-position: bottom right;
  }
}
@media only screen and (max-width: 1024px) {
  #congress-footer-nav {
    display: block;
  }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
  .congress-bg-img-flex h1 {
    font-size: 3em !important;
  }
  .congress-bg-img-flex p:first-child {
    font-size: 1.2em;
  }
  .congress-bg-img-flex h1 + p {
    font-size: 1.1em;
  }
}
/*--------------------------------------------------------------------------------------------------------------------
SLIDER 
----------------------------------------------------------------------------------------------------------------------
*/
.carousel-inner {
  border-radius: 3rem;
}
.top-banner-centered .carousel-inner .content p {
  font-size: 20px !important;
}
/* ASSOCIATIONS ----------------------------------------------
*/
/* ACCA
*/
.bg-burgundy {
  background: #851736;
  color: #fff;
}
.bg-lavender {
  background: #afbde1;
  color: #fff;
}
/* ACNAP
*/
.bg-teal {
  background: #09B6B3;
  color: #fff;
}
/* EACVI
*/
.bg-pink {
  background: #a70078;
  color: #fff;
}
.bg-grey-eacvi {
  background: #414953;
  color: #fff;
}
.bg-grey-eacvi .linkButton {
  background: #a70078 !important;
  color: #FFF !important;
}
/* EAPC
*/
.bg-green {
  background: #008734;
  color: #fff;
}
/* EAPC & EAPCI
*/
.bg-orange {
  background: #f29526;
  color: #fff;
}
/* EAPCI
*/
.bg-purple {
  background: #681466;
  color: #fff;
}
/* EHRA
*/
.bg-navy {
  background: #004667;
  color: #fff;
}
/* HFA 
*/
.bg-yellow {
  background: #f8dc24;
  color: #434343;
}
/**/
.bg-ltgrey .linkButton, .bg-ltgrey .linkButtonMembership {
  color: #fff
}
/*
----------------------------------------------------------------------------------------------------------------------
AI HUB
----------------------------------------------------------------------------------------------------------------------
*/
.aiHub-banner {
  background-image: url(https://www.escardio.org/static-file/Escardio/Medias/ai-hub/headerAI-animated.gif);
  text-align: center;
  color: white;
  background-size: 100%;
  min-height: 277px;
  max-height: 350px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.intro-hub {
  background-color: #EBF8FF;
  border: 1px solid #76D8FF;
  border-top: 0;
  text-align: center;
  color: #062B65;
  border-bottom-left-radius: 6rem;
  border-bottom-right-radius: 6rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.text-black.bg-white .highlight h2 {
  font-size: 2.6rem !important;
  text-align: left !important;
  padding-left: 15px;
}
.boxesarea h2 {
  font-size: 2.6rem !important;
  text-align: left !important;
}
.text-black.bg-white .block-title {
  padding-bottom: 0;
}
/* if we use col-md-10 */
.text-black.bg-white.col-md-10 .highlight-item {
  background: #fff !important;
  border-radius: 0;
  border: 1px solid #e5e5e5;
}
.text-black.bg-white.col-md-10 .highlight-item .image img {
  border-radius: 0;
}
.text-black.bg-white.col-md-10 .highlight-item:hover {
  bottom: 6px !important;
  box-shadow: 0 6px 18px 0 rgba(135, 135, 135, 0.2);
}
.text-black.bg-white.col-md-10 .highlight .highlight-item .title {
  font-size: inherit;
  padding: 0 15px;
  font-family: 'interstatebold';
}
.text-black.bg-white.col-md-10 .highlight-item div:last-child {
  text-align: center;
}
.text-left .boxesarea .box {
  text-align: left;
}
.text-left .boxesarea .box .more {
  display: none;
}
.bg-white.text-left .box a {
  pointer-events: none;
}
.description p {
  font-size: 15px !important;
}
.bg-white.text-left .boxesarea .col-md-4 .box, .bg-white.text-left .boxesarea .col-md-4 .box a.boximage {
  height: 400px;
}
.boxesarea .col-md-4.vrect .box, .boxesarea .col-md-4.vrect .box a.boximage {
  height: 753px !important;
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
  .mobile .boxesarea .col-md-4 .box.bg-petgreen, .mobile .boxesarea .col-md-4 .box.bg-petgreen a.boximage, .mobile .boxesarea .col-md-4 .box.bg-ltpetgreen, .mobile .boxesarea .col-md-4 .box.bg-ltpetgreen a.boximage {
    height: 372px !important;
  }
  .aiHub-banner {
    background-size: cover;
  }
}
/*
----------------------------------------------------------------------------------------------------------------------
CHAT
----------------------------------------------------------------------------------------------------------------------
*/
.border {
	margin: 0!important;
}
#chatForm {
	background: #fff!important;
}
#chatForm .border {
	border: 0!important;
}
.chat-message-container.bg-gray-300 {
	background: #fbdfd7;
	color: #68000a!important;
	padding: 1rem 1.5rem!important;
	border-radius: 1rem;
}
#chat-container .items-start.mr-8{
	margin-right: 0!important;
	margin-top: 3em!important;
}
.chat-message-container.lg\:max-w-4xl {
	max-width: 100%!important;
	border: 0!important;
}
.citation-item {
	border:0!important;
}